* { margin: 0; padding: 0; }
body { background: #181e24 url(images/bg.jpg) repeat; font: 0.8em Verdana, Arial, sans-serif;  margin: 0 auto; color: #a3cde1; }
ul li { list-style-type: none; }
.clearfloat {clear: both; height: 0; font-size: 1px; line-height: 0px;}
a img { border: none; }
a {text-decoration: none;}
a:hover {text-decoration: underline; }

#header_content, #footer_content, .content, #pages, .toplists, .topfree, .toplists_banner {width: 979px; margin: 0px auto; position: relative; z-index: 2; } 
#header { background: url(images/bg_header.jpg) top repeat-x; }
#header_left {background: url(images/head_left.jpg) left no-repeat; }
#header_right {background: url(images/head_right.jpg) right no-repeat; height: 162px; }
#header_desc {width: 490px; position: relative; margin-left: 490px; font-size: 0.9em; text-align: center; line-height: 1.4em; font-weight: bold; }

#pages a, #pages a:hover, #header_desc, .content_right h3, #pages span { color: #e4f0f6; }
#pages {	width: 470px; position: relative;  top: 14px;}
#pages span {display: block; float: left; margin-right: 11px; padding-top: 1px; }
#pages a {display: block; float: left; width: 28px; height: 21px; background: url(images/pages_bg.jpg) no-repeat; text-align: center; padding-top: 2px; }
#pages a:hover { text-decoration: underline; color: #ffea00;}

#footer { background: url(images/bg_footer.jpg) bottom repeat-x; }
#footer a { color: #b9e9ff; }
#footer_left {background: url(images/footer_left.jpg) left bottom no-repeat;}
#footer_right {background: url(images/footer_right.jpg) right bottom no-repeat; height: 103px; }
#footer_right p { font-size: 0.85em;  color: #b9e9ff; line-height: 1.4em; font-style: italic; padding-left: 140px; width: 750px; text-align: center; }
#footer_right p a, #footer_right p a:link  {  text-align: center; color: #b9e9ff; line-height: 1.4em; font-style: italic; margin-top: 20px; font-weight: bold; }

.toplists ul {width: 320px; float: left; height: 147px; background: url(images/bg_link.jpg) no-repeat; margin: 20px 0 14px 0; text-align: center; }
.toplists li { padding-top: 30px;  padding-bottom: 3px; margin: 0 16px 0 56px;}
.toplists li p, .toplists_banner li p { font-size: 0.8em; color: #b9e9ff; font-weight: bold; }
.toplists a, .toplists a:link, .toplists_banner a, .toplists_banner a:link {color: #0ac3eb; font-size: 1.6em; font-weight: bold; text-decoration: none; text-transform: uppercase; }
.toplists a:hover, .toplists_banner a:hover  {color: #ffea00; text-decoration: underline;}

.toplists_banner { margin-top: 34px; margin-bottom: 34px; }
.toplists_banner ul {float: left; text-align: center; }
.toplists_banner li { margin-bottom: 10px; }
.top_1, .top_3 { width: 250px; }
.top_3 li a { font-size: 1.7em; padding-left: 10px; }

.topfree ul {width: 240px; float: left; margin-bottom: 30px;}
.topfree li { background: url(images/arrow.gif) 0px 1px no-repeat; padding-left: 26px; line-height: 1.5em; }
.topfree a, .topfree a:link {color: #a3cde1; font-size: 1.6em; font-weight: bold; text-decoration: none; }
.topfree a:hover {color: #ffea00; text-decoration: underline;}
.topfree_evomedia { display: none; }
.content { z-index: 1;}
.content_right { width: 142px; float: right; position: relative;  background: url(images/bg_right.jpg) repeat; }
.content_right h3 { background: url(images/top_right.jpg) top no-repeat; height: 60px; padding: 7px 3px 0; text-align: center; font-size: 1.5em; text-transform: uppercase; }
.content_right ul { padding: 7px 3px 4px 3px; margin-top: -17px;}
.content_right li a { background: url(images/arrow_right.jpg) 0px 3px no-repeat; padding-left: 18px; line-height: 1.3em; }
.content_right a, .content_right a:link {	color: #e4f0f6; text-decoration: none; }
.content_right a:hover {color: #ffea00; }
.content_left {  margin-right: 142px; position: relative; }
.content_left a img, .content_left a:link img { display: inline; border: 1px solid #56616d; margin: 0 1px 1px 1px; }
.content_left a:hover img {border: 1px dashed #56616d; }

#lists {width: 488px; height: 35px; margin-bottom: 10px; z-index: 500; margin-left: 4px;} 
#lists li { padding-top: 8px; padding-bottom: 20px; float:left; margin: 0 4px; }
#lists li a.tl {width:117px; height:35px; color: #e4f0f6; font-weight: bold; font-size: 1.2em; text-transform: uppercase; font-family: Arial, Helvetica, sans-serif; font-weight: bold; text-decoration: underline; }
#lists li a.color, #lists li a:hover { color: #ffea00; }
#lists div {display:none;}
.pos1 { z-index: 10; } 
#lists li a:hover {text-decoration:underline; white-space:normal; background-position:130px 15px;}
#lists li:hover > a {text-decoration:underline; white-space:normal; background-position:130px 15px;}
#lists :hover div {display:block; width:488px; background:#2479a1; position:absolute; left:0; top:35px; border:1px solid #081420; padding-bottom:10px;}
#lists :hover div dl {display:inline; padding:0; margin: 5px; float:left; width:150px;}
#lists :hover div dl dd { margin-left: 5px; border-bottom: 1px dotted #4f97ac;}
#lists :hover div dd a {display:block; text-decoration:none; font-size:0.95em; color:#e4f0f6; text-align: left; }
#lists :hover div dd a:hover {text-decoration:underline;}