/* 
"Color palette"

**greens
nearly invisible green #F7FFEF
very light green #EEFFDF
light green #BADF99
medium green #7ABD3E  ("sidebar green")
darker green #5B8F2C
very dark green #476F22

**grays
med-dark warm gray #6E6868
medium gray: #DDD
slightly darker gray: #C0C0C0
50% warm #7F7777
30% warm #b3adad

**misc
light yellow: #FFFABF (required fields, etc)
deep red #990000 (errors/warnings)

NOTE 1:

IE6 (and IE7?) don't support CSS attribute selectors such as:  input[type="submit"] or 
parent selectors such as #foo>bar

For this stylesheet to function you'll need to utilize IE7.css or IE8.css to achieve compatibility
For legitimate, non-broken browsers this is of course not needed
*/

/* !------[ Styles for all media ]---------------------------------- */
/* !------[ Assorted common styles ]-------------------------------- */
@media all {
.requiredField {
	background-color:#FFFABF;
	}

div.indentful {
	margin-right: 10px;	
	}

.indentful h4 {
	margin-left:7px
	}
	
.indentful p, .indentful ol, .indentful ul {
	margin-left:15px;
	}

.marginBelow { margin-bottom: 20px}

.centerText { text-align:center; }

.centerBlock {
	margin-left: auto;
	margin-right: auto;
	display: block;
	}

p.upLink {
	margin-right:30px;
	text-align:right;
	}

a.upLink, .upLink a { 
	background-image: url(/images/miscshared/up_arrow.png);
	background-repeat:no-repeat;
	color: #7ABD3E;
	font-size:small;
	font-weight:bold;
	padding:2px 2px 2px 21px;
	}
	
p.askAQuestion {
	background-color:#BADF99;
	border-color:#7ABD3E;
	border-style:solid;
	border-width:1px 3px 3px 1px;
	margin-left:auto;
	margin-right:auto;
	padding:7px;
	text-align:center;
	width:220px;
	}
	
.askAQuestion a, .askAQuestion a:visited {
	color: #476F22;
	text-decoration: none;
	}
	
.note {
	color:#aa4a22;
	font-size:10pt;
	font-style:italic;
	}
	
.deemphasized {
	color:#7F7777;
	}
	
.error {
	color:maroon;
	}
	
.paddedBottom {
	padding-bottom:50px;
	}
	
.paddedTable tr td {
	padding:5px;
	}
	
.centeredTable tr td {
	text-align:center;
	}
	
ul.finishedList li, li.finishedList {
	list-style-image: url(../images/miscshared/tick.png); 
	}

ul.plainList li, li.plainList {
	list-style-image: none;
	}
	
/* !------[ Base Styles ]--------------------------------------------------- */	
	
body {
	text-align:left;
	background-color:#BADF99;
	font-family: Helvetica, Arial, sans-serif;
	color:#000;
	}
       
p {
	margin-bottom:1px;
	margin-top:1px;
	}
	
img {
	display:inline;
	}
	
strong {
	font-weight:bold;	
	}
	
em, cite {
	font-style:italic;
	}

h1 {
	background-image:url(../images/miscshared/sbdc_gradient.png);
	background-position:bottom center;
	background-repeat:no-repeat;
	border:0px solid black;
	color:#44666F;
	display:block;
	font-size:14pt;
	margin-top:25px;
	margin-bottom:27px;
	padding-bottom:4px;
	text-align:center;
	width:364px;
	}
	
/* !------WOW.asp formatting only------------------------------------------------------ */
/*li {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
}
*/
h2 {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 24px;
	font-weight: bold;
	color: #C34512;
}

.box-copy {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
}

.box-title-1 {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #C54218;
}
.box-title-2 {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 17px;
	font-weight: bold;
	color: #FFFFFF;
}
.box-hilite {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #000000;
}
.strike-thru {
	text-decoration: line-through;
}
/*a {
	font-weight: bold;
	text-decoration: underline;
	color: #000000;
}
a:hover {
	color: #C54218;
}
*/
/* !------[ Clearfix ]------------------------------------------------------ */
/* http://www.positioniseverything.net/easyclearing.html for more info */

  .clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
    }

