/* UNIVERSAL STYLES
================================================================================*/

html, body{
	padding:0;
	margin:0;
	background-color:#1f4c6b;
	background-image:url(../bggradient.jpg);
	background-repeat: repeat-x;
	font:normal 12px Arial, Helvetica, sans-serif;
	color:#1f4e87;
	}
	
/*fixing firefox outline*/

a:active{
	outline:none;
	}

:focus{
	outline:none;
	}
	
img, form{
	padding:0;
	margin:0;
	border:none;
	}
	
	
	
	
	
	
	
/* NAVIGATION STYLES
================================================================================*/

#header ul{
	padding:78px 0 0 150px;
	margin:0;
	list-style:none;
	line-height:100%;
	}
	
#header ul li{
	padding:0 0 0 48px;
	margin:0;
	font:bold 14px Arial, Helvetica, sans-serif;
	display:inline;
	}
	
#header ul li a:link, #header ul li a:visited{
	color:#143044;
	text-decoration:none;
	}
	
#header ul li a:hover{
	color:#1271c5;
	}






/*TEXT STYLES
================================================================================*/

h1{
	padding:0 0 8px 0;
	margin:0;
	line-height:100%;
	color:#1f4e87;
	font:normal 24px Arial, Helvetica, sans-serif;
	}

a.links:link {color: #1f4e87; text-decoration: none; font-weight: bold;}
a.links:visited {color:#1f4e87; text-decoration: none; font-weight: bold;}
a.links:hover {color: #1f4e87; text-decoration: underline; font-weight: bold;}
a.links:active {color: #1f4e87; font-weight: bold;} 

	
/* LAYOUT STYLES
================================================================================*/

#main {
	background:url(../images/bg.png) repeat-y;
	margin:0 auto;
	width:889px;
}

#container{
	padding:0;
	margin:0 auto 0 auto;
	width:852px;
	}
	
#header{
	background:url(../../images/header_bg.jpg) no-repeat 0 0;
	width:852px;
	height:140px;
	}
	
#header p{
	padding:12px 16px 0 0;
	margin:0;
	color:#0670bc;
	line-height:100%;
	text-align:right;
	font:bold 18px Arial, Helvetica, sans-serif;
	}
	
#bodyarea{
	width:852px;
	}
	
#bodyarea_upper{
	padding:8px 11px 0 11px;
	width:830px;
	background:url(../../images/upper_bg.jpg) repeat-y 0 0;
	}
	
.cleardiv{
	clear:both;
	font-size:0;
	}
	
#upper_left{
	float:left;
	width:548px;
	}
	
	
#upper_left p{
	padding:8px 0 8px 0;
	margin:0;
	line-height:140%;
	}
	
	#middle{
	float:left;
	width:830px;
	}
	
	
#middle p{
	padding:8px 0 8px 0;
	margin:0;
	line-height:140%;
	}
	
#upper_right{
	float:right;
	width:255px;
	border:7px solid #fff;
	}	
	
#bodyarea_middle{
	width:852px;
	background:url(../../images/row_bg.jpg) repeat-y 0 0;
	font-size:11px;
	}	
	
#middle_left{
	float:left;
	width:250px;
	background:url(../../images/giant.jpg) no-repeat 0 0;
	padding:284px 8px 4px 22px;
	}
	
#middle_middle{
	float:left;
	background:url(../../images/super.jpg) no-repeat 0 0;
	width:250px;
	padding:284px 8px 4px 22px;
	line-height:120%;
	}
	
#middle_right{
	float:left;
	background:url(../../images/kids.jpg) no-repeat 0 0;
	width:234px;
	padding:284px 26px 4px 32px;
	line-height:120%;
	}

#middle_bottom{
	background:url(../../images/row_bottom.jpg) no-repeat 0 0;
	width:852px;
	height:5px;
	font-size:0;
	line-height:120%;
	}	
	
#bodyarea_bottom{
	background-color:#bac6d8;
	padding:14px 30px 10px 14px;
	width:808px;
	}
	
#bodyarea_bottom p{
	padding:0 0 14px 0;
	margin:0;
	color:#1f4e87;
	font:normal 11px Arial, Helvetica, sans-serif;
	line-height:110%;
	}
	
#footer{
	background-color:#d7e0ec;
	padding:16px 37px 16px 37px;
	width:778px;
	text-align:center;
	}
	
#footer ul{
	padding:0;
	margin:0;
	list-style:none;
	line-height:100%;
	font:normal 11px Arial, Helvetica, sans-serif;
	color:#143044
	}
	
#footer ul li{
	padding:0;
	margin:0;
	display:inline;
	}
	
#footer ul li em{
	padding:0 3px 0 5px;
	}
	
#footer ul li a:link, #footer ul li a:visited{
	text-decoration:none;
	color:#143044;
	}
	
#footer ul li a:hover{
	text-decoration:underline;
	}
	
	
#intro{
	padding:80px 0 0 0;
	text-align:center;
	}