body {
	/*margin: 0 5% 0 5%;*/
	padding: 0;
	font-size: 11px;
	background-color: #FFF;
	/*background-image: url(../images/csst_bg.gif);*/
	margin:0px;
}
/*Helps to control page shift in FF and Safari browser
html { min-height: 100%; margin-bottom: 1px; }*/


#mainTable {
	/*margin: 0 auto;*/
	border: 1px solid #999999;
	/*/*/line-height: 1.5em; /* */

	
}

#popupTable {
	/*margin: 0 auto;*/
	border: 1px solid #999999;
	/*/*/line-height: 1.5em; /* */
	width: 100%;
}

#mainTable td {
	/*padding: 20px;Pads each table cell in modern browsers*/
}

#maincontent {
	background-color:#FFFFFF;
	color:#555;
	vertical-align:top;
	
	padding-left: 15px;
	padding-right: 15px;
	font-size: 1.7em; /*62.5%*/
	/*/*/font-size: 100%; /* */
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #999999;
	width:650px;
	height:500px;
}

#popup {

	background-color:#FFFFFF;
	color:#555;
	vertical-align:top;
	
	padding-left: 15px;
	padding-right: 15px;
	font-size: 1.7em; /*62.5%*/
	/*/*/font-size: 100%; /* */
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #999999;
	width:100%;
}

/*#maincontent a:link { 
color: #555; 
text-decoration: none !Important;*/ 
/*border-bottom: 1px dotted #ccc;*/ 
/*}*/

/*#maincontent a:hover {
 color: #800; 
 border-bottom-color: #800; 
 }*/

#leftSidebar {
/*width:190px;*/
	/*font-size: 12px;
	font-size: 85%; */
	background-color: #E1E1E1;
	padding-left: 10px;/*Pads each table cell in modern browsers*/
	/*padding-right: 5px;Pads each table cell in modern browsers*/
	padding-top: 0px;
	background-image:url(../images/bg_leftsidebar.gif);
	background-repeat:no-repeat;
	background-position:bottom right;
	

}

/*#rightSidebar {
	width: 150px;
	font-size: 10px;
	font-size: 85%; 
	background-color: #E1E1E1;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #999999;
	padding:0px;
	margin:0px;
}*/



#header {
padding-top:10px;
padding-bottom:10px;

/*padding: 2px;Pads each table cell in modern browsers*/
background-color: #FFFFFF;
/*background-image: url(/dev/firstoncompliance/images/bg_blue_gradient.jpg);
background-repeat:repeat-x;*/
/*background-position:top left;*/
 background-image:url(../images/bg_header.jpg);
/* background-repeat: repeat-x;*/
 background-repeat:repeat-y;

}


#header .logo {
float:left;
/*margin-top:1.5em;*/
/*margin-left:0.2em;*/

}

#header .icons {
float:right;
margin-top:2.9em;
margin-right:0.5em;

}

#headerDivider {

background-color:#666666 !important;
background-image:url(../images/space.gif);
background-repeat:no-repeat;
/* Hide from IE-Mac \*/
height: 5px;
/* End hide */ 
}
html>body #headerDivider {padding:1px;} /*Mac Safari 2.0, */



#footer {
	background-color: #E1E1E1;
	color: #666666;
	padding: 5px;/*Pads each table cell in modern browsers*/
	/*background-image: url(csst_bg.gif);*/
	font-size:10px;
	text-align:center;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #999999;
}

#footer a:link, #footer a:visited {
	color: #666666;
}

#footer a:hover {
	color: #333333;
}

.nounderline {
text-decoration:none ;

}

td, p, ul {
font-family:"Lucida Grande", Verdana, sans-serif;/*Verdana, Geneva, Arial, Helvetica, sans-serif*/
}
h1:first-child {margin-top: 0;}/*starts first heading in a TD flush top*/
h2:first-child {margin-top: 0;}/*starts first heading in a TD flush top*/
h1 
{
color:#993300;
 font-size: 100%;
 }