.clearfix {display: inline-block;}  /* for IE/Mac */


/* !------[ Main layout divs / other elements]------------------------------ */

#frame {
	background-color:#7ABD3E;
	color:#000;
	height:auto;
	margin-right:auto;
	margin-left:auto;
	margin-top:10px;
	padding:0px;
	
	text-align:left;
	width:990px;
	z-index:50;
	}	
	
       
#contentLeft {
	width:177px;
	float:left;
	background-color:#7ABD3E;
	color:white;
	height:100%;
	z-index:999;
	}
	
#contentCenterOuter {
	background:#fff center bottom url(../images/mainlayout/middle_div_bottom.png) no-repeat;
	color:black;
	width:634px;
	float:left;
	z-index:100;
	}

#contentCenterInner {
	font-size: 11pt;
	padding-right:15px;
	padding-left:15px;
	/* can't just set to 100% because IE6 (and 7+8?) sets width 
		to 100% and THEN tacks on the padding */
	width:604px;
	z-index:100;
}
	
#contentRight {
	color:white;
	width:179px;
	float:left;
	background-color:#7ABD3E;
	height:100%;
	z-index:100;
	}
	
#contentHeader {
	background:#fff; 
	color:#000;
	height:111px;
	z-index:100;
	}
	


#pageMessages {
	background-color: #BADF99;
	border-color: #5B8F2C;
	border-style: solid;
	border-width: 1px 3px 3px 1px;
	clear:both;
	margin: 10px;
	}

	
/* !------[ Main layout header content ]------------------------------- */

#businessPlanNow {
	clear:both;
	float:right;
	margin:7px 10px 4px 4px;
}

h1#pageTitle {
	float:right;
	}

#sbdcHeaderText { 
	float:right;
	margin-top:17px;
	margin-right:65px;
	}
	
#sbdcHeaderLogo {
	float:right;
	width:165px;
	margin-right:115px;
	color:#6E6868;
	font-size:smaller;
	margin-top:15px;
	text-align:left;
	}
	
#sbdcHeaderHandshakes {
	}
	
/* !------[ Main layout top navbar ]--------------------------- */

#foo {
	display:none;
}

#navContainer {
	background-image: url(../images/mainlayout/menubar_background_gradient.jpg);
	background-position: top;
	background-repeat:repeat-x;
	height:21px;
	width:100%;
	padding-top:7px;
	}

#navContainer ul li {
	display:inline;
	text-align:center;
	/* note: can't specify width because li is an inline element */
	margin-left:30px;
	margin-right:24px;
	padding-top:5px;
	font-weight:bold;
}
	

#navContainer a {
	color:white;
	text-decoration:none;
}

#navContainer a:hover {
	color:#444;
}

/* !------[ Main: left+right common ]------------------ */

.column a {
	color:white;
	}	
	
.column p.sidebar-button {
	background-image: url(../images/mainlayout/orange_on_green_button.png);
	background-repeat:no-repeat;
	font-size:8pt;
	width:133px;  /*image is 156px*/
	height:32px;
	padding-top:7px;
	margin-left:7px;
	padding-left:10px;
	padding-right:14px;
	text-align:center;
	}
	
.column p {
	padding-left:7px; 
	padding-right:7px;
	font-size:90%;
	}	
	
.column input[type="submit"] {
	background:none;
	width:auto;
	height:auto;
	padding:1px 5px;
	}
	
/* !------[ Main layout left column content ]---------------- */	

#contentLeft form p {
	font-size:9pt;
	text-align:right;
	}
	
	
#contentLeft label {
	font-weight:bold;
	}
	
#contentLeft input {
	width:90px;
	margin-bottom:5px;
	margin-left:3px;
	}

#contentLeft input[type="submit"] {
	border:1px solid #5B8F2C;
	color: #5B8F2C;
	background-color: #EEFFDF;
	width:auto;
	height:20px;
	padding:0px;
	}	

#contentLeft input[type="radio"] {
	width:auto;
	}
	
#contentLeft #searchform input {
	width:100px;
	}

	
#loginNow>strong {
	font-size:11pt;
	padding-right:3px;
	}
	
	
