body {
background-color: #bbbbdd;
font-size: 11px;
font-family: Arial, Helvetica, sans-serif;
color:#564b47;
padding:0px;
margin:0px;
background:url(bodyback.jpg) repeat-x left top #000033;

}


a {color: #9999cc; text-decoration: underline;}
a:visited {color:#666699;}
a:hover {color: #ffffff;}
a:active { color:#ffffff;}

ul {
   list-style-type: square;
} 

h1 {
font-size: 11px;
text-transform:uppercase;
text-align: right;
background-color: #333366;
color: #9999cc;
border-top:1px solid #444477;
border-bottom:2px solid #444477;
padding:5px 15px;
margin:0px }


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


h3 {
font-size: 11px;
text-transform:uppercase;
text-align: left;
background-color: #222244;
color: #666699;
border-top:1px solid #333355;
border-bottom:2px solid #333355;
 padding:5px 15px;
margin-bottom:10px } 

h4 {
color: #666699;
font-size:24px;
font-family: impact,arial,helvetica,sans-serif;
font-weight: normal;
padding: 10px 10px;
margin: 0px;}


img.download {vertical-align:middle;}

/* ----------container to center the layout-------- */
#container {
width: 949px;
padding:0px;
margin: 0px;
margin-top: 35px;
margin-left: auto;
margin-right: auto;

} 

/* ----------banner for logo-------------- */
#banner {
text-align: right;
background-color: #000033;
padding-right: 15px;
padding-bottom: 15px;
padding-top: 15px;
margin: 0px; 
background:url(bannerback.jpg) no-repeat;
color: #9999cc;
font-family: impact,arial,helvetica,sans-serif;
font-size: 36px;

}

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

/* ----------outer and inner----------------- */

#outer{ 
border-left: solid 200px #000023; /* color of the left column  */ 
border-right: solid 200px #000023; /* color of the right column  */ 
background-color: #000033;  /* color of the content column */
} 

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

/* --------------left and right navi------------- */
#left {
 width:200px; 
 float:left; 
 position:relative; 
 margin-left:-200px; 
 margin-right:1px;
 color: #9999cc;
 text-align: right; 
 }
 #right {
 width:200px; 
 float:right; 
 position:relative; 
 margin-right:-200px; 
 margin-left:1px;
 color: #9999cc;
 text-align: left; 
 
 }

a.right:link {color: #666699; text-decoration: none; margin-left: 10px}
a.right:hover {color: #ffffff; text-decoration: none; margin-left: 10px}
a.right:visited {color: #666699;text-decoration: none; margin-left: 10px}
a.right:active {color: #666699;text-decoration: none; margin-left: 10px}


a.left:link {color: #666699; text-decoration: none; margin-right: 10px}
a.left:hover {color: #ffffff; text-decoration: none; margin-right: 10px}
a.left:visited {color: #666699;text-decoration: none; margin-right: 10px}
a.left:active {color: #666699;text-decoration: none; margin-right: 10px}


/* -----------------content--------------------- */ 
#content{ 
position: relative; 
margin: 0px;
padding-top: 5px;
color: #9999cc;
border-right: 1px dotted #666699;
border-left: 1px dotted #666699;
line-height: 1.3em;


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

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

/*  ----------------footer---------------------- */ 
#footer {
clear:left;
padding:0px;
margin:0px;
text-align: right; }