@import "reset.css";

/*----- DISPLAY -----*/

body {
background-color:#336699;
font-family: TitilliumText25L400wt;
font-size: 17px;
font-weight: normal;
color: #999999;
line-height: 105%;
}


.back{
background-color:#ffffff;
position: relative;
width: 100%;
height: auto;
padding-bottom: 0px;
margin-bottom: 0px;
}


	
.clearfloat {
clear:both;
}



h1{
font-family: ArsenalRegular;
color: #336699;
font-size: 2.0em;
line-height: 105%;
}

h2{
font-family: ArsenalRegular;
color: #336699;
font-size: 1.3em;
line-height: 105%;
}

.nonwhitebgheader{
color: #ffffff;
font-size: 1.3em;
font-weight:600;
}



hr{
margin:15px;
color: #ffffff;
background-color: #ffffff;
}



/*----- BLUE CONTENT -----*/


#bluewrapper
{
position: realtive;
margin-left:auto;
margin-right:auto;
width: 980px;
height: auto;
background-color:#336699;
}

#blueleft{
position: realtive;
float: left;
margin: 2px;
margin-top: 10px;
padding: 15px;
width: 600px;
background-color:#ffffff;
height: 400px;
}

#blueright{
position: realtive;
float: right;
margin: 10px;
padding: 15px;
padding-top: 15px;
width: 292px;
background-color:#ffffff;
height: 400px;
font-size: .9em;
}






/*----- GREY CONTENT -----*/


.greyback{
background-color:#999999;
position: relative;
width: 100%;
height: auto;
}


#greywrapper{
position: realtive;
margin-left:auto;
margin-right:auto;
width: 980px;
height: auto;
background-color:#999999;
}



#leftgrey{
position: realtive;
margin-left:auto;
margin-right:auto;
width: 31%;
height: auto;
float: left;
text-align: center;
font-size: .9em;
font-weight: normal;
color: #ffffff;
padding: 2%;
padding-top: 5px;
padding-bottom: 5px;
}

#rightgrey{
position: realtive;
margin-left:auto;
margin-right:auto;
width: 31%;
height: auto;
float: right;
text-align: center;
font-size: .9em;
font-weight: normal;
color: #ffffff;
padding: 2%;
padding-top: 5px;
padding-bottom: 5px;
}

#midgrey{
position: realtive;
margin-left:auto;
margin-right:auto;
width: 32%;
height: auto;
text-align: center;
font-size: .9em;
font-weight: normal;
color: #ffffff;
padding: 2%;
padding-top: 5px;
padding-bottom: 5px;
}


.largeicon{
margin-top: -45px;
}







/*----- NAVIGATION -----*/


#headerwrapper
{
position: realtive;
margin-left:auto;
margin-right:auto;
width: 980px;
height: auto;
background-color: #ffffff;
}


#logo
{
position: realtive;
float: left;
margin: 0px;
padding-top: 5px;
width: 300px;
}

nav {
width: 680px;
float:right;
}

.navmenu {
float:right;
}

.navmenu li {
display:block;
float:left;
margin-top: 0px;
text-align:center;
}



.navmenu li a {
color:#336699;
display:block;
padding-left: 40px;
padding-right: 40px;
padding-top: 20px;
padding-bottom: 20px;
}

.navmenu li a:hover {
color:#ffffff;
background-color:#336699;
}









/*----- LINKS -----*/

a:link {  
	color: #336699; 
	font-family:'TitilliumText25L400wt'; 
	font-weight: normal;
	font-size: 1.2em;
	text-decoration:none; 
	}

a:visited { 
	color: #336699; 
	font-family:'TitilliumText25L400wt'; 
	font-weight: normal;
	text-decoration: none; 
}
a:hover {  
	color: #999999;
	font-family:'TitilliumText25L400wt'; 
	font-weight: normal;
	text-decoration:none; 
	}

	






/*----- HOME CONTENT -----*/


#wrapper
{
position: realtive;
margin-left:auto;
margin-right:auto;
width: 980px;
height: auto;
background-color:#ffffff;
line-height: 115%
}


#homeleft{ 
width: 610px;
float:left;
padding: 20px;
}


#homeright{
background-color:#ffffff;
margin-top: 20px;
padding: 10px; 
width: 300px;
float:right;
}









