@charset "utf-8";
.fltlt {float: left;}
.fltrt {float: right;}

body {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	background: #3e87c9 url(img/bg.gif) repeat;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 30px 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #000000;
}
#container {
	width: 1000px;  
	background: #FFFFFF;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	border: 10px solid #000000;
	text-align: left; /* this overrides the text-align: center on the body element. */
}


#header {
	position: relative;
	height: 250px;
	background: url(img/head-bg.gif) repeat-x; 
	padding: 0 20px 0 300px; 
}
#header img.headlogo{
	position: absolute;
	left: 20px;
	top: 20px;
}
#header h1 {
	margin: 0; 
	padding: 15px 0;
	text-align: center;
	font-size:56px;
}
#header #menu {
	position: absolute;
	top: 175px;
	right: 50px;
	height: 50px;
	line-height: 50px;
	vertical-align: middle;
	background:#505569 url(img/head-menu-bg.gif) repeat-x;
	padding: 0px;
	border: 1px solid #FFF;
}
#header #menu ul {
	padding: 0px;
	margin: 0px;
	height: 40px;
}
#header #menu ul li{
	display: inline;
	font-size: 24px;
	color: #FFF;
	padding: 10px;
	background: url(img/head-menu-divider.gif) left center no-repeat;
}
#header #menu ul li.first{
	background: none;
}


#scroller {
	height: 29px;
	width: 1000px;
	position: relative;
    overflow:hidden; 
	background: #000 url(img/scroller-bg.gif) repeat-x;
	color: #FFF;
}
#scroller div.items { 
    /* this cannot be too large */ 
    width:20000em; 
    position:absolute; 
} 
#scroller p {
	float: left;
	min-width: 1000px;
	height: 29px;
	background: url(img/scroller-divider.gif) no-repeat left;
	padding: 0px;
	margin: 0px;
	padding-left: 40px;
	line-height: 29px;
	vertical-align: middle;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:20px;
	color: #f8e45c;
}



#mainContent {
	padding: 0 20px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	background: #FFFFFF;
}




#footer {
	position: relative;
	width: 100%;
	height: 60px;
}
#footer #links {
	width: 980px;
	margin: 0 auto;
	background-color:#d1d1f6;
	border-bottom: 2px solid #000;
	height: 20px;
}
#footer #links ul li{
	padding: 0;
	margin: 0;
}
#footer #links ul li{
	font-family:"Times New Roman", Times, serif;
	font-size: 14px;
	font-weight: bold;
	color: #000066;
	padding: 0 6px;
	border-left: 5px solid #B5B5F0;
	display: inline;
}
#footer #links ul li.first{
	border: none;
}
#footer p{
	text-align: center;
	padding: 0px;
	margin: 0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color:#000066;
}
#footer p.left{
	position: absolute;
	top: 24px;
	left: 20px;
	text-align: left;
}
#footer p.right{
	position: absolute;
	top: 24px;
	right: 20px;
	text-align: right;
}
#footer p.bottom{
	position: absolute;
	top: 42px;
	width: 100%;
	text-align: center;
}



/*Corner radius */
#container{ -moz-border-radius: 45px; -webkit-border-radius: 45px; }
#header{ -moz-border-radius-topleft: 35px; -moz-border-radius-topright: 35px; -webkit-border-top-left-radius: 35px; -webkit-border-top-right-radius: 35px; }
/*#footer{ -moz-border-radius-bottomleft: 40px; -moz-border-radius-bottomright: 40px; -webkit-border-bottom-left-radius: 40px; -webkit-border-bottom-right-radius: 40px; }*/