h2 { 
color:#006699;
border-bottom: 1px dashed #999999;
font-size: 100%;
padding-bottom:0px;
}

h2, .first {
padding-top:5px;

}


h2 a:link, h2 a:visited { 
color:#006699;/*#993300*/
text-decoration:none;
font-size: 100%; 
}

h2 a:hover { 
color:#333333!important;
text-decoration:underline;
font-size: 100%; 
}

a:link, a:visited {
color:#006699;
text-decoration:none !important;

}
a:hover {
color:#006699;
text-decoration:underline !important;

}

/*icon styles*/

a.iconNew {
background: transparent url(../images/icon_new.gif) no-repeat scroll right top;
/*background-image:url(../images/pop_up_launcher.gif) no-repeat scroll right top;*/
padding-right: 10px;
/*width:8;
height:8;
margin-left:5px;*/

}

h3 { 
color:#006699;/*#993300*/
padding-bottom:2px;
text-decoration:none !important;
border-bottom: 1px solid #999999;
font-size: 120%; 
}

h3 a:link, h3 a:visited { 
color:#006699;/*#993300*/
text-decoration:none !important;
border-bottom: 1px solid #999999;
font-size: 120%; 
}

h3 a:hover { 
text-decoration:none !important;
color:#E1E1E1;/*#993300*/
font-size: 120%; 
}

ul {
padding:0px 0px 0px 15px;
margin-left:5px;
list-style-type:square;
}

/*#leftSidebar a {
	padding: 3px;
	display: block;
	border: 2px dotted #CCC;
	text-decoration: none;
	line-height: 1em;
	width: 160px;
}*/

/*#leftSidebar a:link, #leftSidebar a:visited {
	color: #666;
}
*/
/*#leftSidebar a:hover, #leftSidebar a:active {
	color: #FFFFFF;
	background-color: #CC0000;
	border: 2px solid #000;
}*/

/*#current a {
	color: #FFFFFF !important;
	background-color: #999999!important;
	border: 2px dotted #999 !important; 
}*/

/*#leftSidebar ul {
	padding-left: 1em;
	list-style-type: none;
	margin-left: 1em; 
}*/

/*#leftSidebar li {
	margin: 0px 0px 6px 0px; 
}*/
#n4shell {
/* Happy hunting. This rule will allow you to create an outer border around the layout table in netscape 4. Wrap the entire table inside a div and assign to the div this id */
	border: 1px solid #000;
	/*/*/border: 0; /* */
}

/*CONTENT STYLES*/

div.sellingPoints {
padding-top:0px;
color:#993300;
font-weight:bold;
text-align:center;
padding-bottom:15px;
}

#mainbanner {
padding: 5px;/*Pads each table cell in modern browsers*/
/*border-left: 1px solid #000;*/
/*font-size: 14px;*/
/*/*/font-size: 100%; /* */
/*background-color:#006699;*/
background-image:url(../images/bg_tagline.jpg);
background-repeat:no-repeat;
background-position:top left;
height:108px;
}


#banner .tagLine {
/*float:left;*/
/*height:108px;*/
/*margin:0px;
padding:0px;*/
/*position:absolute;*/
/*vertical-align:bottom;*/


/*background-color:#006699;*/

}

/*#banner */.customerQuote {
/*width:425px;*/

text-align:right;
color:#333333 !important;
font-size:10px;
line-height: 1.5em !important;
width:350px;
/*padding-left:30px;*/
/*padding-right:5px;*/
/*vertical-align:center;*/
margin-left:300px; /*This positions the customer quote and image*/
/*margin-left:inherit;*/

}

/*#banner*/ .customerQuoteBy {
padding-top:10px;
text-align:right;
color:#333333 !important;
font-size: 10px;
}

.contentCallout {
color:#993300;
font-weight:bold;
font-stretch:semi-expanded;

}

.customerQuoteBy a {
color:#333333 !important;
font-style:normal;
/*text-decoration: none;*/
text-decoration:underline;
font-size: 10px;
}

.customerQuoteBy a:hover {
color:#006699;
/*border-bottom: 1px solid #006699;*/
text-decoration:underline;
}

