﻿/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ BODY / TAGS ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
html, body{
	margin:0px;
	padding:0px;
	font-family:Arial, Helvetica, sans-serif;
	background:#9a1117 url(/images/bgrndGrad.gif) repeat-x 0px -30px;
	}
img{
	border:none;
	}		
a:link, a:visited{
	text-decoration:none;
	color:#666666;
	}
a:hover, a:active{
	text-decoration:underline;
	color:#d81820;
	}
iframe{
	border:0px;
	height:450px;
	width:100%;
	}
.date{
	position:absolute;
	width:305px;
	height:34px;
	line-height:23px;
	top:5px;
	right:6px;
	}
.date p{
	float:left;
	font-size:75%;
	padding:0px 10px 0px 0px;
	margin:0px;
	color:#FFFFFF;
	}
select{
	background:url(/images/selectbgnd.gif) repeat-x top;
	border:none;
	position:absolute;
	top:2px;
	right:0px;
	color:#FFFFFF;
	width:190px;
	}
#text ul{
	position:relative;
	top:-10px;
	}
#text ul li{
	margin:0px 0px 10px 0px!important;
	}

form{}
input{}
address
	{
	display:block;
	font-style:normal;
	font-size:80%;
	padding-left:20px;
	}
.left{float:left;}
.right{float:right;}
option.main{
	border:none;
	background:#c07d7e;
	color:#FFFFFF;
	}
option.sub{
	border:none;
	background:#caa4a5;
	color:#FFFFFF;
	}
h4{
	font-size:70%;
	padding:0px;
	margin:0px;
	}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ ### HOMEPAGE ### ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/	
div#container{
	position:relative;
	top:13px;
	width:1000px;
	margin:auto;
	background:url(/images/containerGrad.gif) top center repeat-y;
	}
div#header{
	height:77px;
	background:url(/images/bgrndHead.jpg) top center no-repeat;
	}
img#logo{
	width:244px;
	height:34px;
	position:absolute;
	top:10px;
	left:70px;
	}
img#strapline{
	width:238px;
	height:20px;
	position:absolute;
	top:19px;
	right:70px;
	}
	
	img#strapline1{
	width:338px;
	height:37px;
	position:absolute;
	top:12px;
	right:325px;
	}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ Drop Shadows ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
div#shadowL{
	position:absolute;
	top:77px;
	left:0px;
	background:url(/images/shadowL.gif) top right no-repeat;
	width:60px;
	height:450px;
	}
div#shadowR{
	position:absolute;
	top:77px;
	right:0px;
	background:url(/images/shadowR.gif) top left no-repeat;
	width:60px;
	height:450px;
	}
div#main{
	width:880px;
	margin:auto;
	background:#b5b5b5;
	}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ MENU DIV + A links ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/		
div#menu{
	position:relative;
	height:34px;
	background:url(/images/menuGrad.gif) repeat-x;
	z-index:30;
	}
div#menu a:link, div#menu a:visited, div#menu a.offme{
	color:#d2d2d2;
	font-size:75%;
	line-height:32px;
	text-align:center;
	margin:0px;
	padding:0px 15px 0px 15px;
	border-right:#7b3d40 solid 1px;
	border-left:#602526 solid 1px;
	float:left;
	position:relative;
	top:1px;
	}
div#menu a:hover, div#menu a:active, div#menu a.onMe{
	background:url(/images/menuGradOn.gif) repeat-x;
	text-decoration:none;
	border-left:#7b3d40 solid 1px;
	border-right:#7b3d40 solid 1px;
	color:#FFFFFF!important;
	}
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ Menu Sub A links ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
div#menu a.sub:link, div#menu a.sub:visited{
	display:block;
	float:left;
	clear:both;
	background:;
	border:none;
	margin:0px;
	padding:0px;
	text-align:left;
	width:185px;
	line-height:20px;
	padding:0px 10px 0px 15px;
	color:#FFFFFF;
	border-bottom: #9e6061 1px dotted;
	}
div#menu a.sub:hover, div#menu a.sub:active {
	text-decoration:none;
	color:#FFFFFF;
	background:#d81820 url(../images/arrowWhite.gif) 5px 7px no-repeat;
	border:none;
	border-bottom: #d81820 1px dotted;
	}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ Dropdown Lists ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/	

