/* structural */

body { 
padding: 0; 
margin: 0;
background-image:url(../images/bg_body.gif);
background-repeat:repeat-x;
font-size:100%; 
}

#wrap_outer {
margin: 0 auto;
padding:6px 0 0 35px;
min-height: 662px;
width:960px;
background-image:url(../images/bg_main.gif);
background-repeat:no-repeat;
}

#wrap_inner {
width:910px;
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size:0.8em;
}

#topbanner {
clear:both;
}

#sitelinks {
clear:both;
padding: 0; 
text-align:right;
color:#999;
padding:20px 0 5px 0;
}

#topnav {
clear:both;
font-size:1.1em;
padding: 0;
border-top: 1px solid #FFF;
}

#sitetools {
clear:both;
color:#999;
font-size:0.85em;
padding: 5px 0 30px 15px;
}

#breadcrumb {
float:left;
width:520px;
}

#tools {
float:left;
text-align:right;
width:360px;
}

#content {
clear:both;
}

#leftnav {
float:left;
padding: 0 0 50px 0;
width:180px;
overflow:auto;
}

#text {
float:left;
width:690px;
padding: 0 0 50px 40px;
font-size:0.9em;
}

#textnonav {
float:left;
width:800px;
padding: 0 0 50px 40px;
font-size:0.9em;
}

#footer {
padding: 15px 0;
clear:both;
color:#999;
text-align:right;
font-size:0.85em;
border-top: 1px solid #b7b7b7;
}

/* general styles */

img {border:none;}

.small {
font-size:0.85em;
}

.med {
font-size:1.3em;
}

.large {
font-size:1.5em;
}

h1,h2,h3,h4 { 
clear: both;
font-family: Verdana, Helvetica, Arial, sans-serif;
}

h4 { 
font-family: Verdana, Helvetica, Arial, sans-serif;
}

h1 { 
color:#66905F;
font-size:1.8em;
margin: 0 0 14px 0;
padding:0;
font-weight:lighter;
}

h2 {
color:#66905F;
font-size:1.3em;
margin: 0;
padding:0 0 10px 0;
font-weight:lighter;
}

h3 {
color:#222;
font-size:1.0em;
margin: 0;
padding:0;
font-weight:bold;
}

h4 {
color:#222;
font-size:1.0em;
margin: 0;
padding:0;
font-weight:normal;
}

#text ul { 
margin: 0;
padding: 5px 0 20px 30px;
list-style: none;
} 

#text ul li{
padding-left: 22px;
padding-bottom:5px;
background-image: url(../images/arrow_list.gif);
background-repeat: no-repeat;
background-position: top left;
}


/* link styles */

#text a.backtotop:link, #text a.backtotop:visited{
color:#999;
text-decoration:none;
font-weight:normal;
}

#text a.backtotop:hover {
color:#66905F;
text-decoration:underline;
}

#text a:link, #text a:visited{
color:#66905F;
font-weight:bold;
text-decoration:underline;
}

#text a:hover {
color:#999;
text-decoration:underline;
}

#sitelinks a:link, #sitelinks a:visited{
color:#222;
text-decoration:none;
}

#sitelinks a:hover {
color:#66905F;
text-decoration:none;
}

#sitetools a:link, #sitetools a:visited{
color:#999;
text-decoration:none;
}

#sitetools a:hover {
color:#66905F;
text-decoration:none;
}

#footer a:link, #footer a:visited{
color:#999;
text-decoration:none;
}

#footer a:hover {
color:#66905F;
text-decoration:underline;
}








/* top nav styles */

#topnav ul { 
list-style: none;
padding: 0;
margin: 0;
background-color: #666;
color: #FFF;
float: left;
width: 100%;
} 

#topnav ul li{
padding:0;
display:inline;
}

#topnav a:link, #topnav a:visited {
color:#FFF;
padding: 0.2em 1.2em;
background-color: #666;
text-decoration: none;
float: left;
border-right: 1px solid #fff;
}

#topnav a:hover {
text-decoration:none;
background-color: #EEE;
color: #666;
}

#topnav a.on:link, #topnav a.on:visited {
text-decoration:none;
background-color: #EEE;
color: #666;
}

#topnav a.on:hover {
text-decoration:none;
}






/* left nav styles */

#leftnav ul {
margin: 0;
padding: 0;
list-style: none;
}

#leftnav li {
padding-left: 15px;
background-image: url(../images/arrow_nav.gif);
background-repeat: no-repeat;
background-position: 0 0.5em;
}

#leftnav a:link, #leftnav a:visited {
color:#000;
text-decoration: none;
}

#leftnav a:hover {
text-decoration:underline;
color:#666;
}

#leftnav a.on:link, #leftnav a.on:visited {
font-weight:bold;
text-decoration:underline;
}

#leftnav li.child a.on:link, #leftnav li.child a.on:visited {
font-weight:bold;
text-decoration:none;
}

#leftnav li.grandchild a.on:link, #leftnav li.grandchild a.on:visited {
font-weight:normal;
text-decoration:underline;
}

#leftnav a.on:hover, #leftnav li.child a.on:hover, #leftnav li.grandchild a.on:hover {
text-decoration:none;
}

#leftnav li.child {
padding-left: 30px;
background-image: url(../images/arrow_nav.gif);
background-repeat: no-repeat;
background-position: 0.8em 0.5em;
}

#leftnav li.grandchild {
padding-left: 40px;
background-image: url(../images/hyphen_nav.gif);
background-repeat: no-repeat;
background-position: 1.8em 0.5em;
}

#leftnav li.dottedline {
padding-left: 10px;
background-image: url(../images/nav_dottedline.gif);
background-repeat: repeat-x;
}






/* About us page styles */

#board dl {margin:0;}

#board dt {
font-weight:normal;
margin:0;
width:100%;
border-top:1px solid #CCC;
}

#board dd {
margin:0;
padding:10px;
display:none;
width:95%;
}

#board dt td {
padding:2px 0;
}

table.data {
width:100%; 
border-collapse:collapse; 
border-spacing:0; 
border:1px dotted #9C9C9C; 
text-align: left;
} 

table.data tr.bg {
background:#ebebeb;
font-weight:bold;
}

table.data td {
border:1px dotted #9C9C9C; 
padding:8px 10px; 
vertical-align:top;
text-align:left;
}

#questionTable
{    
}

#question
{
    width:300px;
    background-color:#F8FFF0;
}

#answer
{
    width:500px;
    background-color:#F8FFF0;
}

#qa
{    
    background-color:#F8FFF0;
}