/* CSS Document */

body{
margin-top:5px;
margin-bottom:5px;
color:#333333;
}
#container{
position:relative;
width:776px;
background-image:url('../img/layout/bg_keyline.png');
background-position:left;
background-repeat:repeat-y;
}
a{
color:#cc3300;
text-decoration:underline;
}
a:link,a:active,a:visited{
color:#cc3300;
text-decoration:underline;
}

a:hover{
color:#cc3300;
text-decoration:none;
}

/*header */

#header{
position:absolute;
width:776px;
height:110px;
z-index:10;
}
#headerLeft{
position:absolute;
left:0px;
top:0px;
width:136px;
height:80px;
}
#headerMiddle{
position:absolute;
left:136px;
top:0px;
width:474px;
height:106px;
}

#headerLogo{
position:absolute;
left:610px;
top:0px;
width:166px;
height:106px;
z-index:10;
}
#headerGradient{
position:absolute;
left:136px;
top:80px;
width:640px;
height:27px;
z-index:0;
}
#headerTabsDefault,#headerTabsLeft,#headerTabsRight{
position:absolute;
left:0px;
top:1px;
width:610px;
height:65px;
z-index:2;
}
#headerTabsDefault{
background-image:url(../img/layout/tabs/tabs_none.jpg);
background-position:left;
background-repeat:no-repeat;
}
#headerTabsLeft{
background-image:url(../img/layout/tabs/tabs_left.jpg);
background-position:left;
background-repeat:no-repeat;
}
#headerTabsRight{
background-image:url(../img/layout/tabs/tabs_right.jpg);
background-position:left;
background-repeat:no-repeat;
}
#headerNavDefault,#headerNavLeft,#headerNavRight{
position:absolute;
left:0px;
top:40px;
width:776px;
height:70px;
}
#headerNavLeft,#headerNavRight{
display:none;
}
#leftTabButton{
position:absolute;
left:55px;
top:50px;
width:170px;
text-align:center;
text-decoration:none;
z-index:10;
}
#rightTabButton{
position:absolute;
left:255px;
top:50px;
width:170px;
text-align:center;
text-decoration:none;
z-index:10;
}

.leftTabTitle{
position:absolute;
left:0px;
top:10px;
width:260px;
text-align:center;
text-decoration:none;
}
.rightTabTitle{
position:absolute;
left:260px;
top:10px;
width:260px;
text-align:center;
text-decoration:none;
}




#contactButton{
position:absolute;
left:610px;
top:66px;
width:166px;
height:40px;
text-align:center;
text-decoration:none;
z-index:10;
background-image:url('../img/layout/bg_keyline.png');
background-position:right;
background-repeat:repeat-y;
}
h2.headerContact{
font-size:small;
margin:0px;
padding:0px;
}

.headerContact a{
width:166px;
height:40px;
padding-top:13px;
color:#ffffff;
text-decoration:none;
display:block;
background-image:url(../img/layout/tabs/tabs_contact.jpg);
background-repeat:no-repeat;
}
.headerContact a:link,.headerContact a:visited,.headerContact a:active{
text-decoration:none;
background-image:url(../img/layout/tabs/tabs_contact.jpg);
color:#ffffff;
}
.headerContact a:hover{
text-decoration:underline;
background-image:url(../img/layout/tabs/tabs_contact_on.jpg);
color:#cc3300;
}


h1.headerTab{
font-size:16px;
margin:0px;
padding:0px;
}
.headerTab a{
color:#FFFFFF;
text-decoration:none;
display:block;
}
.headerTab a:link,.headerTab a:visited,.headerTab a:active{
color:#FFFFFF;
text-decoration:none;
}
.headerTab a:hover{
text-decoration:underline;
color:#cc3300;
}
.headerNavLeftMenu,.headerNavRightMenu{
position:absolute;
top:45px;
width:776px;
left:0px;
text-align:left;
z-index:5;
}

#activeTabText{
color:#cc3300;
}


/* always eat your crusts */

#breadcrumb{
width:575px;
float:right;
padding:5px;
}
.clear{
clear:both;
height:0px;
overflow:hidden;
}

/*spaces out the content so it doesn't go behind the header */
#topspacer{
position:relative;
height:110px;
}
/* main body stuff */

#mainbody{
position:relative;
width:776px;
text-align:left;
padding-bottom:20px;
background-image:url('../img/layout/bg_keyline.png');
background-position:left;
background-repeat:repeat-y;
}

#mainbodyleft{
width:180px;
float:left;
display:block;
}
#mainbodycontent{
width:580px;
float:right;
display:block;
line-height:90%;
}
#mainbodymiddle{
width:370px;
float:left;
display:block;
}
#mainbodyfullwidth{
margin-right:10px;
display:block;
}
#mainbodytxt{
display:block;
}
#mainbodyright{
width:200px;
float:right;
display:block;
}



#mainbodytxt ul{
list-style:url(../img/layout/bullet.jpg);
}


/*footer stuff */
#footer{
position:relative;
width:776px;
height:75px;
text-align:left;
background-image:url('../img/layout/tabs/tabs_footer.jpg');
background-position:top;
background-repeat:no-repeat;
}
#footernav{
position:absolute;
top:30px;
width:776px;
height:30px;
text-align:center;
}