/*#banner */.customerQuoteImage {
float:right;
padding-left:10px;
}

/*FOC QUOTE STYLES*/

#testimonialQuote {
border-top:solid #999999 1px;
border-bottom:solid #999999 1px;
width:200px;
color:#666666;/*#993300*/
font-size:10px;
line-height: 1.5em !important;
padding-top:5px;
/*margin-left:3px;*/
/*padding-right:5px;*/
}

.testimonialTitle {

font-size:10px;
padding-top:5px;
padding-bottom:2px;
font-weight:bold;
color:#666666;/**/
}

#testimonialBy {

/*width:200px;*/
color:#666666;/**/
font-size:10px;
/*line-height: 1.5em !important;*/
padding-top:5px;
/*padding-bottom:5px;
margin-left:3px;
padding-right:5px;*/
padding-bottom:10px;
text-align:right;
}

.adsContainer {
padding-top:10px;

}

.ads {
margin-right:3px;
}


#focQuote {
width:200px;
color:#993300;/*#666666*/
font-size:10px;
line-height: 1.5em !important;
padding-top:15px;
/*margin-left:3px;*/
/*padding-right:5px;*/
}

#focQuoteBy {
width:200px;
color:#993300;/*#666666*/
font-size:10px;
line-height: 1.5em !important;
padding-top:2px;
/*padding-bottom:5px;
margin-left:3px;
padding-right:5px;*/
padding-bottom:10px;
text-align:right;
}

/* FLOAT CONTROLS*/
.floatright {
float: right;
margin: 2px 0px 10px 2px;
clear: right;
}

.floatleft {
float: left;
margin: 5px 20px 30px 0px;
clear: left;
}

/*#banner .imageBanner {
float:right;
margin:5px 10px 5px 0px;
}*/

/*#banner .background {
float:left;
}*/



div.rsBlock {
display:block;
/*background-color:#999999;*/
/*width: 100px;*/
}

#govHeader {
width: 200px;
font-size:9px !important;
font-weight:bold !important;
text-align:center;

margin-top: 5px;

background-color:#CCCCCC;
border: 1px solid #666666;
/*letter-spacing:2px;*/
}

#govHeader a:link, #govHeader a:visited {
display:block;
text-decoration:none !important;
font-size:9px;
font-weight:bold;
text-align:center;
color:#006699; 
background-image:url(../images/graphic_us_flag.jpg);
 background-repeat:no-repeat;
 background-position:left;
 padding: 1px 1px 1px 1.0em;
letter-spacing:1px;
}

* html #govHeader a{ /*IE only. Actual menu width minus left padding of LINK (20px) */
width: 200px;
}

#govHeader a:hover {
display:block;
font-size:9px;
font-weight:bold;
text-align:center;
color:#FFFFFF;
background-color:#999999;

}

.rsBlock {
float:right;
clear:both;
	width: 200px;
	/*height: 455px;*/
	/*font-size: 10px;
	font-size: 85%; */
	background-color: #E1E1E1;
	/*padding: 20px;Pads each table cell in modern browsers*/
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #999999;
	
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #999999;
	
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999999;
	/*padding-left:5px;*/
	margin-left:8px;
	margin-bottom:5px;
}

.rsInnerBlock {
padding:2px 5px 2px 5px;
}

#rightContentBlock hr {
border-bottom: 1px dashed #999999;

}

#rsTitle {
font-size:11px !important;
font-weight:bold !important;
background-color:#666666;
color:#FFFFFF;
padding-left:5px;
border-bottom: 1px solid #666666;
}

.rsHeader {
padding-top:0px;
padding-bottom:2px;
color:#993300;
font-weight:bold;
}

.rsSubHeader {
font-size:10px;
font-weight:bold ;
color:#333333;
font-size:10px;
margin-top:5px;
}

.rsContent {
font-size:10px;
line-height: 1.5em !important;
padding-top:1px !important;
padding-bottom:5px !important;
padding-left:7px;
padding-right:5px;
border-bottom: 1px dashed #666666;

}

