* {
	padding:0;
	margin: 0;
} 

body {
	margin:0;
	padding: 0;
	background:#CCCCCC;
	font: 13px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #333333;
}

.tos
{
	float:right;
	padding:10px;
	width:300px;
	margin:10px;
	border: 1px solid #f5f5f5;
	font-size:12px;
	
}

h1,h2,h3,p,li,ul,ol{padding-left:10px;}

textarea{
white-space:normal;
width:200px;
height:70px;
overflow:hidden;
}

#container
{
	position: relative;
	margin:0px auto;
	width:1024px;
	background:white;

}

#header {
	margin:auto;	
	height: 100px;
	width: 1024px;
	background:url(images/header.png) no-repeat;
}

#slider {
  width: 540px;
  margin: 0 auto;
 
  position: relative;
}

#shade {
    background: #EDEDEC url(images/shade.jpg) repeat-x 0 0;
	margin:auto;
	width:530px;
    height: 40px;
}


ul.navigation {
    list-style: none;
    margin: 0;
    padding: 0;
    padding-bottom: 9px;
}

ul.navigation li {
    display: inline;
    margin-right: 0px;
}

ul.navigation a {
    padding: 20px;
    color: #0b4197;
	font-weight:bold;
    text-decoration: none;
}

ul.navigation a:hover {
    background-color: #d0dafd;
}

ul.navigation a.selected {
    background-color: #eff3ff;
}

ul.navigation a:focus {
    outline: none;
}



.scroll {
  height: 400px;
  overflow: auto;
  position: relative; /* fix for IE to respect overflow */
  clear: left;
  background: #FFFFFF url(images/content_pane-gradient.gif) repeat-x scroll left bottom;
}

.scrollContainer div.panel {
  padding:20px;
  padding-left:50px;
  height: 360px;
  width: 520px; /* change to 560px if not using JS to remove rh.scroll */
  background:#eff3ff;	
  
}

.scrollContainer div.panel h2{padding-left:0px;color:#1e3390;}
.scrollContainer div.panel p{padding-left:0px;color:#1e3390;}
.scrollContainer div.panel li{color:#000000;font-size:11px;text-transform:uppercase;
list-style-type:decimal-leading-zero;
}
.scrollContainer div.panel a:hover{color:#1e3390;}

.scrollButtons {
  position: absolute;
  top: 150px;
  cursor: pointer;
}

.scrollButtons.left {
  left: -20px;
}

.scrollButtons.right {
  right: -20px;
}

.col_right
{
	float:right;
	width:150px;
	padding:10px;
	background:#FFFFFF;
}

.col_left
{
	float:left;
	background:white;	
	width:230px;
	left:0px;
	padding-top:10px;

}

.content {
	float:left;
	margin-left:20px;
	width: 588px;
        min-height:650px;
	border-left: 1px solid #cccccc;border-right: 1px solid #cccccc;


}

ol
{
padding-left:40px;

}

.content p{
	position:relative;
	padding:10px;
	}
.content ul{
	padding:20px 20px 10px 0px;
	}
	
.sites{
	padding:0px;
	}
	
.content h1{
	position:relative;
	padding:10px;
	color:black;
	font:Arial, Helvetica, sans-serif;
	font-size:24px;
	font-weight:900;
}

.content a{
	position:relative;
	color:black;
	text-decoration:none;
}

.content form
{
	padding:10px;
}


.menu {
	float:left;
	background:#7b828a;
	color:white;
	margin-top:78px;
	border: 1px solid #cccccc;
	margin-left:240px;
	height:20px;
}
.menu a{
margin:2px;
font:Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:14px;
padding:0px;color:white;text-decoration:none;}
.menu a:hover{color:white;text-decoration:none;}
.menu a:visited{color:white;text-decoration:none;}

.menu_lang {
	float:right;
	margin:0px;
	background:#ffffff;
	color:white;
	height:27px; 
	width: 60px;
}

.box
{
	margin:auto;
	color:#999999;
	width:200px;
	border: 1px solid #cccccc;
	background:url(images/tb_blue.png) no-repeat #f7f7f7;

}

.box form
{
	padding:10px;
}


.box h2
{
	padding-left:10px;
	font-size: 12px;
}

.box h3
{	
	height:41px;
	color:white;
	text-transform:uppercase;
	font:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:16px;
	padding-top:10px;
	padding-left:35px;
}



.box p
{
	position:relative;
	background:#f7f7f7;
	color:#999999;
	width:180px;
	margin:auto;
	padding:auto;
	padding-bottom:10px;
}

.box img
{
	align:center;
	position:relative;
	margin:auto;
	
}

#info {
	width: 588px;
	height:68px;
	clear:left;
}
#info.stats {background:url(images/stats.png) no-repeat;}
#info.other{background:url(images/other.png) no-repeat;}
#info.surf {background:url(images/surf.png) no-repeat;}

#info h1{
color:white;
text-transform:uppercase;
padding-right:70px;
text-align:right;
padding-top:5px;
font:Arial, Helvetica, sans-serif;
font-size:16px;
font-weight:bold;
}

#info p{
float:left;
color:black;text-align:left;
padding-top:5px;
padding-left:10px;
font:Arial, Helvetica, sans-serif;
font-size:16px;
font-weight:bold;
}


.link_style{font-size: 12px}
.cat_style {color: #ffffff;font-weight: bold;}

.ads-top {
	float:left;
	margin-left:0px;
	color:#FF0000;
	height:60px;
	width:468px;
}

.ads-right {
	color:white;
	margin:auto;
	width:160px;
}

#footer {
	margin:auto;
	width: 1024px;
	height:50px;
	background:url(images/footer.png) no-repeat;	

	clear:both;
}

#footer p{
	padding:10px;
	padding-top:30px;	
	text-shadow:#000000;
	text-align:right;
	color:#ffffff;
}
