/*************************
San Bernardino Economic Development
2006-8-16
Authors:
Mitchell Gohman
Scott Greenwald

This CSS Page is meant to act as the default for all pages within this site
**************************/

/*************************
Page Defaults
**************************/
body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-color: #C0C0C0;
}
/*- reset to zero -*/
li.disadv
   {
      font-weight: bold;
	  font-style: italic;
   }


a:link, a:visited {
	color: #2F4A62;
}

.clearFloats {
	clear: both;
	float: none;
}
input, textarea, input, textarea{
	border:1px solid;
	border-color:#474E66 #E7E8ED #E7E8ED #474E66;
	padding:2px 4px 2px 4px;
} 
input:focus, textarea:focus{
	border:1px solid;border-color:#002276 #4A5F9A #4A5F9A #002276;background-color:#EBF5FF;
} 

a {	font-family: Verdana;	font-size: 10pt; color: #000000; text-decoration: Underline;}
.TableTitles { color: #FFFFFF; background-color: #0B2775 }
a:hover {font-family: Verdana; font-size: 10pt; color: #FF0000; background-color: ; text-decoration: Underline;}
body {font-family: Verdana; font-size: 10pt; color: #000000; background-color: #FFFFFF }
table {	font-family: Verdana; font-size: 10pt; color: #000000; border: none;}
.TableCells { background-color: #004FA7 }
input { font-family: Verdana; font-size: 10pt; color: #000000; background-color: #FFFFFF }
select { color: #000000; font-family: Verdana; font-size: 10pt; background-color: #FFFFFF }
textarea { color: #000000; font-family: Verdana; font-size: 10pt; background-color: #FFFFFF }
H1 {display: inline;color: #000000; font-family: Verdana;font-size:25pt }
H2 {display: inline;color: #000000; font-family: Verdana;font-size:16pt }
H5 {display: inline;color: #000000; font-family: Verdana;font-size:14pt }
H6 {display: inline;color: #000000; font-family: Verdana;font-size:12pt }
H3 {display: inline;color: #000000; font-family: Verdana; font-size:22pt }
H4 {display: inline;color: #000000;font-family: Verdana; font-size: 14pt;  }
li {color: #000000;  margin-left: 10px; line-height: 20px; list-style-image: url('http://www.toolsforbusiness.info/success/headers/box_sanbernardino.gif'); }

/*************************
Page Structure
**************************/
#container1 {
	width: 915px;
	padding: 0px;
	margin-top: 35px;
	margin-right: auto;
	margin-bottom: 50px;
	margin-left: auto;
}
#container2 {
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 5px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #002D5F;
	border-right-color: #002D5F;
	border-bottom-color: #002D5F;
	border-left-color: #002D5F;
	background-color: #FFFFFF;
	background-attachment: scroll;
	background-repeat: repeat-y;
	background-position: left top;
	margin-left: 5px;
}

/*************************
mastHead
**************************/
#mastHead {

}
/*- branding -*/
#branding {
	background-attachment: scroll;
	background-image: url(http://www.sbcounty.gov/opportunityca/images_mastHead2/mastHeadSplash.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	background-color: #004FA7;
	height: 148px;
}
#home #branding {
	background-image: url(http://www.sbcounty.gov/opportunityca/images_interface/mastHead_bg_index.jpg);
	height: 234px;
}
#branding h1, #branding h2 {
	display: none;
}

/*- mainMenu -*/
#mainMenu2 {
	margin: 0px;
	padding: 2px;
	background-color: #004FA7;
}

/*- subMenu -*/
#subMenu {
	height: 25px;
	background-color: #004FA7;
	line-height: 20px;
}
#subMenu ul {
	padding-left: 130px;
	padding-right: 0px;
	padding-top: 3px;
	padding-bottom: 3px;
}
#subMenu li {
	float: left;
	list-style-type: none;
	padding-top: 3px;
	padding-bottom: 3px;
	margin: 0px;
	padding-left: 25px;
}
#subMenu a:link, #subMenu a:visited {
	display: block;
	font-size: 12px;
	color: #FFFFFF;
	text-decoration: none;
	padding-right: 10px;
	padding-left: 10px;
}
#subMenu a:hover, #subMenu a:active {
	text-decoration: underline;
}
#subMenu a.sectionHighlight {
	font-weight: bold;
	text-decoration: underline;
}

/*************************
pageBody
**************************/
#pageBody {

}

/*- leftNav -*/
#leftNav {
	background-color: #E9F1FC;
	float: left;
	width: 189px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #C2D0E3;
	padding-top: 30px;
}
#navSlider {
	height: 500px;
	overflow: scroll;
}
.leftNavSectHead {
	font-size: 14px;
	font-weight: bold;
	color: #002D5F;
	padding-top: 15px;
	padding-right: 10px;
	padding-bottom: 15px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #D7E2F3;
	padding-left: 10px;
}
#leftNav ul {

}
#leftNav ul li {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #D7E2F3;
}
#leftNav ul a:link, #leftNav ul a:visited {
	display: block;
	font-size: 12px;
	text-decoration: none;
	padding-top: 7px;
	padding-right: 10px;
	padding-bottom: 7px;
	padding-left: 25px;
	background-attachment: scroll;
	background-image: url(http://www.sbcounty.gov/opportunityca/images_interface/leftNav_1stTierArrow.gif);
	background-repeat: no-repeat;
	background-position: 10px 12px;
}
html>body #leftNav ul a:link, html>body #leftNav ul a:visited { /*IE HACK---this is not read by IE Win, but is by all other browsers*/
	background-position: 10px 10px;
}