#menu ul { /* all lists */
	position:relative;
	top:0px;
	float:left;
	padding:0px;
	margin:0px;
	list-style: none;
}
#menu li { /* all list items */
	position: relative;
	float:left;
}
#menu li ul { /* second-level lists */
	position:absolute;
	display:none;
	background:#c38081;
	z-index:7;
	left:0px;
	filter: alpha(opacity=96);
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=96);
	-moz-opacity: .96;
	-khtml-opacity: .96;
	opacity: .96;
}
#menu li>ul { /* to override top and left in browsers other than IE, which will position to the top right of the containing li, rather than bottom left */
	top: auto;
	left: auto;
}
#menu li:hover ul, #menu li.over ul { /* lists nested under hovered list items */
	display:block;
	position:absolute;
	top:32px;
	left:0px;
	margin:0px;
	padding:0px;
	z-index:5;
	border-top:#000000 solid 1px;
	}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~ Menu Curved Corners ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/		
div#menuCornerL{
	float:left;
	width:9px;
	height:34px;
	background:url(/images/menuCornerL.gif);
	}	
div#menuCornerR{
	float:right;
	width:9px;
	height:34px;
	background:url(/images/menuCornerR.gif);
	}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ HeadBar + img + H1 ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
div#headBar{
	height:95px;
	width:878px;
	background:url(/images/headBar.gif) repeat-x;
	border-left:#616161 solid 1px;
	border-right:#616161 solid 1px;
	}
div#headBar img{
	float:right;
	right:71px;
	z-index:1;
	}
div#headBar h1{
	color:#FFFFFF;
	margin:0px;
	padding:25px 0px 0px 20px;
	font-size:150%;
	font-weight:normal;
	}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ Honeycombe Image ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/	
div#honeycombeHome{
	width:327px;
	height:290px;
	position:absolute;
	top:110px;
	right:60px;
	background:url(/images/honeycombeHome.jpg) no-repeat;
	z-index:1;
	}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ grey/LightgreyBlock + p + H1 ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/	
div#greyBlock{
	position:relative;

	width:878px;
	height:320px;
	background:#1c1c1c url(/images/fsWatermark.gif) no-repeat 15px;
	border-left:#616161 solid 1px;
	border-right:#616161 solid 1px;
	}
div#grey{
	background:#d2d2d2;
	padding:10px;
	border-top: #999999 dotted 1px;
	}
#grey h4{
	color:#d81820;
	}
	
	
div#hometext strong{
	color:#FFFFFF;
	padding-bottom:15px;}
#hometext{
	position:absolute;
	top:210px;
	z-index:1;
	}
div#hometext p{
	position:relative;
	color:#e5e5e5;
	margin:0px;
	padding:10px 50px 10px 210px;
	/*padding:10px 330px 0px 220px;*/
	font-size:75%;
	z-index:1;
	}
div#lightgreyBlock{
	position:relative;
	height:150px;
	width:878px;
	background:#b5b5b5 url(/images/lightGreyGrad.gif) repeat-x bottom;
	border-left:#616161 solid 1px;
	border-right:#616161 solid 1px;
	}
div#lightgreyBlock h1{
	position:absolute;
	top:8px;
	left:7px;
	color:#d81820;
	font-size:110%;
	font-weight:normal;
	padding:0px;
	margin:0px;
	}
div#lightgreyBlock div#driver01 p, div#lightgreyBlock div#driver04 p{
	position:absolute;
	top:22px;
	left:100px !important;
	color:#373737;
	font-size:70% !important;
	width:135px !important;
	
	margin:0px;
	padding:0px;
	}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ driver01 / 02 / 03 + a ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/	
    div#driver01
    {
	position:relative;
	float:left;
	width:250px;
	height:150px;
	background:url(/images/imgDriver01sm.jpg) left no-repeat;
	border-right:#838383 1px solid;
	}
	
    div#driverGenMed
    {
	position:relative;
	float:left;
	width:250px;
	height:155px;
	border-left:#f2f2f2 1px solid;
	border-right:#838383 1px solid;
	}
	
	div#driverGenMed a img
	{
	position:relative;
	top:40px;
	left:0px; 
	margin:0px 0 0 8px;
	}
	
	div#lightgreyBlock div#driverGenMed a.text_link
	{
	position:relative;
	top:75px;
	left:85px;
	color:#373737;
	height:20px !important;
	font-size:75%;
	font-weight:bold;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	background:url(/images/arrowClick.gif) 0px 0px no-repeat;
	padding:1px 0px 0px 20px;
	text-decoration:none;
	display:block;
	}
	