#footernav a{
font-weight:bold;
color:#ffffff;
text-decoration:none;
}
#footernav a:link,#footernav a:visited,#footernav a:active{
text-decoration:none;
}
#footernav a:hover{
text-decoration:underline;
}

#footerlegal{
position:absolute;
top:55px;
width:776px;
height:30px;
text-align:center;
color:#ffffff;
text-align:center;
}
/* text lists */
dl.textright{
margin:0px;
padding:0px;
}
.textright dt{
margin:0px;
margin-top:10px;
padding:0px;
width:190px;
font-size:x-small;
font-weight:bold;
}
.textright dd{
margin:0px;
padding:0px;
padding-top:3px;
width:190px;
font-size:x-small;
}
/* image lists */

dl.imageright{
margin:0px;
margin-top:20px;
padding:0px;
}
.imageright dt{
margin:0px;
padding:0px;
width:190px;
}
.imageright dd{
margin:0px;
padding:0px;
padding-top:3px;
width:190px;
}
dd.imagecaption{
font-size:x-small;
}
dd.imagecopyright{
font-size:x-small;
}

#titleUnderline{
overflow:hidden;
height:0px;
border-bottom:1px solid #333333;
margin-bottom:5px;
}


/* CSS Document */


/* 
header navigation 
pixel heights used here to stop the menu expanding into the contact button
*/
#nav, #nav ul,#navleft, #navleft ul,#navright, #navright ul { /* all lists */
	padding: 0;
	margin: 0;
	list-style: none;
	font-size:11px;
}

#nav a ,#navleft a ,#navright a {
	display: block;
	color:#cc3300;
	text-decoration:none;
}
#nav a:link,#nav a:link,#nav a:link,#navleft a:link,#navleft a:link,#navleft a:link,#navright a:link,#navright a:link,#navright a:link{
	text-decoration:none;
}
#nav a:hover,#navleft a:hover,#navright a:hover{
	text-decoration:underline;
}
#nav li ,#navleft li ,#navright li { /* all list items */
	float: left;
}

#nav li ul ,#navleft li ul ,#navright li ul { /* second-level lists */
	position: absolute;
	width: 150px;
	font-size:11px;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
	border-bottom:1px solid #cccccc;
}
#nav li ul a,#navleft li ul a,#navright li ul a{
	width: 12em;
}
/* lists nested under hovered list items */
#nav li:hover ul, #nav li.sfhover ul,#navleft li:hover ul, #navleft li.sfhover ul,#navright li:hover ul, #navright li.sfhover ul { 
	left: auto;
}
#nav li.nav_toplevel,#navleft li.nav_toplevel,#navright li.nav_toplevel{
	margin-top:5px;
	margin-left:12px;
	height:20px;
}
#nav li.nav_sublevel,#navleft li.nav_sublevel,#navright li.nav_sublevel{
	width: 150px;
	border-left:1px solid #cccccc;
	border-right:1px solid #cccccc;
	border-top:1px solid #cccccc;
	background: #ffffff;
}
.sublevel{
	padding:2px;
}
.mainlevel{
	font-weight:bold;
	color:#cc3300;
}


/*left hand navigation*/

h3.menutitle{
	display:block;
	background-position:left;
	background-image:url(../img/layout/leftnav_title.png);
	background-repeat:no-repeat;
	font-size:small;
	font-weight:bold;
	color:#cc3300;
	margin:0px;
	margin-bottom:0px!important;
	margin-bottom:3px;
	padding: 3px;
	padding-left:20px;
	border:1px solid #cccccc;
}
.menutitle a{
	display:block;
	color:#cc3300;
	text-decoration:none;
}
.leftnav { /* top lists */
	padding: 0px;
	margin: 0px;
	margin-left: 10px;
	list-style: none;
	font-size:x-small;
}
.leftnav li{
	padding: 0px;
	margin: 0px;
	list-style: none;
	width:100%;
}
.leftnav a, a.leftnav_sublevel{
	margin-top: 3px!important;
	margin: 0px;
	padding: 3px;
	display:block;
	background-position:right;
	background-image:url(../img/layout/leftnav_arrow.gif);
	background-repeat:no-repeat;
}
.leftnav a:link,.leftnav a:visited,.leftnav a:active{
	color:#cc3300;
	text-decoration:none;
	border:1px solid #cccccc;
	background-image:none;
}
.leftnav a:hover{
	color:#cc3300;
	text-decoration:underline;
	border:1px solid #cc3300;
	background-image:url(../img/layout/leftnav_arrow.gif);
}

.leftnav ul{ /* sub lists */
	padding: 0px;
	margin: 0px;
	margin-top: 2px;
	margin-left: 4px;
	list-style: none;
	font-size:x-small;
}

#leftnav_topactive{
	font-weight:bold;
	border:1px solid #cc3300;
}

.leftnav_brochureactive{
	font-weight:bold;
	border:1px solid #cc3300;
}




/*ie7 fixes*/

*:first-child+html #nav {
height: 1%;
display:block;
}
*:first-child+html #nav li {
height: 1%;
display:block;
} 	

*:first-child+html #navleft {
height: 1%;
display:block;
}
*:first-child+html #navleft li {
height: 1%;
display:block;
} 	
*:first-child+html #navright {
height: 1%;
display:block;
}
*:first-child+html #navright li {
height: 1%;
display:block;
}