/* LAYOUT - main body of page */
body, html {
	background-color: #7e8481;
	scrollbar-face-color: #fb7806;
	scrollbar-highlight-color:#fb851f; 
	scrollbar-shadow-color: #fd9134;
	scrollbar-arrow-color: #fff; 
	scrollbar-track-color: #ffac5b; 
	font-family:Verdana, Tahoma;
	font-size: 10px;
}	

a{
    color:#0a246a;
    text-decoration:none;
    font-weight:bold;
}

a:hover{
   cursor: pointer;
    cursor: hand;
    text-decoration:underline;
    font-weight:bold;

}

div#wrap {
    width: 808px;
    margin: 0 auto;
    position:relative;
    height:auto;
    background:#fff url(images/page_shadow.gif) repeat-y;
}

div#top_page {
    display:block;
    width: 808px;
    height:30px;
    background:#fff url(images/top_page.gif) no-repeat;
}	

div#bottom_page {
    display:block;
    width: 808px;
    height:30px;
    background:#fff url(images/bottom_page.gif) no-repeat;
}

/* GENERAL */
img {border:none} 

/* LAYOUT - HEADER */
div#header {
    display: block;
    margin:0 auto;
    padding:0;
    background:#fff url(images/header04.jpg) bottom no-repeat;
    width:780px;
    height:230px;
    border-bottom:18px solid #fb7501;
}

div#header #logo {
    position:absolute;
    top:20px;
    left:20px;
    width: 300px;
    height: 95px;
    color: #ea3b06;
    font-family:Myriad, Trebuchet MS;
    font-size:24px;
    font-weight:bold;
    border:0px;
    background: transparent url(images/logo03.jpg) left no-repeat;
    padding-left:100px;
    line-height: 80px;
}

div#header #top {
    position:absolute;
    top:120px;
    left:14px;
    width:780px;
    height:18px;
    background:#fb7501 682px no-repeat;
}

ul#menu {
    position:absolute;
    top: 83px;
    right: 15px;
    margin:0 auto;
    padding: 0;
    width: auto;
    height: 37px;
    list-style:none;
}

ul#menu li {
    position:relative;
    float: left;
    height: 37px;
    width:73px;
    background: url(images/button_off.jpg) no-repeat;
    text-align:center;
}

ul#menu li.active {
    background: url(images/button_on.jpg) no-repeat;
    text-align:center;
    color:#fff;
}

ul#menu li.active a {
    color:#fff;
    font-weight:bold;
}

ul#menu li a {
    display: block;
    float: left;
    font-weight: bold;
    color: #fb7501;
    text-decoration: none;
    width:73px;
    height:37px;
    text-align:center;
    padding-top:12px;
}

ul#menu li a:hover {
    text-decoration:none;
    background: url(images/button_on.jpg) no-repeat;
    width:73px;
    height:37px;
    text-align:center;
    color:#fff;
}
    		
div#sidebar {
	position: absolute;
	top: 279px;
	left: 15px;
	width: 194px;
	min-height:321px !important; 
	background-color:#eaebeb;
	border:0px;
	border-collapse: collapse;
}	

div#sidebar #top_sidebar{
    background: #fff url(images/header_sidebar.jpg) no-repeat;
    width:194px;
    height:22px;
    font-size:10px;
    font-weight:bold;
    color:#fff;
    line-height:22px;
    text-indent:10px;
}

div#sidebar #main_sidebar{
    font-size:10px;
    padding:0px 10px 10px 10px;
}

div#sidebar #main_sidebar p.more{
    text-align:right;
}

div#sidebar #main_sidebar p.more a{
    color:#0a246a;
    font-weight:bold;
    text-decoration:none;
}

div#sidebar #main_sidebar p.more a:hover{
    text-decoration:underline;
    font-weight:bold;
}
        
div#sidebar ul {
    border:1px solid #999;
    font-weight:bolder;
    padding:0px 0px 0px 0px;
    color: #fff;
}
    
div#sidebar ul li.title {
    background:#fd7501 none repeat scroll 0%;
    font-weight: bold;  
    list-style-type:none;
    list-style-image:none;
    color: #fff;
}
    
div#sidebar ul li {
    background:#ffffff none repeat scroll 0%;
    font-weight:normal;
    list-style-image:url(images/bullet.png);
    list-style-position:inside;
    list-style-type:disc;
    padding:5px 0px 5px 5px;
    color: #000;
}
        
div#sidebar ul li a{
    text-decoration: none;
    padding:5px 0px 5px 5px;
    color: #0a246a;
    font-weight:bold;
}

div#sidebar ul li a.active{
    font-size:10px;
    padding:5px 0px 5px 5px;
    color: #fb7501;
    font-weight:bold;
}

div#content {
	margin-left:220px;
	margin-top:5px;
	margin-bottom:5px;
	min-height:350px !important;
	width:560px;
	color:#000000;
	font-family: Verdana, Tahoma, Arial;
	font-size:11px;
	background-color:#ffffff;
}

* html #content {
	height: 350px;
}

span.codecomment {
    color:#666;
    font-family: Verdana, Tahoma, Arial;
    font-size:11px;
    font-style: italic;
}

div#content h1{
    font-family:Verdana, Tahoma;
    font-size:11px;
    font-weight:bold;
    padding:0;
    margin:0;
    text-align:center;
    line-height:14px;
}		

div#content ul {
    font-size:10px;
    font-weight:bolder;
    padding:0px;
}     
   
div#content ul li {
    font-size:10px;
    font-weight:normal;
    list-style-image:url(images/bullet.png);
    list-style-position:inside;
    list-style-type:disc;
    padding:5px 5px 5px 10px;
}

div#content ul li ul li {
    font-size:10px;
    font-weight:normal;
    list-style-image:url(images/bullet2.png);
    list-style-position:inside;
    list-style-type:disc;
    padding:5px 5px 5px 10px;
}

div#content #result ul{
    font-size:10px;
    padding: 0px;
}

div#content #result ul.messageboard{
    padding: 0px;
    margin: 0px 0px 0px 0px;
    background-color: #ffd07f;
}

div#content #result ul.messageboard li{
    font-size:10px;
    list-style-image:none;
    list-style-position:inside;
    list-style-type:none;
    padding: 4px 0px 3px 0px;
    border-bottom: 1px solid #888;
}

div#content #result ul.messageboard li span{
    color: #888;
}

div#content #result ul.messageboard li span.year{
    color: #f00;
}

div#content #result ul.messageboard li span.date{
    color: #000;
    font-size:8px;
}

div#content #result ul.messageboard li span.time{
    color: #333;
    font-size:8px;
}

div#content #result ul.messageboard li span.messagetext{
    color: #000;
}

div#footer {
    display:block;
   /* position:relative;*/
    float:right;
    margin-right:150px !important; 
    margin-right:50px;
    font-family:Verdana, Tahoma;
    font-size:10px;
    font-style:normal;
    color:#818182;
}

div#footer a{
    color:#0a246a;
    text-decoration:none;
    font-weight:bold;
}

div#footer a:hover{
    color:#0a246a;
    font-weight:bold;
}

div#footer a.active{
    color:#d46402;
    text-decoration:none;
    font-weight:bold;
}