div#lightgreyBlock div#driverGenMed a.text_link:hover{
	color:#d81820;
	}

	
	div#driver04{
	position:relative;
	float:left;
	width:250px;
	height:150px;
	background:url(/images/imgDriver03sm.jpg) left no-repeat;
	border-right:#838383 1px solid;
	border-left:#f2f2f2 1px solid;
	}
	
    div#driver02
    {
	position:relative;
	float:left;
	width:250px;
	height:150px;
	/*background:url(/images/imgDriver02sm.jpg) left no-repeat;*/
	border-right:#838383 1px solid;
	border-left:#f2f2f2 1px solid;
	}
	
div#lightgreyBlock div#driver01 a, div#lightgreyBlock div#driver02 a, div#lightgreyBlock div#driver04 a
    {
	position:absolute;
	top:135px;
	left:80px;
	color:#373737;
	height:20px;
	font-size:75%;
	font-weight:bold;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	background:url(/images/arrowClick.gif) no-repeat;
	text-indent:20px;
	text-decoration:none;
	}
div#lightgreyBlock div#driver01 a:hover, div#lightgreyBlock div#driver02 a:hover, div#lightgreyBlock div#driver04 a:hover, div#lightgreyBlock div#driverGenMed a:hover{
	color:#d81820;
	}
div#driver03{
	float:left;
	width:118px;
	height:150px;
	border-left:#f2f2f2 1px solid;
	}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~ IFA Logo + Money Icon ~~~~~~~~~~~~~~~~~~~~~*/
div#driver03 #ifaLogo{
	position:absolute;
	bottom:45px;
	right:25px;
	}
	
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~ Awards ~~~~~~~~~~~~~~~~~~~~~*/
	
 #awards_06{
	position:absolute;
	top:0px;
	right:65px;
margin:5px;
	}
	
#awards_07
{
	position:absolute;
	bottom:0px;
	right:130px;
	}
	
 #awards_08{
	position:absolute;
	bottom:0px;
	right:10px;
	margin-top:5px;
	}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ Base ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
div#base{
	position:relative;
	width:1000px;
	height:25px;
	margin:auto;
	background:url(/images/base2.jpg) no-repeat center;
	}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ ### CONTENT PAGE ### ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/	

div#greyContainer{
	position:relative;
	background:#1c1c1c;
	border-left:#616161 solid 1px;
	border-right:#616161 solid 1px;
	}
/*~~~~~~~~~~~~~~~~~~~~~~~~~ Side Content + P + H1 ~~~~~~~~~~~~~~~~~~~~~~~*/		
div#sideContentRight{
	position:absolute;
	width:266px;
	right:0px;
	padding:10px;
	border-top: #505050 solid 1px;
	}
div#greyContainer div#sideContentRight p{
	color:#FFFFFF;
	font-size:70%;
	text-align:left;
	padding:0px 10px 20px 0px;
	line-height:140%;
	margin:0px 0px 0px 100px;
	}
div#greyContainer div#sideContentRight h1{
	color:#d81820;
	font-size:110%;
	font-weight:normal;
	padding:0px;
	margin:0px;
	}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ Drivers + A + IMG ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/		
.driver{
	position:relative;
	padding-bottom:15px;
	margin-bottom:15px;
	}
	
    .driver_awards
    {
    position:relative;
    height:160px;
    }

    #awards_06_side{
    position:absolute;
    top:0px;
    right:80px;
    margin:auto;
    }

    #awards_07_side
    {
    position:absolute;
    bottom:0px;
    right:140px;
    }

    #awards_08_side{
    position:absolute;
    bottom:0px;
    right:25px;
    margin-top:5px;
    }
	
	
div#sideContentRight .driver a{
	color:#FFFFFF;
	left:85px;
	position:absolute;
	line-height:25px;
	height:25px;
	font-size:75%;
	font-weight:bold;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	background:url(/images/arrowClick_02.gif) no-repeat 0px 5px;
	padding-left:25px;
	text-decoration:none;
	}
div#sideContentRight .driver a:hover{
	color:#d81820;
	}
