@charset "iso-8859-1";
/*
-----------------------------------------------------------------
Style Sheet
Use for all browsers - individual hacks for IE are within html
Site: experiorgroup.com
Author:   Steve Evans    www.3figs.com
Version:  1.0
Lastupdate: 6/Feb/2010
-----------------------------------------------------------------  */
body  {
	margin: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #000000;
	background-color: #FFFFFF;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 100%;
	padding-top: 5px;
	padding-right: 0;
	padding-bottom: 5px;
	padding-left: 0;
}
.thrColHybHdr #totalcontainer {
	width: 95%;
	background: #FFFFFF; /* the auto margins (in conjunction with a width) center the page if needed */
	border: 10px solid #CDCCCC;
	text-align: left;
	margin: auto;
	padding-right: 5px;
	padding-left: 5px;
	position: relative;
	max-width: 1080px;
	min-width: 800px;
}  
.thrColHybHdr #header {
	background-color: #FFFFFF;
	height: 110px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	position: relative;
} 
.thrColHybHdr #header_leftbox {
	width: 200px;
	background-color: #FFFFFF;
	text-align: left;
	position: relative;
	left: 0px;
	top: 5px;
	padding: 0;
} 
.thrColHybHdr #header_rightbox {
	width: 200px;
	background-color: #FFFFFF;
	text-align: right;
	position: absolute;
	top: 5px;
	right: 0px;
} 
.thrColHybHdr #header_rightlowerbox {
	width: 11em;
	background-color: #FFFFFF;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0;
	padding-left: 0;
	text-align: left;
	position: absolute;
	top: 90px;
	right: 0px;
} 
.thrColHybHdr #header_rightlowerbox h1 {
	margin: 0;
	padding: 0;
	color: #008ED6;
	font-size: 0.75em;
	font-weight: bold;
}
.thrColHybHdr #header_rightlowerbox a {
	margin: 0;
	padding: 0;
	color: #008ED6;
	font-size: 0.75em;
	font-weight: bold;
	text-decoration: none;
}
.thrColHybHdr #header_rightlowerbox a:hover {
	margin: 0;
	padding: 0;
	color: #000033;
	font-size: 0.75em;
	font-weight: bold;
	text-decoration: none;
}
/* SDE 3/12/2009: maincontainer is added because the left column menu (sidebar1) will not continue to the bottom of the page unless filled with text. The maincontainer purely is a background to this section with an image exactly the same number of pixels as sidebar1 wide. The image repeats on only one axis, and thus fills in the remaining space with the same colour as the background to sidebar1
*/
.thrColHybHdr #maincontainer {
	position: relative;
	background-color: #FFFFFF;
	background-image: url(/images/leftbar_bg.gif); /* This image is 176 pixels wide, 1 pixel high*/
	background-repeat: repeat-y;
	background-position: 0px 0px;
	z-index:1;
	padding: 0px;
	margin: 0px;
} 
/* Tips for sidebar1:
1. Be aware that if you set a font-size value on this div, the overall width of the div will be adjusted accordingly.
2. Since we are working in ems, it's best not to use padding on the sidebar itself. It will be added to the width for standards compliant browsers creating an unknown actual width. 
*/
.thrColHybHdr #sidebar1 {
	float: left;
	width: 176px; /* top and bottom padding create visual space within this div */
	color: #FFFFFF;
	background-color: #000033;
	position: relative;
	z-index:2;
	margin: 0;
	padding: 0em;
}
.thrColHybHdr #sidebar1 ul {
	padding-top: 0em;
	padding-left: 3.0em;
	padding-bottom: 0em;
	list-style:	none;
	font-size: 0.8em;
	color: #FFFFFF;
	font-weight: bold;
	text-align: left;
}
.thrColHybHdr #sidebar1 li {
	padding-bottom: 0em;
}
.thrColHybHdr #sidebar1 p {
	padding-top: 0em;
	padding-left: 1.3em;
	padding-bottom: 0em;
	font-size: 0.9em;
	color: #008ED6;
	font-weight: bold;
	text-align: left;
}
.thrColHybHdr #sidebar1 a {
	color: #FFFFFF;
	text-decoration: none;
}
.thrColHybHdr #sidebar1 a:hover {
	color: #008ED6;
	text-decoration: none;
}
.thrColHybHdr #sidebar1 a.selected {
	color: #008ED6;
	text-decoration: none;
}
.thrColHybHdr #sidebar1 a.selected:hover {
	color: #008ED6;
	text-decoration: none;
}
.thrColHybHdr #sidebar2 {
	float: right;
	width: 11em; /* top and bottom padding create visual space within this div */
	position: relative;
	z-index:1;
	padding: 0px;
	margin: 0px;
}
.thrColHybHdr #navbox1 {
	float:left;
	width: 3.1em; /* top and bottom padding create visual space within this div */
	height: 3.1em;
	padding: 0px;
	border: thin solid #000033;
	position: relative;
	left: 0em;
	top: 0em;
	z-index:2;
	background-image: url(/images/bm1_tree.jpg);
}
.thrColHybHdr #navbox2 {
	float: left;
	width: 3.1em; /* top and bottom padding create visual space within this div */
	height: 3.1em;
	padding: 0px;
	border: thin solid #FF8400;
	position: relative;
	left: 0.65em;
	top: 0px;
	z-index:2;
}
.thrColHybHdr #navbox3 {
	float: right;
	width: 3.1em; /* top and bottom padding create visual space within this div */
	height: 3.1em;
	padding: 0px;
	border: thin solid #008ED6;
	position: relative;
	right: 0px;
	top: 0px;
	z-index:2;
}
.thrColHybHdr #flashboxL {
	float:left;
	width: 11em; /* top and bottom padding create visual space within this div */
	padding-top: 2.5em; /* this is the padding to push this flash box down below the menus. Increase for more padding. Mustn't be zero on IE6 browser since IE6 has p negative to compress double spacing */
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	position: relative;
	right: 0px;
	top: 0em;
	z-index:2;
}
.thrColHybHdr #flashboxR {
	float:left;
	width: 11em; /* top and bottom padding create visual space within this div */
	padding-top: 1.5em; /* This value pushes the flash down from the top (away from Experior 3 boxes) */
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	margin: 0px;
	position: relative;
	right: 0px;
	top: 0em;
	z-index:2;
}
.thrColHybHdr #mainContentHeadSpace {
	margin-top: 0;
	margin-right: 11.5em;
	margin-bottom: 0;
	margin-left: 11.5em;
	padding-right: 0px;
	padding-left: 0px;
	position: relative;
	z-index:2;
} 
.thrColHybHdr #mainContentHeadSpace h1 {
	margin: 0;
	background-color: #000033;
	padding-top: 7px;
	padding-bottom: 7px;
	color: #FFFFFF;
	font-size: 1.0em;	
	font-weight: bold;
	text-indent: 1.0em;
	z-index:2;
}
.thrColHybHdr #mainContentBelowNavSpace {
	margin-top: 0em;
	margin-right: 0em;
	margin-bottom: 0em;
	margin-left: 0em;
	width: 100%;
	padding-right: 0px;
	padding-left: 0px;
	padding-bottom: 0px;
	position: relative;
	float: left;
} 
.thrColHybHdr #mainContent {
	margin-top: 0;
	margin-right: 11em;
	margin-bottom: 0;
	margin-left: 11em;
	padding-top: 15px;
	padding-right: 1.5em;
	padding-bottom: 0em;
	padding-left: 1.5em;
	position: relative;
} 

