/*  

Based on J. David Macor's Deliciously Blue Theme, which was itself based on a design by N. Design Studio.

	The CSS, XHTML and design is released under Creative Commons Attribution 2.5:
	http://creativecommons.org/licenses/by/2.5/

*/

body {

font: 75%/150% "Trebuchet MS", Tahoma, Arial; 
color: #666666; 
background: #272425; 
margin: 0px; 
padding: 0px 0px 30px;

}

a {

color: #6DA6E2; 
text-decoration: none;

}

a:visited {

color: #6DA6E2; 
text-decoration: none;

}

a:hover {

color: #3173AA; 
text-decoration: underline;

}

img {border: none;}

p {

padding: 0px 0px 15px; 
margin: 0px; 
line-height: 1.8em;

}

h1 {

margin:0px;
padding-left: 0px;
font: bold 36px/100% "Trebuchet MS", Arial, Helvetica, sans-serif;
color: #666666;

}

h1 a, h1 a:visited{color: #6DA6E2; text-decoration: none;}

h1 a:hover{color: #3A75B6; text-decoration: none;}

h2 {color: #666666; margin: 0px 0px 2px; border-bottom: 1px dotted #CCCCCC; letter-spacing: -1px; font: normal 190%/100% "Trebuchet MS", Tahoma, Arial; padding-bottom: 3px;}

h2 a, h2 a:visited {color: #666666; text-decoration: none;}

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

h3 {font: normal 140%/100% "Trebuchet MS", Tahoma, Arial; color: #2763A5; margin: 10px 0px 5px;}

h4 {font: normal 130%/100% "Trebuchet MS", Tahoma, Arial; color: #2763A5; margin: 10px 0px 5px;}

#page {

margin: 0px auto; 
width: 760px;

}

/********** HEADER AREA **********/

#header {

position: relative;
height: 285px;
border-bottom: 4px solid #A81E2F;
	
}

#headerimg {

position: relative;
height: 200px;
padding: 30px 10px 10px 0px;
background: #242527 url(images/logo.gif) no-repeat bottom left;
text-indent:-9999px;
}

#header .description{

position: absolute; 
left: 230px; 
top: 35px; 
width: 70%;
color: #999999; 
font-size: 140%; 
line-height:145%;}

/********** NAVIGATION **********/

#nav {

list-style: none; 
margin: 0px;
padding-left: 10%; 
position: absolute; 
bottom: 0px;

}

#nav li {

float: left;
margin-left: 5px;

}

#nav .current_page_item a, #nav .current_page_item a:visited{

color: #FFFFFF;
text-decoration: none;

}

#nav .page_item a{

color: #DDEBF4;
text-decoration: none;
background: #A81E2F url(images/nav-button-bg2.gif) repeat-x;
padding: 5px 18px;
font: bold 14px/100% Arial, Helvetica, sans-serif;
border-top: 1px solid #A81E2F;
border-left: 1px solid #A81E2F;
border-right: 1px solid #A81E2F;
display: block;

}

#nav .page_item a:hover {color: #FFFFFF; background-image:none;}

.imgreplacement {
  display:-moz-inline-box;
  display:inline-block;
  background:transparent none 0 0 no-repeat;
  text-indent:-3000px;
  font:0/0 Arial;
  overflow:hidden;
  color:rgba(255,255,255,0);
  vertical-align:bottom;
}

#sidebar a.imgreplacement {

  width: 150px;
  height: 122px;

}

#sidebar a:hover {

  background-position: -150px;
  
}

#appbttn {

  background-image: url(images/appbttn2.gif);

}

#consentbttn {

  background-image: url(images/consentbttn2.gif);

}

#rulesbttn {

  background-image: url(images/rulesbttn2.gif);

}

/********** CONTENT AREA **********/

#content {

	padding: 20px 0px 30px 13px;
	float: left;
	width: 70%/*492px*/;
	overflow: hidden;}
	
#content #homepagecontent {

text-align: center;
margin: 0 auto;

}

/********** SIDEBAR **********/

#sidebar {

float: right;
width: 25%;
padding: 20px 0px 20px 20px;

}

#sidebar p {

float: right;
paddind-left: 20px;

}

#sidebar p img {

width: 150px;
heigth: 122px;

}

/********** FOOTER AREA **********/

#footer {

	clear: both;
	background: #A81E2F;
	color: #FFFFFF;
	font-size: 95%;
	line-height: 130%;
	padding-bottom: 10px;

}

#footer a, #footer a:visited {

	color: #ACD7EE;

}

#footer h4 {

	font: normal 146%/100% "Trebuchet MS", Tahoma, Arial;
	color: #9cdbfb;
	margin: 10px 0px 5px;

}

.footer-logo {

	width:220;
	float:left;
	margin: 10px 0px 5px;
    padding-right: 15px;
	padding-left: 15px;
	
}

.footer-contact {

	width:220;
	float:left;
    padding-right: 15px;
	padding-left: 40px;
	
}

.footer-about {

	width: 220px;
	float: right;
	padding-right: 15px;
	padding-left: 15px;

}

/********** CREDITS **********/

#credits {

	margin: 0px auto;
	width: 760px;
	color: #7a9299;
	font-size: 85%;
	line-height: 120%;

}

#credits a, #credit a:visited {

	color: #048db4;

}


/********** ALIGNMENTS **********/

.center {

	text-align: center;

}

img.center, img[align="center"] {

	display: block;
	margin-left: auto;
	margin-right: auto;

}

.alignleft {

	float: left;

}

img.alignleft, img[align="left"] {

	float:left;
	margin: 2px 10px 5px 0px;

}

.alignright {

	float: right;

}

img.alignright, img[align="right"] {

	float:right;
	margin: 2px 0px 5px 10px;

}

.clear {

	clear:both;

}

hr.clear {

	clear:both;
	visibility: hidden;
	margin: 0px;
	padding: 0px;

}