p.memberGreeting {
	text-align:center;
	font-size:smaller;
	padding:0px 0px 4px 0px;

	}
	
p.memberGreeting a{
	text-decoration: none;
	}

p.memberGreeting a:hover{
	text-decoration: underline;
	}

/* !-------[ Main layout right column content ] ------------ */

#memberServices a {
	font-size:11pt;
	text-decoration: none;
	}

#onlineLearning, #clientSuccessStory, #rightColumnImage {
	display:block;
	margin-bottom:12px;
	float:right;
	}
	
#successStory {
	background-color:black;
	background-position:bottom left;
	background-image:url(../images/mainlayout/success_bg.png);
	background-repeat:no-repeat;
	color:white;
	font-size:10pt;
	float:right;
	width:171px;
	}

#successStory strong, #successStory em { 
	color:#fff;
	font-style:normal;
	}
	
#successStory h2 {
	color:#474444;
	background-color:#7ABD3E;
	padding-bottom:4px;
	}
	
#successStory p {
	color:#b3adad;
	}
	
#successStory p a {
	display:block;
	font-weight:bold;
	padding-top:10px;
	text-align:right;
	text-transform: capitalize;
	}

/* !------[ Main layout footer]----------------------------------- */
	

#contentFooter {
	clear:both
	}
	
#navBarBottom {
	clear:both;
	list-style:none;
	margin-left:auto;
	margin-right:auto;
	margin-top:60px;
	width:85%;
	}

#innerFooter {
	}

#innerFooter ul#navBarBottom {
	margin-left:40px;
	}

#innerFooter ul li {
	display:inline;
	list-style:none;
	padding-left:10px;
	padding-right:0px;
	text-align:center;
	}

#bottomExternalLinks {
	padding-bottom:20px;
	}
	
/* !------[ Form controls ]---------------------------------------- */

input {
	background-image: url(../images/miscshared/input_bg.png);
	background-repeat:no-repeat;
	background-position: top left;
	border:0px;
	padding:3px;
	}
	
input[type="radio"] {
	background:none;
	width:auto;
	border:none;
	}

input[type="checkbox"] {
	background:none;
	width:auto;
	border:none;
	}

/* !------[ Vertical menu ] -------------------------------------- */
/* derived from http://www.tanfa.co.uk/css/examples/menu/vs7.asp  */
/* -------------------------------------------------------------- */

#menuVertical {
	width: 167px; /*12em;*/
	background-color:#000;
	background-image:url(../images/mainlayout/green_corner_bottom_right.gif);
	background-position:bottom right;
	background-repeat:no-repeat;
	}

#vertUl1 {
	list-style: none;
	margin: 0;
	padding: 0;
	}

#menuVertical a, #menuVertical h2 {
	font: bold 11px/16px helvetica, arial, sans-serif;
	display: block;
	border-width: 1px;
	border-style: solid;
	border-color: #7ABD3E #888 #555 #000;
	margin: 0px;
	padding: 7px 2px 8px 9px;
	}

#menuVertical h2 {
	color: #fff;
	background: #000;
	text-transform: uppercase;
	}

#menuVertical a {
	color: #fff;
	background-color: #000;
	text-decoration: none;
	}

#menuVertical a:hover {
	color: #fff;
	background-color: #476F22;
	}

#menuVertical li {
	position: relative;
	}

#menuVertical ul ul ul {
	position: absolute;
	top: 0;
	left: 100%;
	width: 100%;
}

div#menuVertical ul ul ul,
div#menuVertical ul ul li:hover ul ul
	{display: none;}

div#menuVertical ul ul li:hover ul,
div#menuVertical ul ul ul li:hover ul
	{display: block;}

/* For SBDC we need to override a few things for the outermost div - see note at top of file 
	about IE and parent selectors */

/* only the outermost ul (with the #menuVertical div as a parent) should be indented */	
#menuVertical>ul {
	margin-left:16px;
	}

/* first outermost menu item doesn't need top border */
/*
#menuVertical>ul:first-child>li:first-child>ul:first-child>li:first-child>a:first-child {
*/
#firstVertLi2{
	border-top-color:black;
	}

/* outermost list should be transparent so that the bottom-right 
	rounded corner background element can show */