.leftNavSectHead a:link, .leftNavSectHead a:visited, .leftNavSectHead a:hover, .leftNavSectHead a:active {
	background-image: none;
	padding: 0px;
	text-decoration: none;
}

#leftNav a:hover, #leftNav a:active {
	background-color: #E0EAF8;
	color: #000066;
}
#leftNav ul ul a:link, #leftNav ul ul a:visited {
	display: block;
	background-image: none;
	padding-left: 30px;
	font-size: 10px;
	color: #6D8395;
}
#leftNav ul ul a:hover, #leftNav ul ul a:active {

}

/*- pageArticles -*/
#pageArticles {
	float: right;
	width: 645px;
}

/*- articleImage -*/
#articleImage {
	float: right;
	background-image: url(http://www.sbcounty.gov/opportunityca/images_interface/articleRight_image_bgTile.jpg);
	height: 568px;
	padding: 10px;
	margin-top: 65px;
	text-align: center;
	margin-right: 10px;
	margin-left: 20px;
	background-attachment: scroll;
	background-repeat: repeat-x;
	background-position: center top;
}
#articleImage img {

}

/*- articles -*/
#articles {
	width: 340px;
	padding-top: 30px;
}
#articles h2 {
	font-size: 18px;
	color: #244873;
}
#articles h2 strong {
	font-weight: bold;
	color: #E69514;	
}
#articles .orange {
	font-weight: bold;
	color: #E69514;	
}
#articles p.artOpenPar {
	font-size: 16px;
	font-style: italic;
	margin-top: 15px;
	margin-bottom: 15px;
	line-height: 20px;
}
#articles h3 {
	font-size: 16px;
	color: #244873;
	margin-top: 30px;
}
#articles p {
	color: #003A73;
	font-size: 12px;
	line-height: 18px;
	margin-top: 10px;
	margin-bottom: 10px;
}
#articles ul, #articles ol {
	color: #003A73;
	padding-left: 15px;
	list-style-position: outside;
}
#articles li {
	font-size: 12px;
	padding-top: 3px;
	padding-bottom: 3px;
}
#articles .cellpad td {
	padding-bottom: 20px;
}

/*- article forms -*/
.formPrimary {
	background-color: #E9F0FB;
	border: 2px dotted #E9F0FC;
	padding-top: 5px;
	padding-right: 15px;
	padding-bottom: 15px;
	padding-left: 15px;
	margin-top: 10px;
	margin-bottom: 15px;
}
.formPrimary h3 {
	margin-bottom: 5px;
}
.formPrimary table {
	width: 100%;
}
.formPrimary tr {

}
.formPrimary label.textLabel {
	font-size: 12px;
	text-align: right;
	display: block;
}
.formPrimary td {
	padding: 5px;
	border: 1px solid #C2D0E3;
}

.formPrimary .formButton {
	color: #CCCCCC;
	background-color: #1E354E;
	border: 1px solid #9EA2AA;
	font-size: 12px;
	padding-top: 2px;
	padding-right: 5px;
	padding-bottom: 2px;
	padding-left: 5px;
}
.formPrimary input.formButton:hover {
	color: #FFFFFF;
	background-color: #3B537A;
}
.formPrimary input.formButton:active {
	color: #000000;
	background-color: #FFCC66;
}
p.sbdhContactDept {
	border-top-width: 3px;
	border-top-style: solid;
	border-top-color: #002D5F;
	padding-top: 30px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
}
/*************************
footer
**************************/
#footer {
	clear: both;
	float: none;
	background-image: url(http://www.sbcounty.gov/opportunityca/images_interface/footer_bg.jpg);
	height: 57px;
}

/*************************
copyRight
**************************/
#copyRight {
	padding-top: 10px;
	padding-bottom: 10px;
	font-size: 10px;
	text-align: right;
	color: #002D5F;
}


/*************************
PAGE SPECIFIC STYLES
**************************/