/*
SBC Layout CSS Framework v4

Description:
	This stylesheet applies the design to the web pages.
	The layout design files should be located in the
	images/layout/ in the root directory.
	
Instructions:
	Do not edit this file, unless the change that you're 
	making needs to affect the entire web site.  There 
	is a good chance that not all of the elements listed 
	in this framework, are necessary for all pages.  If 
	this is the case, create a new CSS stylesheet for 
	those pages, and link that style sheet to those pages 
	directly.  You may also redefine elements in the new 
	style sheet to change the default design elements defined 
	in this file, but you should not edit this file to change
	the look of 1 page or a group of pages.
*/
html {
	background-color: #CBCBCB;
}
body {
	background-color: #CBCBCB;
	margin: 0px;
	padding: 0px;
}
#preLoader {
	display: none;
}
#outerWrapper {
	margin: 0px auto;
	padding: 0px;
	width: 770px;
}
#headerWrapper {
	width: 770px;
	margin: 0px auto;
	padding: 0px;
	background: url(../images/layout/header3.jpg) no-repeat bottom;
	height: 120px;
}
#banner {
	height: 82px;
	margin: 0px;
	padding: 0px;
	width: 770px;
}
#mainNav {
	margin: 0px auto;
	padding: 0px;
	width: 750px;
	height: 14px;
}
#innerWrapper {
	background: url(../images/layout/index-content-box.jpg) repeat-y;
	margin: 0px auto;
	padding: 0px;
	width: 770px;
	clear: both;
}
#content {
	margin: 0px auto;
	padding: 0px;
	width: 700px;
}
#sidebar1, #sidebar2 {
	display: none;
}
#contentNav {
	background-color: #FFF;
	background: url(../images/layout/white-BG-box.jpg) repeat-y;
}
#footerWrapper {
	margin: 0px auto;
	padding: 0px;
	width: 770px;
	clear: both;
	/* border: solid 1px #cc0000; */
}
#footerConnector {
	display: none;
	background: url(../images/layout/Blue-box-top.jpg) no-repeat;
	height: 16px;
	margin: 0px;
	padding: 0px;
}
#footer {
	background: url(../images/layout/blue-box.jpg) repeat-y;
	margin: 0px auto;
	padding: 0px;
	width: 770px;
}
#footerContent {
	display: none;
	margin: 0px auto;
	padding: 0px;
	width: 734px;
}
#copyright {
	background: url(../images/layout/footer.jpg) no-repeat;
	height: 56px;
	margin: 0px;
	padding: 8px 0px 0px;
}
.breaker {
	margin: 0px;
	padding: 0px;
	clear: both;
}
.clearfix:after {
content: ".";
display: block;
clear: both;
visibility: hidden;
line-height: 0;
height: 0;
}
.clearfix {
display: inline-block;
}
html[xmlns] .clearfix {
display: block;
}
* html .clearfix {
height: 1%;
}
#bannerFlash {
	height: 100px;
	margin: 0px;
	padding: 0px;
	width: 770px;
}.picPadRight {
	padding-right: 10px;
}
.fuuljust {
	text-align: justify;
	font-family: "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif;
}
.vid-caption {
	color: #999;
	font-size: 14px;
}
.centered-body {
	text-align: center;
}
#outerWrapper #innerWrapper table tr td div table tr .fuuljust {
	text-align: left;
	color: #002269;
}
.directions-tool {
	font-size: 16px;
	text-align: center;
}
#outerWrapper #innerWrapper table tr #content .contentPadding h3 {
	text-align: center;
}
#outerWrapper #innerWrapper table tr #navBar2 p strong {
	text-align: left;
}
#outerWrapper #innerWrapper table tr #navBar2 p strong {
	text-align: left;
}
#outerWrapper #innerWrapper table tr #content .contentPadding h3 strong em .red {
	font-family: Tahoma, Geneva, sans-serif;
	font-weight: bold;
	font-size: 14px;
}
#outerWrapper #innerWrapper table tr td div table tr .fuuljust p {
	color: #002269;
}
#outerWrapper #innerWrapper table tr td div table tr td {
	color: #000;
	font-size: 16px;
}
#outerWrapper #innerWrapper table tr td div p em {
	color: #002269;
}
#outerWrapper #innerWrapper table tr td .style1 {
	font-size: 36px;
}
.t-16 {
	font-family: Verdana, Geneva, sans-serif;
}
#outerWrapper #innerWrapper table tr td .style3 p strong {
	font-family: "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif;
}
.gray-jp-ints {
	font-family: "Arial Narrow";
	font-size: 14px;
	color: #666;
}
.gn-name {
	font-family: "Arial Narrow";
	font-size: 24px;
	font-weight: bold;
	color: #000;
}
.gn-pers-title {
	font-family: "Arial Narrow";
	font-size: 14px;
	font-style: normal;
	color: #666;
}
.gn-int-title {
	font-family: "Arial Narrow";
	font-size: 24px;
	color: #000;
}
.headline-Joel {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 24px;
	font-weight: bold;
	color: #000;
}
.top-Joel {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 24px;
	font-weight: bold;
	color: #06F;
}
.top-joel-black {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #000;
}
.font-joel {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #000;
}
.treb-20 {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 40px;
	font-weight: bold;
	color: #000;
}
.treb-blue-14 {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 20px;
	color: #316D9C;
}
.light-link {
	color: #316D9C;
}
.julie-sub-head {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: italic;
	font-weight: bold;
	color: #000;
}
.julie-bullet {
	font-family: Arial, Helvetica, sans-serif;
	color: #000;
	font-weight: normal;
	font-size: 12px;
}
.julie-red-head {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	font-weight: bold;
	color: #C00;
}
.julie-red-subhead {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-weight: bold;
	color: #C00;
}
.black-arial-14-italic {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-style: italic;
	color: #000;
	font-weight: normal;
}
.black-treb-12 {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #000;
}