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

/* mac hide\*/
html, body {height:100%}
/* end hide */

* {
	padding : 0;
	margin : 0;
	border : 0;
	}


body {
	text-align:center;
	font-family: "trebuchet ms", arial, helvetica, sans-serif;
	font-size:14px;
	background: #263f8f;
	margin:0 auto;
	min-width:800px;/* for mozilla*/
	 	
}

#container{
	text-align:left;
	width:800px;
	margin:15px auto;
	position:relative;
	border:#000 solid 5px;
	background:#e0368e;
	}

#menu { 
	background:#e0368e;

} 

#menu ul { 
	text-align: center; /* We are using text-align: center on ul to horizontally align our menu to the page. If you want the menu aligned left or right just change text-align to either left or right */ 
	font-size:18px;
	margin: 0 0 3px 0; /* Just some margin to align the blue border below the menu */ 
}
 
#menu li { 
	display: inline; /* Menu links are horizontally aligned using display: inline */ 
}
 
#menu li a { 
	padding: 7px 30px 6px 10px; /* Display: block won't work in this example, instead we are using padding to make the whole tab a clickable link */ 
	color: #fff; 
	text-decoration: none; 
	font-weight: bold; 

}
 
#menu li a:hover { 
	color: #263f8f;
}
 
#menu li a span { 
padding: 7px 10px 6px 0; 
 
}

#main {
	padding:5px;
	background:#e0368e;
	
	}
	
#countbox {
	font-size:28px;
	color:#ff0000;
	font-weight:bold;
	background-color:#FFFFFF;
	border:solid 4px #000000;
	padding:5px;
	}
	
#left {
	width:580px;
	float:left;
	}
	
#right {
	width:200px;
	float:right;
	background:#fff;
	height:1250px;
	text-align:left;
	}
	
#tagline {
	width: 790px;
	clear:both;
	margin-left: auto ;
 	margin-right: auto ;
	padding: 5px;
	font-size:16px;
	text-align:center;
	color:#fff;
	background:#e0368e;}
	
#footer {
	width: 790px;
	clear:both;
	margin-left: auto ;
 	margin-right: auto ;
	padding: 5px;
	font-size:22px;
	font-weight:bold;
	text-align:center;
	color:#fff;
	background:#e0368e;}
	
#footer1 {
	width: 790px;
	clear:both;
	margin-left: auto ;
 	margin-right: auto ;
	padding: 5px;
	font-size:14px;
	font-weight:bold;
	text-align:center;
	color:#fff;
	background:#e0368e;}
	
#footer2 {
	width: 790px;
	margin-left: auto ;
 	margin-right: auto ;
	padding: 5px;
	font-family: 'Lucida Grande', 'Lucida Sans Unicode', Verdana, sans-serif;
	font-variant:small-caps;
	font-size: 10px ;
	text-align: right;
	color:#FFFFFF;
}

#footer2 a {
	color:#000;
}

#footer3 {
	width: 790px;
	margin-left: auto ;
 	margin-right: auto ;
	padding: 5px;
	font-family: 'Lucida Grande', 'Lucida Sans Unicode', Verdana, sans-serif;
	font-variant:small-caps;
	font-size: 10px ;
	text-align: center;
	color:#FFFFFF;
}

h2 {
	color:#000;
	}

h3 {
	color:#fff
	}
	
li{margin-left:0px;} 

#nav {
	margin: 0;
	padding: 0 0 0 1em;
}

a:link {
	color:#fff;
	}
	
a:visited {
	color:#fff;
	}