#menuVertical>ul>li>ul>li>a { 
	background:none;
	border-bottom:none;
	border-left:none;
	border-right:none;
	margin-left:0px;
	padding:8px 0px 8px 3px;
	}
#menuVertical>ul>li>ul>li>a:hover {
	background-color:#476F22;
	}	



/* !------[ contentCenterInner - main center content div ]-------- */


#contentCenterInner h2 {
	font-weight:bold;
	margin-bottom:8px;
	margin-top: 14px;
	font-size:14pt;
	}

#contentCenterInner h3 {
	color:#64B62D;
	font-weight:bold;
	margin-bottom: 8px;
	margin-top: 14px;
	font-size: 14pt;
	}
	
#contentCenterInner h4 {
	color:#476F22;
	font-weight:bold;
	margin-bottom: 11px;
	margin-top: 11px;
	}
	
#contentCenterInner p + h4, 
#contentCenterInner p + h3	{
	margin-top:26px;
	}
	
#contentCenterInner ul {
	list-style: square;
	}
	
#contentCenterInner ol {
	list-style:decimal;
	}
	
#contentCenterInner ul,
#contentCenterInner ol {
	padding-bottom:8px;
	padding-top:8px;
	margin-left:15px;
	}	

#contentCenterInner li {
	margin-left:25px;
	margin-bottom:3px;
	margin-top:3px;
	}


#contentCenterInner p {
	margin-bottom:15px;
	margin-top:10px;
	}
	
#contentCenterInner input[type="submit"] {
	
	background-image:none;
	background-color:silver;
	border:1px solid gray;
	color:black;
	width:auto;
	height:auto;
	padding:1px 5px;
	}

#contentCenterInner input {
	border:1px solid gray;
	}

#contentCenterInner td {
	vertical-align:top
	}

.copyrightNotice {
	color:#7F7777;
	clear:both;
	font-weight:normal;
	font-size:x-small;
	margin-left:auto;
	margin-right:auto;
	margin-top:40px;
	text-align:center;
	width:400px;
	}
.bottomLinks {
	color:#000000;
	clear:both;
	font-weight:normal;
	font-size:smaller;
	margin-left:auto;
	margin-right:auto;
	margin-top:40px;
	text-align:center;
	width:400px;
	}

/* !------[ specific to default.asp ]----------------------------- */

#businessStages {
	height:180px;
	margin-bottom:10px;
	margin-left:auto;
	margin-right:auto;
	clear:both;
	text-align:center;
	width:582px;
	}
	
#businessStages img {
	display:block;
	}

#informationSeeker, #earlyStage, #established {
	padding:0px;
	float:right;
	height:136px;
	width:194px;
	}
#big-empty {
	height:20px;
	}

#blog {
	background-color:#fff;
	clear:both; 
	padding:10px;
	width:85%;
	margin-left:auto;
	margin-right:auto;
	margin-top:20px;	
	}

#blog h2 {
	color:#476F22;
	}

#blog h3 {
	font-size:11pt;
	
	}
	
#blog h3 a, #blog h3 a:visited {
	color:#5B8F2C;
	}
	
#blog a, #blog a:visited {
	color:#7ABD3E;
	text-decoration: none;
	}
	
#blog a:hover, #blog h3 a:hover {
	text-decoration:underline;
	}

#blog p {
	margin-left:20px;
	font-size:10pt;
	}

/* !------[ specific to information_seeker.asp, early_stage.asp, established.asp ]---------------- */


#stagesLeft {

	padding:5px; 
	margin-right:15px; 
	background-color:#DDD; 
	border:1px solid #C0C0C0;
	width:196px;
	font-family:Times, "Times New Roman", serif;
	}

#stagesLeft li {
	margin-left:5px;
	}


#stagesRight {
	display: inline;
	float:right;
	width:380px;
	margin-bottom:40px;
	}


#stagesRight h2 {
	color:white;
	text-align: center; 
	background-color:#990000; 
	font-size:18pt; 
	padding-top: 25px; 
	padding-bottom: 25px;
	margin-left: 10px;
	margin-bottom: 15px;
	width:360px;
	}

#stagesRight table {
	z-index:9999;
}


