@charset "utf-8";
/* CSS Document */

@font-face				{font-family: myFirstFont;
						 src: url('font/amienne_-webfont.ttf'),
     						  url('font/amienne_-webfont.eot'); /* IE9 */
						}

#body					{background-color: #201e57;
						}
						
#container 				{width: 1000px;
						 margin: 0 auto;
						}
		
#header 				{width: 1000px;
						 height: 300px;
						}

#nav					{width: 1000px;
						 height: 50px;
						}

#content				{width: 1000px;
						 margin: 0 auto;
						 background-color: #08477b;
						 color: #CCC;
						 /*#2c587b;*/
						 font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
						}
						
#main					{width:645px;
						 height: 382px;
						 padding: 20px;
						 background-color: #08477b;
						 color: #CCC;
						 margin: 0 auto;
						 font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
						 float: left;
						}						

#search					{width: 960px;
						 padding: 20px;
						 background-color: #08477b;
						 color: #CCC;
						 margin: 0 auto;
						 font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
						 
						}

#rightnav				{width: 300px;
						 height: 407px;
						 background-color: #08477b;
						 magin: 0 auto;
						 float: left;
						 padding-right: 15px;
						 padding-top: 15px;
						 padding-buttom: 15px;
						}
						
#footer					{width: 1000px;
						 height: 30px;
						 padding-top:20px;
						 text-align: center;
						 color: #F09;
						 font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
						 font-size:11px;
						}

h1						{font-family: myFirstFont;
						 font-size: 48px;
						 font-weight: normal;
						 margin: 0px;
						 color: #FF0;
						 
						}
						
h2						{font-family: myFirstFont;
						 font-size:30px;
						 font-weight: normal;
						 margin: 0px;
						 color: #FF0;
						}						

h3						{font-family: myFirstFont;
						 font-size:28px;
						 font-weight: normal;
						 margin: 0px;
						 color: #FF0;
						 display: inline; /*Displays the header on the same line instead of on its own*/
						}
				

p.afterheading			{margin-top: 0px;
						 margin-bottom: 15px;
						}

a:link 					{color:#ec008c;
						 text-decoration: none;
						}    /* unvisited link */
						
a:visited 				{color:#00FF00;
						 text-decoration: none;
						} 	/* visited link */
						
a:hover 				{color:#FF00FF;
						 text-decoration: none;
						}   	/* mouse over link */

a:active 				{color:#fff200;
						text-decoration: none;
						}  	/* selected link */


a.rollover-home {
	display: block;
	width: 171px;
	height: 50px;
	text-decoration: non;
	background: url('buttons/home.jpg');
	}

a.rollover-home:hover {
	background-position: -171px 0;
	background: url('buttons/hoover/Home.jpg');
	}

a.rollover-about {
	display: block;
	width: 167px;
	height: 50px;
	text-decoration: none;
	background: url('buttons/about.jpg');
	}

a.rollover-about:hover {
	background-position: -167px 0;
	background: url('buttons/hoover/about.jpg');
	}

a.rollover-tips {
	display: block;
	width: 172px;
	height: 50px;
	text-decoration: none;
	background: url('buttons/tips.jpg');
	}

a.rollover-tips:hover {
	background-position: -172px 0;
	background: url('buttons/hoover/tips.jpg');
	}

a.rollover-search {
	display: block;
	width: 162px;
	height: 50px;
	text-decoration: none;
	background: url('buttons/search.jpg');
	}

a.rollover-search:hover {
	background-position: -162px 0;
	background: url('buttons/hoover/search.jpg');
	}

a.rollover-signin {
	display: block;
	width: 165px;
	height: 50px;
	text-decoration: none;
	background: url('buttons/signin.jpg');
	}

a.rollover-signin:hover {
	background-position: -206px 0;
	background: url('buttons/hoover/signin.jpg');
	}
	
a.rollover-logout {
	display: block;
	width: 163px;
	height: 50px;
	text-decoration: none;
	background: url('buttons/logout.jpg');
	}

a.rollover-logout:hover {
	background-position: -163px 0;
	background: url('buttons/hoover/logout.jpg');
	}	

.displace {
	position: absolute;
	left: -5000px;
	}