body {
font-size: 12px;
font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, sans-serif;
color:#eee;
padding:0px;
margin:0px;
background-color: #444;
/*background-image:url(../images/bg.gif);
background-repeat:repeat-x;*/
}

a:link, a:visited {color: #2389C7;}
a:hover {color: #5CB0E2;}
a:active { color:#000000;}

h1 {
font-size:20px;
font-weight: normal;
padding: 15px 0 0 0px;
margin:0px;
letter-spacing:-1px;
color:#fff;
text-decoration:underline;
}

h2 {
font-size: 14px;
padding:5px 15px 0 0px;
margin:0px;
color:#ddd;
}

img.download {vertical-align:middle;}

/* ----------container to center the layout---------- */
#container {
width: 960px;
padding:0px;
margin: 0px;
margin-left: auto;
margin-right: auto;
/*border-left:1px solid #ccc;
border-right:1px solid #ccc;*/
} 

/* ----------banner for logo-------------- */
#banner {
text-align: left;
background-color: #fff;
padding: 0px;
margin: 0px; 
}

#banner img {padding:0px;} 

/* ----------outer and inner----------------- */
#outer{ 
/*border-left: solid 0px #fff;  /* color of the left column  */ 
/*background-color: #ffffff; /* color of the content column */
}

#allout {
/*background:#444 url(../images/allout-bg.gif) repeat-x;*/
background-color:#15171a;
}

#inner{ margin:0px; width:100%; } /* The ie/pc pecularity */ 

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


/* -----------------content--------------------- */
#content{ 
position: relative; 
margin: 0px; 
/*background:url(../images/contentbg.gif) repeat-y;*/
padding:10px;
color:#BBBBBB;
}

#content h1 {
/*background:url(../images/header_content.jpg) left no-repeat;
margin-left:0px;
text-indent:30px;*/
/*padding: 10px 0 0 10px;*/
}

#content ul li {
list-style-type:none;
background:url(../images/bullet.gif) left no-repeat;
padding-left:18px;
margin-bottom:5px;
}

p{
padding: 5px 0px;
margin:0px; 
}

pre{
font-size: 12px;
padding: 5px 10px;
margin:0px;}

/*  ----------------footer---------------------- */ 
#footer {
color:#ccc;
font-size:10px;
clear:both;
padding:0px 10px 0px 10px;
margin:0px;
text-align: right;
background:#444 url(../images/footerbg.jpg) no-repeat;
height:68px;
letter-spacing:0px;
} 

#footer-logo {
padding-top:20px;
width:118px;
float:left;
}

#footer-contact {
float:left;
padding-top:0px;
padding-left:20px;
margin-top:-13px;
text-align:left;
color:#888;
}

.red {
color:#CC0000;
font-weight:bold;
}

/*  ----------------sidebar---------------------- */

#left {
 width:200px; 
 float:left; 
 position:relative; 
 margin-left:-200px; 
 margin-right:1px;
 background-color:#fff;
 padding:10px 0 0 0;
 }

#left ul {
/*margin-right:30px;*/
position:relative;
padding-left:10px;
margin-left:10px;
}

#left ul li {
color:#333;
list-style:none;
border-top:1px solid #fafafa;
border-bottom:1px solid #eee;
/*padding-top:-10px;*/
background-color:#fafafa;
line-height:20px;
/*width:160px;*/
}

#left ul li a {
text-decoration:none;
color:#88171B;
}

#left li a:link {
}

#left li a:hover {
color:#FF0000;
/*background-color:#ccc;
display:block;
margin:0;
height:20px;*/
}

#left li a:visited {
}

#left ul ul{
padding: 0;
margin-left: 2px;
}

#left ul ul li{
list-style:none;
background:url(../images/bullet.gif) left no-repeat;
border-bottom:none;
font-size:10px;
/*width:110px;*/
line-height:16px;
}

#left ul ul li a {
padding-left: 18px;
}