div#greyContainer div#sideContentRight .driver img{
	position:absolute;
	top:30px;
	left:0px;
	}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ Content Area + P + LI + H2 ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/	
div#mainContent{
	position:relative;
	z-index:2;
	width:562px;
	padding:20px 10px 10px 20px;
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~ ** Site Content Height ** ~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
	min-height:575px;
	background:url(/images/contentGrad.gif) repeat-x top #b5b5b5;
	border-top:#FFFFFF solid 1px;
	}

div#logoShape{
	position:absolute;
	background: url(/images/logoShape.gif) no-repeat 60px 40px;
	height:400px;
	width:100%;
	z-index:1;
	}
div#text{
	position:relative;
	z-index:2;
	}
div#greyContainer div#mainContent p, div#grey p{
	font-size:75%;
	padding:0px 20px 10px 20px;
	line-height:200%;
	margin:0px;
	}
.partners, .partners p{
	line-height:130%!important;	
	}
.partners p strong{
	color: #000000;
	font-size:100%!important;
	}
.partners a:link, .partners a:visited{
	color:#666666;
	}
.partners a:hover, .partners a:active{
	color:#d81820;
	}
div#greyContainer div#mainContent li{
	font-size:75%;
	line-height:150%;
	list-style-image:url(/images/li_bullet.gif);
	padding:0px;
	margin:0px;
	}
div#greyContainer div#mainContent h1, div#greyContainer div#mainContent h2{
	color:#d81820;
	font-size:135%;
	padding:0px 0px 10px 0px;
	margin:0px;
	font-weight:normal;
	}
div#mainContent h3{
	color:#333333;
	font-size:95%;
	padding:0px 0px 5px 20px;
	margin:0px;}
h4{
	font-size:100%;
	padding:0px;
	margin:0px;
}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ Base Content + a.screen + a ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/	
div#baseContent{
	position:relative;
	width:1000px;
	height:25px;
	margin:auto;
	background:url(/images/baseContent.jpg) no-repeat center;
	z-index:1;
	}	
	div#baseContent .edit
	{ color:#ffffff;
	    font-size:70%;
	    float:left;
	    margin:1px 0px 0px 160px;
	}
	
		div#base .edit
	{ color:#ffffff;
	    font-size:70%;
	    float:left;
	    margin:1px 0px 0px 160px;
	}
	
	 .edit
	{   color:#ffffff !important;
	    font-size:70%;
	    float:left;
	    margin:1px 0px 0px 160px;
	}
span.statement{
position:absolute;
color:#FFFFFF;
font-size:70%;
left:65px;
top:19px;
	}

	
div#base a.screen, div#baseContent a.screen, div.footerOveride a.screen, div.footerOveride a.screen {
	position:absolute;
	top:35px;
	right:65px;
	color:#FFFFFF;
	font-size:70%;
	}
div#base a.link, div#baseContent a.link, div.footerOveride a.link{
	position:relative;
	top:15px;
	left:45px;
	color:#FFFFFF;
	font-size:70%;
	}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/	
.footerOveride{
	position:absolute;
	width:879px;
	background: url(/images/baseContentiframe.jpg) no-repeat top center ;
	width:1000px;
	height:25px;
	margin:auto;
	}
address table tr td{
	vertical-align:top;
	border-collapse:collapse;
	padding:0px;
	margin:0px;
	}
address a, .news a, #grey a{
	color:#666666;
	background:url(../images/arrowGrey.gif) no-repeat left center;
	padding-left:10px;
	}
address a:hover, .news a:hover, #grey a:hover{
	background:url(../images/arrowRed.gif) no-repeat left center;
	text-decoration:none;
	color:#d81820;
	}
#mainContent a.red:link,  #mainContent a.red:visited{
	color:#666666;
	}
#mainContent a.red:hover, #mainContent a.red:active{
	text-decoration:none;
	color:#d81820;
	}
table.news{
	width:90%;
	}
table.news, table.news tr td{
	vertical-align:middle;
	font-size:85%;
	text-align:left;
	background:#CCCCCC;
	padding:5px;
	margin:0px;
	border-collapse:collapse;
	}
table.news tr td{
	border-bottom:#666666 solid 1px;
	border-right:#999999 dotted 1px;
	}
td.highlight{
background:#e6e6e6!important;}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/	



