/************************************************************************
This is the primary CSS sheet for the April '08 redesign of the RFX 
Technologies website. This sheet is responsible for setting site defaults, 
including backgrounds, fonts, colors, etc. If needed, this sheet may be
supplemented with additional sheets.
************************************************************************/

body {
	background:top left url('/images/body_bg.jpg') repeat-x #bbbba6;
	font-family:verdana,helvetica,sans-serif;
	font-size: small !important; /* Styles for Mozilla, Safari, IE Mac */
	font-size: x-small; /* Styles for MS IE5 PC */
	font-size/**/:/**/small; /* Styles for IE6 PC */
	color:#000;
	text-align:center;
}

/* Font-size is set at approx. 11px or 8pt. */
body div#document	{
	width : 850px; /* sets overall content width */
	Font-size:85%;
	margin:0 auto 30px auto;
	text-align : left;
	background:top left url('/images/document_bg.gif') repeat-y #fff;
	/*border:1px solid #333;
	border-width:0 1px 0 1px;*/
}


/****************** IMPORTANT DEFAULTS *******************/
 a, 
 a:link, 
 a:active,a:visited {
 	color:#6a2a2b;
}
 a:hover { 
 	color:#983d3e;
 }


h1 {
	font-weight:normal;
	font-size:225%;
	padding:4px 0;
	margin-bottom:.5em;
}
h2 {
	font-weight:normal;
	font-size:170%;
	padding:4px 0;
}
h3 { /* job titles on about pagess */
	font-weight:normal;
	font-size:150%;
	padding:4px 0;
	margin:-1em 0 .5em 0;
}

br { clear:right !important; } /* overrides clearing done by Bric template */
/****************** END IMPORTANT DEFAULTS *******************/





/****************** UTILITY *******************/

.even { background:#fff; }
.odd { background:#eee; }

/****************** END UTILITY *******************/






/****************** MASTHEAD *******************/
#preHeader {
	background: top left url('/images/pre_header_bg.jpg') no-repeat;
	width:100%;
	height:49px;
	table-layout:fixed;
	font-weight:bold;
	font-size:90%;
	color:#fff;
}
	#preHeader.homeSky {
		background-image: url('/images/pre_header_home_sky.jpg');
		height:27px;
	}
#preHeader td {
	padding:0 20px 10px;
	vertical-align:middle;
}
	#preHeader.homeSky td {
		padding:0 20px;
		vertical-align:middle;
	}
#preHeader a, 
#preHeader a:link, 
#preHeader a:active,
#preHeader a:visited {
	color:#fff;
	text-decoration:none;
}
 #preHeader a:hover { 
 	color:#ddd;
	text-decoration:underline;
 }

#masthead {}
#masthead img { vertical-align:top; }
/****************** END MASTHEAD *******************/




/****************** LEFT NAV *******************/
#leftNav {
	float:left;
	width:228px;
}
#navInnerWrapper {
	background: top left url('/images/left_nav_bg.jpg') repeat-y;
	padding: 5px 17px 0 10px;
}
#navInnerWrapper div {
	border-bottom:1px solid #575757;
}
#navInnerWrapper span a {
	margin-left:15px;
	padding-top:2px;
	background-position:left 3px;
}
#navInnerWrapper span a.tertiary {
	margin-left:30px;
	background-image:url('/images/nav_dash.gif') !important;
}
#navInnerWrapper a {
	text-decoration:none;
	display:block;
	color:#fff;
	padding:5px 7px 5px 15px;
	background:left 6px url('/images/bullet.gif') no-repeat;
}
#navInnerWrapper a:hover {
	color:#ddd;
	background-image:url('/images/animated_bullet.gif') !important;
}
body #navInnerWrapper a.selected {
	font-weight:bold;
	background-image:url('/images/nav_arrow.gif') !important;
}
#navInnerWrapper i {
	display:block;
	color:#222;
	padding-top:5px;
	padding-left:15px;
}
/****************** END LEFT NAV *******************/




/****************** FOOTER *******************/

#footer {
	clear:both;
	background:bottom left url('/images/footer_bg2.jpg') no-repeat;
	height:86px;
	width:100%;
	text-align:center;
	color:#fff;
	font-size:90%;
}
#footer td {
	vertical-align:middle;
	padding-bottom:10px;
}

/****************** END FOOTER *******************/




/****************** MAIN BODY *******************/
#mainBody {
	width:590px;
	margin:10px 20px 5px 235px;
}
h1#pageTitle {
	overflow:hidden;
	width:590px;
	white-space:nowrap;
}
h1#pageTitle img {
	vertical-align:middle;
	margin-left:4px;
}

#certificationLogos {
	margin-top:30px;
	margin-bottom:10px;
	text-align:center;
}
#certificationLogos a {
	/*float:left;*/
}
#certificationLogos img {
	vertical-align:middle;
	margin:0 15px 20px 0;
}
/****************** END MAIN BODY *******************/

.FloatRight{float: right;}
.FloatLeft {float:left;}