/* CSS Document */

body {background-color:#e2e2d3; background-image:url(main/bg.jpg); background-repeat:repeat-x; font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 70%; margin: 0;}

#macro {width:780px; margin-left:auto; margin-right:auto;}

#header {margin-left:auto; margin-right: auto; width:780px; background-image:url(main/rays.jpg); background-repeat:no-repeat; background-position:center;}

#container {width: 760px; background-color:#FFF; border-width: 0 1px 1px; border-style:solid; border-color:#b4b4b4; padding: 10px;}

#topnav {width: 782px; height: 40px; background-image:url(main/top.gif); background-repeat:no-repeat; background-color:#FFF;}
ul#menu{width: 525px; list-style:none; margin: 0; padding: 0; padding-top: 20px; margin-left:auto; margin-right:auto;}
ul#menu li {display: inline; padding-right:46px;}
ul#menu a:link, ul#menu a:visited {text-decoration:none; color:#C00;}
ul#menu a:hover {background-color:#C00; color:#FFF;}

#footer {width:720px; height: 50px; margin-left:auto; margin-right:auto; padding: 20px; font-size:.9em; color: #999; border-top:1px solid #ccc;}
#footer a:link, #footer a:visited {color:#999;}
#footer img {float:left;}
#footer p {float:right; color:#666;}

ul#leftmenu {list-style:none; margin:0; padding:0;}
ul#leftmenu li {height: 20px; width: 153px; background-image:url(main/hdot.gif); background-repeat:no-repeat; background-position:bottom; padding-top: 5px;}
ul#leftmenu a:visited, ul#leftmenu a:link {color:#000; text-decoration:none;}
ul#leftmenu a:hover {color:#C00; text-decoration:underline;}

#main {margin-left: 180px; padding: 0;}

#navigation {position:absolute; top: 10px; left: 0; width: 170px; background-image:url(main/leftmenu_bg.gif); background-repeat:repeat-y;}

.community {width: 137px; padding: 8px; color:#FFF; font-size: 1.1em; font-family:MS Sans Serif, Arial, Helvetica, sans-serif; font-weight: bold; background-color:#4d6392; margin-bottom: 8px;}

#wrapper {position:relative; padding: 10px 0 0 0; width: 760px; background-color:#FFF;}

.featuresTitle {width: 564px; padding: 8px; color:#FFF; font-size: 1.1em; font-family:MS Sans Serif, Arial, Helvetica, sans-serif; font-weight: bold; background-color:#8597BB; margin-bottom: 8px;}

#features {width: 580px; color:#666; line-height:1.4em; margin-bottom: 20px;}
#features a:link, #features a:visited {color:#06C; font-size: 1.4em; font-family:Georgia, "Times New Roman", Times, serif; text-decoration:none; font-weight:bold; padding: 8px 0;}
#features a:hover {color:#F60; text-decoration:underline;}
#leftfeature {float: left; width: 283px;}
#rightfeature {float: right; margin-right: 0; width: 283px;}

#leftsidebar {width: 165px; background-color:#C00;}
#leftsidebar p {padding: 5px; font-size: .9em; color:#FFC; margin: 0;}


#story {list-style-type:none; width: 581px; margin:0; padding:0;}
#story  li {float: left; margin-right: 12px; margin-bottom: 15px; font-size: .9em; width: 283px; color:#666;}
#story  img {display: block;}
#story  a:link, #story  a:visited {color:#06C; font-size: 1.4em; font-family:Georgia, "Times New Roman", Times, serif; text-decoration:none; font-weight:bold; padding: 8px 0;}
#story  a:hover {color:#F60; text-decoration:underline;}

.disclaimer {font-size: .9em; color:#999;}

.border {border: 1px solid; border-color:#999;}

ul#rss li {margin-bottom: 8px;}
ul#rss a {color:#06C; text-decoration:none;}
ul#rss a:hover {color:#C00; text-decoration: underline;}