#stagesRight a, #stagesRight a:active, #stagesRight a:visited {
	text-decoration: none;
	color:black;
	}
	

#stagesRight td {
	padding:5px;
	font-size:10pt;
	}
	


/* !------[ specific to newsletter_video.asp ]----------------- */

#newsletterVideoArrows {
	clear:both; 
	width:540px; 
	height:104px;
	margin-right:auto; 
	margin-left:auto;
	}

#newsletterVideoArrows img {
	float:right;
	width:180px;
	height:104px;
	} 

#sbdctvHeader {
	display:block;
	height:74px;
	margin-left:auto;
	margin-right:auto;
	margin-top:25px;
	width:500px;
	}
	
/* !------[ specific to user_menu.asp ]----------------- */

#buttonsTop {	
	clear:both;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	width:550px;
	
	}

#buttonsTop img {
	margin:8px;
	}
	
#imagesTop {
	background-image:url(../images/user_menu/bg.jpg);
	background-repeat:repeat-x;
	clear:both;
	height:194px;
	margin-bottom:0px;
	margin-left:-15px;
	margin-right:auto;
	padding-left:25px;
	padding-top:15px;
	width:788px;
	}

#productsServices {
	clear:both;
	height:330px;
	margin-left:auto;
	margin-right:auto;
	
	}

.userMenuBox {
	background-repeat:no-repeat;
	display:block;
	float:left;
	overflow:hidden;
	}

/* .userMenuBox h3 won't work because #contentInner has a higher specificity */
#productsServices h3, #imagesTop h3 {
	color:white;
	font-size:10pt;
	margin-top:12px;
	text-align:center;
	}
	
#productsServices h3 {
	margin-bottom:15px;
	}
	
div.userMenuBox img {
	left:0px;
	position:absolute;
	top:0px;
	}

.userMenuBox p {
	color:#7F7777;
	display:none;
	font-size:9pt;
	padding:10px 6px 0px 6px;
	}	
	
.userMenuBox p a, .userMenuBox p a:hover {
	color:#7F7777;
	text-decoration:none;
	}
	
#imagesTop div {
	background-image:url(../images/user_menu/user_menu_green_box_b.png);
	height:140px;
	width:174px;
	margin:0px 7px 0px 7px;
	}
	
#productsServices div {
	background-image:url(../images/user_menu/user_menu_orange_box.png);
	height:151px;
	width:241px;
	margin:7px;
	}
	
#freeConsulting, #memberLiveWorkshops {
	clear:both;
	height:160px;
	margin-bottom:30px;
	margin-left:auto;
	margin-right:auto;
	width:85%;
	}

#freeConsultingInner a, #memberLiveWorkshopsInner a {
	color:white;
	text-decoration:none;
	}


#freeConsultingInner, #memberLiveWorkshopsInner {
	color:white;
	cursor:pointer;
	font-size:10pt;
	float:left;
	margin-right:12px;
	padding:0px 10px 0px 195px;
	background-repeat:no-repeat;
	}
	
#freeConsultingInner {
	background-image:url(../images/user_menu/free_consulting.png);
	height:150px;
	width:155px;  /* 363-195-10 */
	}
	
#freeConsultingInner h3 {color:#1d2459}	

#memberLiveWorkshopsInner h3 {color:#c2b192}
	
#memberLiveWorkshopsInner {
	background-image:url(../images/user_menu/live_workshops.png);
	height:151px;
	width:157px;
	}
	
/* !------[ specific to sponsors.asp ]----------------- */

.governmentSponsors p {
	clear:both;
	margin-bottom:25px;
	}

.govrnmentSponsors img {
	clear:both;
	float:left;
	padding: 0px 10px 10px 0px; 
	}
}	

/* !-------[ screen specific styles ]------------------- */

@media screen {

#verboseHeader {
	display:none;
	}

}


/* !-------[ print styles ]----------------------------- */  		
@media print {

body {
	font-family: Helvetica, Arial, sans-serif;
	}
	
#contentHeader, #navContainer, #contentLeft, #innerFooter, #contentRight, #contentFooter, #businessPlanNow {
	display:none;
	}

h1 {
	clear:both;
	display:block;
	font-size:24pt;
	text-align:center;
	}
}