@charset "utf-8";
/* CSS Document */

body {
	background-image:url(/images/layout/sidebar-bckgrnd.jpg);
	background-repeat:repeat;
	margin:0px;
	font-family:Verdana, Arial, Helvetica, sans-serif;	
}

.clearBoth {
	clear:both;
}

#topBckgrnd {
	background-image:url(/images/layout/bckgrnd-top.jpg);
	background-repeat:repeat-x;
	height:800px;
}

#bottomBckgrnd {
	background-image:url(/images/layout/bckgrnd-bottom.jpg);
	background-repeat:repeat-x;
	background-position:bottom;
}

#headerContainer {
	width:770px;
	margin:0px auto;
}

#headerContainer .phoneArea {
	background-image:url(/images/layout/SFCS-phone.jpg);
	width:209px;
	height:73px;
	float:left;
}

#headerContainer .phoneArea .phoneNumber {
	margin-top:8px;
	text-align:center;
	color:#FFFFFF;
	font-size:17px;
}


#middleContainer {
	width:770px;
	margin:0px auto;
}

#middleContainer #sidebarContainer {
	width:229px;
	float:left;
}

#middleContainer #sidebarContainer .sidebarMenu {
	padding:0;
	border-top:3px solid #cda20f;
	border-bottom:3px solid #cda20f;
}


#middleContainer #sidebarContainer .sidebarInfo {
	padding-top:1px;
}

#middleContainer #sidebarContainer .sidebarInfo img {
	padding-bottom:5px;
}

#middleContainer #contentContainer {
	width:541px;
	float:left;
	background-color:#FFFFFF;
}

#middleContainer #contentContainer .titleBar {
	background-image:url(/images/layout/title-bckgrnd.gif);
	height:37px;
}

#middleContainer #contentContainer .boxTitleBar {
	height:25px;
}

#middleContainer #contentContainer .mainContent {
	margin:10px;
	color:#2E2E2E;
}

#middleContainer #contentContainer h1 {
	font-weight:normal;
	color:#FFFFFF;
	font-size:19px;
	float:left;
	margin-left:10px;
	margin-top:7px;
}

#middleContainer #contentContainer h2 {
	/*font-weight:normal;
	color:#be0223;
	font-size:17px;
	float:left;
	margin-left:8px;
	margin-top:2px;*/
		/*color:#993333;
	font-size:12px;
	text-align:left;
	font-weight:bold;
	padding-left:30px;*/

}

/*#middleContainer #contentContainer .indexBox {
	width:240px;
	border-left:2px #efefef solid;
	border-right:2px #efefef solid;
	float:left;
	margin-right:10px;
}

#middleContainer #contentContainer .indexBoxTop {
	width:244px; 
	border-top:2px #efefef solid;
}

#middleContainer #contentContainer .indexBoxTopLeft {
	 float:left; 
	 margin-top:-2px;
}

#middleContainer #contentContainer .indexBoxTopRight {
	 float:right; 
	 margin-top:-2px;
}
*/

#footerContainer {
	width:770px;
	padding-bottom:16px;
	margin:0px auto;
}

#footerContainer .spacer {
	color:#006699;
	background-color:#FFFFFF;
	height:27px;
	width:541px;
	margin-left:229px;
	text-align:center;
	clear:both;
}

#footerContainer .copyright {
	color:#FFFFFF;
	font-size:10px;
	text-align:center;
	margin-left:229px;
	clear:both;
	padding-top:10px;
}

#footerContainer .copyright a {
	color:#FFCC00;
}


/* set the image to use and establish the lower-right position */ 
.cssbox, .cssbox_body, .cssbox_head, .cssbox_head h2 { 
	background: transparent url(/images/index-css-box.jpg) no-repeat bottom right; 
} 
.cssbox { 
	width: 95% !important; /* intended total box width - padding-right(next) */ 
	width: 485px; /* IE Win = width - padding */ 
	padding-right: 15px; /* the gap on the right edge of the image (not content padding) */ 
	margin: 20px 0; /* use to position the box */ 
	float:left;
} 

/* set the top-right image */ 
.cssbox_head { 
	background-position: top right; 
	margin-right: -15px; /* pull the right image over on top of border */ 
	padding-right: 40px; /* right-image-gap + right-inside padding */ 
} 

/* set the top-left image */ 
.cssbox_head h2 { 
	background-position: top left; 
	margin: 0; /* reset main site styles*/ 
	border: 0; /* ditto */ 
	padding: 25px 0 5px 20px; /* padding-left = image gap + interior padding ... no padding-right */ 
	height: auto !important; 
	height: 1%; /* IE Holly Hack */ 
	color:#993333;
} 



/* set the lower-left corner image */ 
.cssbox_body { 
	background-position: bottom left; 
	margin-right: 15px; /* interior-padding right */ 
	padding: 1px 0 15px 10px; /* mirror .cssbox_head right/left */ 
} 

.cssbox_body h3 { 
	margin: 0; /* reset main site styles*/ 
	border: 0; /* ditto */ 
	padding-top: 0px; /* padding-left = image gap + interior padding ... no padding-right */ 
	height: auto !important; 
	height: 1%; /* IE Holly Hack */ 
} 

/* custom settings */
.cssbox_head h2 img { 
	float:left; 
	padding-right:0px; 
	margin-top:-5px;
}