/* basic screen style three columns */

body {
background-color: #415694;
background: url('../img/bcg_blu.gif') repeat;
font-size: 0.85em;
font-family: Verdana, Arial, Sans-Serif;
text-color: black;
padding:20px 0 10px;
margin:0px;
}
a {color: #0B316B;
text-decoration: none;
}
a:visited {color:#0B316B;}
a:hover {
color: red;
}
a:active { color:#415694;

}

h1 {
font-size: 120%;
background-color: #77AAAA;
text-color: #415694;
border-top:1px solid #669999;
border-bottom:1px solid #669999;
padding: 5px 15px 5px 20px;
margin:0px }
h2 {
font-size:100%;
font-weight: bold;
padding: 10px 10px 10px 15px;
margin:0px;}

q {
font-size:80%;
font-style: italic;
padding: 20px 10px 30px 20px;
margin:0px;
}

img.download {vertical-align:middle;}

/* ----------container center layout-------------- */
#container {
width: 950px;
padding:0px;
margin: 0px;
margin-left: auto;
margin-right: auto;
background: url('not') repeat;
} 

/* ----------banner for logo-------------- */
#banner {
text-align: left;
font-weight: bold;
font-variant: small-caps;
background-color: #132861;
background: url('../img/top_banner.png') no-repeat;
padding: 93px 30px 5px 20px;
margin: 0px; 

}
#banner a a:active a:visited{
border-left: solid 50px green;
padding: 90px 30px 5px 20px;
}

#banner a:hover { color:#0B316B;
text-decoration: none;
border-bottom: 3px solid red;}
#banner img {padding:10px 0px;}
 
/* ----------outer and inner columns----------------- */

#outer{ 
border-left: solid 200px #66CCCC; /* left color  */ 
border-right: solid 200px #66CCCC; /* right color  */ 
} 

#inner {
margin:0; width:100%;
}

/* --------------left and right navigation------------- */
#left {
 width:200px; 
 float:left; 
 position:relative; 
 margin-left:-200px; 
 margin-right:1px;

  }
#right {
 width:200px; 
 float:right; 
 position:relative; 
 margin-right:-200px; 
 margin-left:1px;
 
  }
  
#column { 
margin: 0px; 
background-color: #0066CC;
text-color: #415694;
}

#column p {
padding: 5px 15px 5px 15px;
margin:0px;
font-variant: small-caps; 
}
#column q {
background-color: white;
margin:0px;
font-style: italic; 
}
 
#readmore {
font-size: 80%;
width:180px;
 text-align: right;
 float: right; 
 padding: 0 15px 10px 0px; 

 }
/* -----------------content--------------------- */ 
#content { 
position: relative; 
margin: 0px; 
background-color: white;
}

#content h2{
background-color: #99FFCC;
}

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

#descript {

font-style: italic;
font-size: 90%;
background-color: white;
padding: 10px 15px 10px 15px;
margin:0px; 
}


li {
padding: 5px 5px 0px 5px;
} 

#flashcont
{
text-align: center;
padding: 5px 5px 0px 5px;
}
 
#imgtop {
padding: 0px;
margin-left: 10px; 
border: 0px;
}

#contact {
font-size: 90%;
background-color: #99FFCC;
text-color: #415694;
border:2px solid #00CC66;
padding: 5px 10px 0 10px;
margin:0px }

#contact h2 {
text-color: #415694;
font-weight: bold;
}

#contact a a:hover {
text-color: #415694;
font-weight: bold;
}
/*  ----------------footer---------------------- */ 
#footer {
clear:left;
background: url('../img/grad.gif') repeat;
font-size:80%;
padding:0px;
margin:0px;
text-align: center; }
 
#notice {
clear:left;
font-size:80%;
font-style: italic;
padding:5px;
margin:0px;
text-align: center; }
 
#menu li {
padding: 5px 20px 10px;
}
#menu li a {
font-size:120%;
font-weight: bold;
margin: 0px;
text-align: left;
text-color: #0B316B;
}

#menu li a:hover a:active {
text-color: #415694;
border-bottom: 3px solid red;
}

#design  {
font-size:70%;
padding:0px;
margin:0px;
text-align: center;
}

#design a a:visited a:hover a:active {
text-decoration: none;
 }