html,body{margin:0;padding:0}
body{font: 85%/1.3 Verdana,Arial,sans-serif;
    text-align: center;background:#FFFFFF;padding-bottom:20px}
p{margin-top:0}
h1,h2,h3{font: normal normal 200% "Trebuchet MS",Arial,sans-serif}
h2{font-size:160%}
h3{font-size:120%}

div#header{width:100%;overflow:hidden;
	border-width: 1px 0px 1px 0px;
	border-style: solid;
	border-color :#4A89B0;
	background-image: url( ../images/bg_blue_bar.gif );
  	background-repeat: repeat-y;
  	background-color: #95c2dd;}

h2 a , h2 a:visited{color:#1A558F;}
	
h3 a , h3 a:visited{color:yellow;}
h3 a:hover{
	background-color:white;
	color:#1A558F;
}

div#header h1,div#menu{width:800px;margin:0 auto;text-align:left}
div#header h1{padding: 5px 0 5px;color: #FFF}

ul#nav,ul#nav li{list-style-type:none;margin:1px;padding:0}
ul#nav{float:right;font-size: 80%}
ul#nav li{float:left;margin-left: 3px;text-align: center}
ul#nav a{float:left;width: 100px;padding: 1px 0;background: #4F839F;text-decoration:none;color: #FFC}
ul#nav a:hover{background: #77929F;color: #FFF}
ul#nav li.activelink a{background: #1A558F;color: #fff}
ul#nav li.activelink a:hover{background: #84DF29;color: #003}

div#container{width:800px;margin:10px auto 10px;padding:10px 0 15px;text-align:left;background:#FFF}
div#content{width:100%;margin:0 0 5px 10px}


ul#intro,ul#intro li{list-style-type:none;margin:0;padding:0;}
ul#intro{width:100%;overflow:hidden;margin-bottom:5px}
ul#intro li{float:left;width:270px; height:150px; margin-right:10px;margin-bottom:5px;padding: 10px 0}
li#tryit{background: #1A558F}
li#forum{background: #84DF29}
ul#intro p,ul#intro h3{margin:0;padding: 0 10px; color:white}
ul#intro h3{text-transform:uppercase;padding-bottom:3px;color: yellow;font-weight:bold}

div#content h2{margin: 2px 0;color: #007BC4;}
div.date{float:left;width: 4em;padding: 5px 0;background: #F1DDC4;color:#B0001E;
    text-align:center;margin: 0 4px 4px 0;font-size: 80%;line-height:0.9}
div.date span{display:block;font-size: 150%;font-weight:bold}

div.comments div{background: #EEE;margin:10px;padding:0px 10px;}
div.comments p{padding: 10px;margin:0 ; }
div.comments div.odd{padding:5px;background:#DAE6FE;text-align:left;}

div#side{position:absolute;left:0;width: 160px;background:#8FC2FF; margin:8px 10px 10px 10px; padding:10px;}
div#side p{margin:5px 0 10px;padding: 0 10px}
div#side div{margin: 0 0 10px;padding: 10px 0 ; text-align:center}

div#news{position:absolute;left:0;top:200;width: 200px;background:#FFFFFF; margin:8px 10px 10px 10px; padding:10px;}
div#news p{margin:5px 0 10px;padding: 0 10px}
div#news div{margin: 0 0 10px;padding: 10px 0 ; text-align:center}

div#footer{clear:both;width:100%;margin:0 10px 5px 0px;padding: 10px 0;
    background: #586695;color: #FFF;text-align:center}
div#footer p{margin:0}