.thrColHybHdr #mainContentFlashSplash {
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 11em;
	padding: 0em;
	position: relative;
	height: 565px; /* This holds the height of the flash in FF - without it the flash collapses to a min height*/
} 
.thrColHybHdr #mainContent p {
	font-size: 0.8em;
	padding-bottom: 0.8em;
	color: #333333;
}
.thrColHybHdr #mainContent p.news {
	font-size: 0.8em;
	padding: 0;
	margin: 0;
	color: #333333;
}
.thrColHybHdr #mainContent form {
	font-size: 0.8em;
	padding-bottom: 0.8em;
	color: #333333;
}
.thrColHybHdr #mainContent q {
	font-style: normal;
	quotes: none;
	font-weight: bold;
}
.thrColHybHdr #mainContent a {
	color: #FF8400;
	text-decoration: none;
}
.thrColHybHdr #mainContent a:hover {
	color: #000033;
	text-decoration: none;
}
.thrColHybHdr #mainContent ul {
	font-size: 0.8em;
	list-style-image: url(/images/bluebullet.gif);
	text-indent: 0px;
	margin-left: 0.35em;
	padding-left: 1em;
	color: #333333;
}
.thrColHybHdr #mainContent li {
	padding-bottom: 0.8em;
}
.thrColHybHdr #mainContent h2 {
	margin: 0;
	color: #008ED6;
	font-size: 0.9em;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
}
.thrColHybHdr #mainContent h3 {
	margin: 0;
	font-size: 0.8em;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0.8em;
	padding-left: 0;
	color: #333333;
}
.thrColHybHdr #mainContent h3.news {
	margin: 0;
	font-size: 0.8em;
	font-weight: bold;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
	color: #333333;
}
.thrColHybHdr #mainContent h4 {
	margin: 0;
	font-size: 0.8em;
	font-weight: normal;
	padding: 0;
	color: #333333;
	font-style: italic;
}
.thrColHybHdr #mainContent hr {
	border: none 0;
	border-top: 1px dashed #008ED6;/*the border*/
	width: 100%;
	height: 1px;/*whatever the total width of the border-top and border-bottom equal*/
}
.thrColHybHdr #footer {
	background-color: #FFFFFF;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	position: relative;
} 
.thrColHybHdr #footer p {
	text-align: right;
	font-size: 0.6em;
	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	padding: 10px 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
	color: #333333;
}
.thrColHybHdr #footer a {
	color: #FF8400;
	text-decoration: none;
}
.thrColHybHdr #footer a:hover {
	color: #000033;
	text-decoration: none;
}

/* Miscellaneous classes for reuse */
.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 8px;
}
.fltlft { /* this class can be used to float an element left in your page */
	float: left;
	margin-right: 8px;
}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}