/* This stylesheet is read first by the web pages.*/

/* This stylesheet contains mostly structural styles, with a few typography styles.  The typography styles in this stylesheet are not ones the client will need to view when updating the site with Contribute.  The styles in this document are more standard-setting/base-setting styles than anything else.  As the old saying goes, "If it ain't broke, don't fix it!"*/

/* ----------------------------------------GLOBAL BODY/BASE-SET STYLES----------------------------------------*/

/* SBC blue #004A80 */
/* SBC blue-gray  */
/* SBC gray #C7C8CA */
/* header red #7E0000 */

/* to zero margins -- IMPORTANT -- I took the following out because in contribute they were somehow overriding the typography style sheet styles when only styles from that stylesheet are snown in contribute (ul, ol, li, p, h1, h2, h3, h4, h5, h6, ) -- I added margins to individual stylestypography sheet*/
html, body, form, fieldset {
	margin: 0;
	padding: 0;
	border: 0;
}

/* to set font for body, background, and text-align center for IE5 fix to ignoring auto in wrapper*/
body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	text-align: center;
	margin: 0;
	padding: 0;
	background-color:#456982;
	background-image: url(../images/structure/SBC-background.jpg);
	background-position:top left;
	background-repeat: repeat-x;
	color:#000000;
}

/* ----------------------------------------GLOBAL LINK STYLES----------------------------------------*/


/* content_main (link tag styles for links, regular, hover, and visited*/
#content a {
	text-decoration: none;
	color:#004A80;
}
#content a:visited {
	text-decoration: none;
	color: #004A80;
}
#content a:hover {
	text-decoration: underline;
	color:#004A80;
}

/* --------------------GLOBAL WRAPPER, MAIN NAVIGATION, AND CONTENT LAYOUT/DESIGN/STRUCTURE STYLES--------------------*/

/* to set container element for all elements in page, to position body element, and to reset text align to the left to fix IE5 aligning to center due to property above*/

/* wrapper for home page*/
#wrapper {
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 10px;
	margin-left: auto;
	text-align:left;
	width: 960px;
}

#header {
	background-image:url(../images/structure/SBC-header-back.jpg);
	background-repeat:no-repeat;
	margin:0px;
	height: 100px;
	padding:0;
	width:960px;
}

/* container for navigation--home and module*/
#nav {
	width: 155px;
	float: left;
	padding: 25px 0 0 0;
	margin: 0;
	
	height:100%;
}
#contact-info {
	position:absolute;
	bottom: 20px;
	left: 0px;
	width:150px;
	margin-left:5px
}
/* container and margins for content--home and module*/
#container {
	width: 100%;
	float:right;
	position:relative;
}

/* content styles*/
#content {
	padding: 0;
	margin: 0 0 0 0px;
	float:right;
}
#content_top {
	margin: 0;
	padding: 0;
	width:800px;
	height:15px;
	background-image:url(../images/structure/SBC-content-top.jpg);
	background-repeat:no-repeat;
	background-position:top right;
	font-size: 1px;
    line-height: 1px;
	background-color:#FFF;
}
#content_main {
	margin: 0;
	padding-top: 15px;
	padding-right: 30px;
	padding-bottom: 20px;
	padding-left: 30px;
	width:740px;
	background-image:url(../images/structure/SBC-content-middle.jpg);
	background-repeat:repeat-y;
	background-position:top right;
	min-height:600px;
  	height:auto !important;
	height:600px;
}
#content_bottom {
	margin: 0;
	padding:0;
	width:800px;
	height:15px;
	background-image:url(../images/structure/SBC-content-bottom.jpg);
	background-repeat:no-repeat;
	background-position:top right;
	font-size: 1px;
    line-height: 0px;
}
.home-photo {background-image:url(../images/images/home-page-photo.jpg);background-repeat:no-repeat;width:731px;height:248px;padding-top:20px;text-align:center;margin-bottom:10px;}
.rightcol-text {width:240px;padding:0px 0px 0px 20px;border-left: 3px solid #C7C8CA;float:right;margin-bottom:30px;}
.rightcol {width:260px;padding:0px;float:right;margin-left:30px;margin-bottom:20px;}

/* ----------------------------------------GLOBAL HOME AND MODULE FOOTER STYLES----------------------------------------*/


/* for home page footer background*/

#footer {
	margin:0px;
	padding:3px 0;
	width:800px;
	margin-left:160px;
}
#footer_left {
	width:235px;
	float:left;
}
#footer_right {
	margin:0;
	width:560px;
	float:left;
	padding: 0;
	text-align:right;
}


.printHeader {
	display:none;
}

/* for floating content images--not used in templates--all pages*/
.leftimage {
	margin: 0 10px 20px 0;
	float: left;
}
.rightimage {
	float: right;
	margin: 0 0 20px 20px;
}

/* ----------------------------------------GLOBAL CLEAR STYLE----------------------------------------*/

/* to clear elements to left and right of blocks - so images appear with respective headings and paragraphs--might not need the font size and line height*/
.clearit {
	display: block;
	clear: both;
	height:0; 
    margin:0;
    font-size: 1px;
    line-height: 0px;
}
#header p {font-size:15px;color:#FFF;margin:0;}
#header a {text-decoration:none;color:#FFFFFF;}
#header a:hover {text-decoration:underline;color:#FFFFFF;}
#footer p {font-size:11px;color:#FFF; }
#footer_right a {text-decoration:none;color:#FFFFFF;}
#footer_right a:hover {text-decoration:underline;color:#FFFFFF;}
#contact-info p {font-size:12px;color:#FFF;margin:0 0 8px 0;}
#contact-info h1 {color:#FFF;font-size:14px;font-family:Arial, Helvetica, sans-serif;margin:0 0 8px 0;font-style:normal;border-bottom:none;}
#contact-info a {text-decoration:none;color:#FFFFFF;}
#contact-info a:hover {text-decoration:underline;color:#FFFFFF;}
.home-photo p {color:#004A7F;font-family:"Times New Roman", Times, serif;font-size:18px;line-height:30px;}
.home-photo .big {font-size:22px;line-height:normal;font-weight:bold; }table.simple {
	border-width: 0px;
	border-spacing: 0px;
	border-collapse: collapse;	
}
table.simple th {
	border-width:0px;
	border-top-width:1px;
	border-bottom-width:1px;
	padding: 4px;
	border-style: solid;
	border-color: #C7C8CA;
	-moz-border-radius: 0px;
}

table.simple td {
	border-width: 0px;
	padding: 4px;
}
.box {background-color:#F3F4F7;border:1px solid #C7C8CA;padding:20px 20px 0px 20px;margin-bottom:20px;}
/* table base font-size style*/
table p {font-size: 14px;margin:0 0 4px 0;}
table {font-size: 14px;}