/* *** css *** */




body {
background-color: #666;

font-size: 12px;

font-family: Verdana, Arial, SunSans-Regular, Sans-Serif;

color:#FFF;

padding:0;

margin:0;
}


a {color: #F00;}

a:visited {color:#F00;}

a:hover {color: #F00;}

a:active { color:#F00;}


h1 {
font-size: 11px;
text-transform:uppercase;
color:#FF0
background-color: #333;
border-top:1px solid #564b47;
border-bottom:1px solid #564b47;
padding:5px 15px;
margin:0 }


h2 {
font-size:20px;
font-weight: normal;
padding: 5px 10px;
margin:0;}

h3 {font-size: 14px;font-weight: bold;padding: 5px 10px;margin:0;}


img.download {vertical-align:middle;}



/* ----------container to center the layout-------------- */

#container {
width: 904px;
margin-bottom: 10px;

margin: 0 auto;

background-color: #006;
}




/* ----------banner for logo-------------- */

#banner {
background-color: #000;

text-align: center;

padding: 0px;

margin: 0px;
}


#banner img {padding:5px 0px;}



/* -----------------content--------------------- */

#content {
background-color: #333;
padding: 0px;
margin: 0 200px;
}

div#content { 
min-height:600px;
height:expression(this.scrollHeight > 600 ? "auto":"600px"); 
}


p, pre{
padding: 5px 10px;
margin:0px;
}



/* --------------left navi------------- */

#left {
float: left;
width: 200px;
margin: 0;
padding: 0;
}

#right {
float: right;
width: 200px;
margin: 0;
padding: 0;
}




/* -----------footer--------------------------- */

#footer {
clear: both;
margin: 0;
padding: 0;
text-align: right; }