@charset "utf-8";
/* CSS Document */
div#header{
width:855px;
float:none;
height:370px;
overflow:hidden;
}
ul#headerUL{
  list-style: none;
  margin: 0;
  padding: 0;
}

ul#headerUL li{
  float: left;
  padding: 0px;
  display: block;
  margin: 0px;
  overflow: hidden;
  height:370px;
  width:44px;
}

ul#headerUL li a.tabLink{
  display: block;
  height: 370px;
  width: 44px;
  padding:0;
  margin:0;
  float:left;
}

/* tab image styles */
.tabLink{
	background-image:url(../images/tabs.png)
}
#a1{
}
#a2{
	background-position:-44px 0px;
}
#a3{
	background-position:-88px 0px;
}
#a4{
	background-position:-132px 0px;
}
#a5{
	background-position:-176px 0px;
}
#a6{
	background-position:-220px 0px;
}
#a1:hover{
	background-position:264px 0px;
}
#a2:hover{
	background-position:220px 0px;
}
#a3:hover{
	background-position:176px 0px;
}
#a4:hover{
	background-position:132px 0px;
}
#a5:hover{
	background-position:88px 0px;
}
#a6:hover{
	background-position:44px 0px;
}

/* tab backgrounds */
#li1{
	background-image:url(../images/cover.jpg);
}
#li2{
	background-image:url(../images/quiet.png);
}
#li3{
	background-image:url(../images/gearless.jpg);
}
#li4{
	background-image:url(../images/height.png);
}
#li5{
	background-image:url(../images/safety.jpg);
}
#li6{
	background-image:url(../images/wins.jpg);
}

.tabLink h1{
	/* these are hidden, but will show instead of the images if someone has styles disabled */
	visibility:none;
	position:absolute;
	top:-1000px;
	left:-10000px;
}
ul#headerUL img{
	border:none;
}
.rightText{
	text-align:right;
}
.whiteText{
	color:#fff;
}
ul#headerUL{
	width:852px;
	margin:auto;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}
ul#headerUL li img.tab{
  position: absolute;
  z-index:10;
}

ul#headerUL li p{
  margin: 0;
  padding: 5px;
  width: 550px;
  display: block;
  margin-left: 44px;
}
ul#headerUL li{
	background-color:#FFF;
	text-align:left;
}
ul#headerUL .innards{
	width:570px;
	height:350px;
	padding:6px;
	margin-left:44px;
}
ul#headerUL li h1{
	margin:0px;
	padding:0px;
}
ul#headerUL li h2{
	font-weight:bold;
	line-height:1em;
	margin:0 5px 5px 5px;
	padding:0px;
	font-size:24px;
	text-shadow: 0.1em 0.1em 0.2em black;
}
ul#headerUL li h2 em{
	font-weight:normal;
	font-style:italic;
	font-size:21px;
}
ul#headerUL .callout{
	background:#FF6600;
	display:block;
	border:#FFFFFF 4px solid;
	font-size:11px;
	padding:5px;
	float:right;
	/*position:relative;*/
}
ul#headerUL .readMore{
	color:#FFC;
	font-weight:bold;
	text-decoration:none;
	border-bottom:#ffc dotted 1px;
}
ul#headerUL .readMore:hover{
	color:#FFF;	
	border-bottom:#ffF solid 1px;
}
ul#headerUL .smaller{
	font-size:.8em;
}
ul#headerUL #li1 .innards{
	padding:0 !important;
	margin:8px 0 0 54px !important;
	width:576px;
}
ul#headerUL .picLink{
	display:block;
	width:101px;
	height:82px;
	float:left;
	margin:4px 16px 2px 0px;
}
ul#headerUL .picLinkR{
	display:block;
	width:101px;
	height:82px;
	float:left;
	margin:4px 0px;
}
ul#headerUL .picLink#yourTurnLink{
	margin:1px 0px 2px 111px;
	width:344px;
	height:85px;
}
ul#headerUL .picLink:hover, ul#headerUL .picLinkR:hover{
	background-color:#FFF;
	filter:alpha(opacity=30);
	-moz-opacity:0.3;
	-khtml-opacity: 0.3;
	opacity: 0.3;
}
#li2 h2, #li6 h2{
	font-size:28px !important;
}
#li2 .callout{
	text-align:left;
	/*bottom:-100px;*/
	width:160px;
	margin-left:400px;
	margin-top:100px;
}
#li3 .callout{
	margin-top:170px;
	width:190px;
	
}
#li4 .callout{
	width:160px;
	margin-top:-50px;
}
#li5 .callout{
	width:160px;
	float:left !important;
	margin:0px 10px;
	height:240px;
	margin-top:10px;
	padding:0px !important;
}
#li5 .callout h4{
	display:block;
	width:100%;
	background:#fff;
	color:#555;
	font-size:14px;
	font-weight:bold;
	margin:0;
	padding:0px;
	text-indent:4px;
}
#li5 .callout div.padded{
	padding:5px;
}
#callout_5-1{
	margin-left:5px !important;
}
#callout_5-2{
	
}
#callout_5-3{
	float:right;
	margin-right:0px !important;
}
#li6 h3{
	margin:2px 0px;
	padding:0;
	font-size:16px;
}
#li6 #callout_6-1{
	font-size:14px;
	width:405px;
	float:left;
	padding:0px 5px;
}
#li6 #callout_6-2{
	font-size:14px;
	float:right;
	width:147px;
	padding:0px 5px 0px 0px;
}
/*
li#flashLi{
	z-index:1;
}
#flash{
position:relative;
left:44px;
z-index:0;
display:block;
} */