.imagefloatright{
float: right;
padding-left: 10px;
padding-right: 10px;
padding-bottom: 5px;
padding-top: 1px;
}	
	
.imagefloatleft{
float: left;
padding-left: 3px;
padding-right: 10px;
padding-bottom: 5px;
padding-top: 1px;
}	

.imagefloatcenter{
display: block;
margin-left:auto;
margin-right:auto;
padding-left: 10px;
padding-right: 10px;
padding-bottom: 5px;
padding-top: 1px;
}	





.ad{
display: block;
margin-top: 15px;
margin-bottom: 15px;
margin-right: auto;
margin-left: auto;
}









/*----- AD 2 -----*/


#translate1:hover{
-moz-transform: translate(200px);
-moz-transition-timing-function: ease;
-moz-transition-duration: 2s;
-webkit-transform:translate(200px);
-webkit-transition-timing-function: ease;
-webkit-transition-duration: 2s;
-ms-transform:translate(200px);
-ms-transition-timing-function: ease;
-ms-transition-duration: 1s;
-o-transform:translate(200px);
-o-transition-timing-function: ease;
-o-transition-duration: 2s;
transform:translate(200px);
transition-timing-function: ease;
transition-duration: 2s;
display:block;
width: 200px;
}


#ad2
{
position: realtive;
margin-left:auto;
margin-right:auto;
width: 200px;
height: 450px;
background-image:url('images/ad2_1.jpg');
background-position:center center;
background-repeat:no-repeat;
padding: 0px;
margin: 0px;
display:block
}








/*----- FOOTER -----*/







#footwrapper{
position: realtive;
margin-left:auto;
margin-right:auto;
width: 980px;
height: auto;
margin-top: 0px;
}


#leftfoot{
position: realtive;
margin-left:auto;
margin-right:auto;
width: 23%;
height: auto;
float: left;
font-size: .9em;
font-weight: normal;
color: #ffffff;
padding: 2%;
padding-top: 5px;
padding-bottom: 5px;
}

#rightfoot{
position: realtive;
margin-left:auto;
margin-right:auto;
width: 23%;
height: auto;
float: right;
font-size: .9em;
font-weight: normal;
color: #ffffff;
padding: 2%;
padding-top: 5px;
padding-bottom: 5px;
}

#midfoot{
position: realtive;
margin-left:auto;
margin-right:auto;
margin-top: 0px;
width: 54%;
height: auto;
font-size: .9em;
font-weight: normal;
color: #ffffff;
padding: 0%;
padding-top: 5px;
padding-bottom: 5px;
}



#midleftfoot{
position: realtive;
margin-left:auto;
margin-right:auto;
width: 23%;
height: auto;
float: left;
font-weight: normal;
color: #ffffff;
padding: 2%;
padding-top: 0px;
padding-bottom: 5px;
}

#midrightfoot{
position: realtive;
margin-left:auto;
margin-right:auto;
width: 53%;
height: auto;
float: right;
font-weight: normal;
color: #ffffff;
padding: 2%;
padding-top: 0px;
padding-bottom: 5px;
}


#submit{
background-color: #999999;
font-family: TitilliumText25L400wt;
color: #ffffff;
line-height: 120%;
padding: 5px;
}


.formstyle{
color: #999999;
font-family: TitilliumText25L400wt;
line-height: 120%;
font-style:italic;
padding: 5px; 
}

form{
padding: 10px;
padding-left: 0px;
line-height: 90%;
}



.navigate{
width: 90%;
list-style-position: inside;
list-style-image: url(icons/bullet.png);
line-height: 100%;
padding: 5px;
padding-left: 0px;
padding-top: 0px;
display:block;
float:left;
}



.navigate li a {
color:#ffffff;
font-size: 1.0em;
}

.navigate li a:hover {
color:#ffffff;
}






.footerheads{
font-family: ArsenalRegular;
color: #ffffff;
font-size: 1.3em;
padding-bottom: 20px;
padding-top: 10px;
text-transform:uppercase;
}



#footimagewrap{
position: realtive;
margin-left:auto;
margin-right:auto;
width: 980px;
height: auto;
margin-top: -2px;
}

#footimage{
padding:0px;
margin-bottom: -3px;
}



.advertise{
font-size: .8em;
line-height: 15px;
font-style: italic;
}

.date{
font-size: .8em;
line-height: 19px;
font-style: italic;
}

.italic{
font-style: italic;
}