#rsContent ul {
padding:0px 0px 0px 10px;
/*margin-top:5px;*/
list-style-type:square;

}

#rsContentWeather {
font-size:10px !important;
background-color:#CCCCCC;
color:#333333;
line-height:1.5em;
padding:5px 25px 5px 5px;
border-bottom: 1px solid #CCCCFF;
}

/*TEXT TOOL STLYES*/

.tools {
font-size: 9px;
font-weight:bold;
color:#999999;
text-align:center;
padding: 2px 0px 2px 0px;
}
#textTool {
font-size: 9px;
text-align:center;
padding: 2px 0px 10px 0px;
}

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

#textTool li {
display:inline;
margin: 0;
padding: 0;
}

#textTool ul ul li {
margin: 0;
padding: 0;
}

#textTool li a:link, #textTool a:visited {
/*margin-right:2px;*/
padding: 2px 5px 2px 2px;
color:#666666;
text-decoration:none;
background-color:#CCCCCC;
border-right:1px solid #E1E1E1;
/*border-top:1px solid #CCCCCC;
border-bottom:1px solid #CCCCCC;
border-left:1px solid #CCCCCC;
*/
}

#textTool a:hover {
color:#FFFFFF;
background-color:#999999;
}


/*IMAGE STYLES*/
.contentBlock {
padding-top:0px;
text-align:left;
text-indent:0px;
}

.imageBlockLeft {
float:left;
background-color:#E1E1E1;
padding:5px;
margin-right:10px; /*Creates white space */
}

.imageBlockRight {
float:right;
background-color:#E1E1E1;
margin-left:10px; /*Creates white space*/
}

.imageHolder {
padding:5px 5px 2px 5px;
width:140px;
}

.imageCaption {
font-size:9px;
line-height:1.5em;
margin:0px 0px 1px 10px;

}
/*THUMBNAIL STYLES RIGHT*/
.thumbnailRight{
/*padding: 0px 1px 1px 1px;*/
color:#FFFFFF;/*#666666*/
font-size: 9px;
/*text-align:center;*/
text-decoration:none;
background-color:#006699;/*#CCCCCC  #006699*/
border-top:1px solid #999999;
/*border-right:1px solid #999999;*/
border-left:1px solid #999999;
position: relative;
top: -0.3em;
left: -1.1em;
z-index: 2;
}


.thumbnailRight:hover{
background-color: #999999;
color:#FFFFFF !important;
/*z-index: 10;*/
}

.thumbnailRight span{ /*CSS for enlarged image*/
position: absolute;
background-color:#E1E1E1;
padding: 5px;
left: -1000px;
border: 1px dashed gray;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnailRight span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnailRight:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top:  -28.0em; /*position where enlarged image should offset virtically */
left: 2.2em; /*position where enlarged image should offset horizontally */
}

/*THUMBNAIL STYLES LEFT*/
.thumbnailLeft{
padding: 0px 1px 1px 1px;
color:#FFFFFF;/*#666666*/
font-size: 9px;
text-align:center;
text-decoration:none;
background-color:#006699;/*#CCCCCC  #006699*/
border-top:1px solid #999999;
/*border-right:1px solid #999999;*/
border-left:1px solid #999999;
position: relative;
top: -0.3em; /*position where enlarged ICON should offset virtically */
left: -15.5em; /*position where enlarged ICON should offset horizontally */
z-index: 1;
}


.thumbnailLeft:hover{
background-color: #999999;
color:#FFFFFF !important;
/*z-index: 10;*/
}

.thumbnailLeft span{ /*CSS for enlarged image*/
position: absolute;
background-color:#E1E1E1;
padding: 5px;
/*left: 2000px;*/
border: 1px dashed gray;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnailLeft span img{ /*CSS for enlarged image*/
border-width: 0;
/*padding: 2px;*/
}

.thumbnailLeft:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top:  -35.5em; /*position where enlarged image should offset virtically */
left: -74.5em; /*position where enlarged image should offset horizontally */
}