/*-- xhtml/css by bagside at www.bagside.com  --*/
<STYLE type="text/css">
<!--
A { text-decoration:none }
-->
</STYLE>

* {
margin:0;
padding:0;
}
body {
background: #fff url(../img/sunbg.png) repeat;
font-size: 1.0em;
font-family: Georgia, Arial, SunSans-Regular, Sans-Serif;
color:#564b47;
padding:0;
margin:0;
}

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

h2 {
font-size:1.2em;
font-weight: 600;
padding: 15px 10px;
margin-top: 25px;
text-align: center;
}

h3 {
font-size:0.95em;
font-weight: 600;
color: #666;
padding: 1px 0 2px 10px;
margin:10px 2px 0 2px;
background: url(../img/lmenubg.gif) repeat;
}

h4 {
font-size:0.95em;
font-weight: 600;
color: #666;
padding: 1px 0 2px 10px;
margin:40px 2px 60px 2px;
background: url(../img/lmenubg.gif) repeat;
}


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

/* ----------banner for logo-------------- */
#banner {
background: #519b9a;
padding: 0;
margin: 0; 
}

/*  ------menu-horizontal-top------ */
#tabs {
float:left;
width:100%;
background: #549e9d url(../img/menubg.png) repeat;
font-size:90%;
border-bottom:1px solid #666;
}

#tabs ul {
margin:0;
padding:1px 10px 0 160px;
list-style:none;
}

#tabs li {
display:inline;
margin:0;
padding:0;
}

#tabs a {
float:left;
background:url(../img/tableft.gif) no-repeat left top;
margin:0;
padding:0 0 0 4px;
text-decoration:none;
}

#tabs a span {
float:left;
display:block;
background:url(../img/tabright.gif) no-repeat right top;
padding:5px 15px 4px 6px;
color:#666;
font-weight: 600;
}

/* Commented Backslash Hack hides rule from IE5-Mac \*/
#tabs a span {float:none;}
/* End IE5-Mac hack */

#tabs a:hover span {
color:#fff;
font-weight: 600;
}

#tabs a:hover {
background-position:0% -42px;
}

#tabs a:hover span {
background-position:100% -42px;
}

/* ----------outer and inner----------------- */
#outer{
border-left: solid 160px #00437A;  /* color of the left column  */
background-color: #f6f6f6; /* color of the content column */
 }

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

/* --------------left nav------------- */
#left {
 width:160px;
 float:left;
 position:relative;
 margin-left:-160px;
 margin-right:10px;
 }

#menu {
width:120px;
margin:20px 0 0 20px;
}
#menu a {
display:block;
width:100%;
height:20px;
line-height:0.9em;
text-decoration:none;
color:#ddd;
background:url(../img/off.gif);
background-repeat:no-repeat;
}

#menu a span {
padding-left:25px;
}

#menu a:hover {
display:block;
width:100%;
height:20px;
text-decoration:none;
color:#59a3a1;
background:url(../img/on.gif);
background-repeat:no-repeat;
}

.abox {
font-size: 0.7em;
font-family: arial, sans-serif;
padding:2px 5px;
background:url(../img/abox.gif) repeat;
margin:10px 5px 0 5px;
border:1px solid #ccc;
text-align:center;
}

.abox a {
color: #222;
text-decoration: none;
}

.abox a:hover {
color: #000080;
text-decoration:none;
}

/* -----------------content--------------------- */
#content {
position: relative;
margin: 0;
font-size: 0.8em;
}

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

.imghold .img{
float: left;
margin: 0px;
padding-top: 0px;
padding-right: 10px;
padding-bottom: 5px;
padding-left: 0px;
}

/*  ------------footer------------- */
#footer {
font-size: 0.7em;
line-height: 2.3em;
clear:left;
margin:0;
text-align: center;
background: url(../img/footbg.png) repeat;
}

#footer a {
color: #564b47;
font-weight: 600;
}

#footer a:hover {
color: #000080;
font-weight: 600;
}

.res {
color: #000080;
text-align: center;
background: #ddd;
line-height: 0.9em;
}