body {
font-family: Arial, sans-serif;
text-align: center;
margin: 0;
padding: 0;
line-height: 1.3em;
background-color: #fff ;
font-size:88%;
color: #000;
}

a:hover {
color: #ccc;
text-decoration: none;
}

a.current  {
background: #F9FFFF url("img/mbg.jpg") repeat-y top right ;
text-decoration: none;
}

h1, h2, h3 {
font-family: Arial,sans-serif;
margin: 0;
padding: 0;
}

h1 {
font-family: Verdana,Arial,sans-serif;
font-size: 150%;
}

h2 {
font-size: 130%;
}

h3 {
font-size: 110%;
font-weight: bolder;
border-bottom: 1px solid #cccccc;
color: #0DB3B3;
}

#form1{
padding: 5px;
}

img { 
padding : 3px;
border : none ;
}

img.float-right {
margin: 5px 5px 5px 10px;  
}

img.float-left {
margin: 5px 10px 5px 5px;
}

#q {
height:50px;
}

#h {
position: relative;
width: 770px;
margin:30px auto 0 auto ;
text-align: left;
height: 90px; 
padding: 0;
background: #D1E1F0 url("img/bg1.jpg") ;
border-bottom: 1px hidden #fff;
border-top:  3px solid #e4e4e4;
border-right: 5px solid silver;
border-left:  2px solid #e4e4e4;
}

#h .logo{ 
position: absolute;
left:5px;
top:5px;
}

#h p{
margin-top: 35px;
margin-left: 30px;
color: #000;
font-size: 15px;
font-style:italic;
}

#menu {
width: 770px;
margin:0 auto;
position: relative;
text-align: left;
font-weight: bold;	
background: #2DD7CA url("img/menu.jpg") repeat-x top left;
border-right: 5px solid silver;
border-left:  2px solid #e4e4e4;
}

#menu ul {
float:left; width: 100%;
list-style: none;
margin:0;
padding: 0;
text-transform: uppercase;
background: #2DD7CA url("img/menu.jpg")  repeat-x top left;
}

#menu ul li {
display: inline;
}

#menu ul li a , #menu ul li a:visited {
float: left;
color:#8f8f8f;
text-decoration:none;
letter-spacing:1px;
padding: 5px 10px;
}

#menu ul li a:hover{
color: #00ffff ;
}

#cont {
position: relative;
min-height:240px;
clear: both;
width: 770px;
margin: 0 auto;
text-align: left;
border-right: 5px solid silver;
border-left:  2px solid #e4e4e4;
}

.float-left { float: left;
}
.float-right { float: right;
}
.clear { clear: both;
}
.left {text-align: left;
}
.right {text-align: right;
}
.center {
text-align:center;
}

#lbar {
background: #F9FFFF url("img/mbg.jpg") repeat-y top left ;
float:left; 
width:21%;
padding-top:10px ;
font-size: 90%;
margin:0;
}

#rbar {
background: #F9FFFF url("img/mbg.jpg") repeat-y top left ;
float:right;
width:20%;
padding:35px 0px 10px 0px ;
font-size: 90%;
text-align:left;
margin:0;
}

#lbar h3{
font-size: 90%;
color: #000;
border-bottom: 1px solid #cccccc;
padding: 4px 0px 4px 6px;
}

#lbar #links {
padding-top: 25px  ;
}

#lbar #links ul {
margin: 0;
padding: 0;
list-style: none;
}

#lbar #links ul li a, #lbar #links ul li a:visited {
color: #0DB3B3;
padding:  6px 0px 4px 4px ;
height: 1.3em;
line-height: 1.3em;
display:block;
font-weight: bold;
font-size: 90%;
}

#lbar #links ul li a:hover {
color: #ccc;
}

#content {
float:left; 
width:55%;
background-color: #fff ;
font-size: 90%;
padding: 2%;
line-height: 1.7em;
}

#content h3 {
padding: 10px;
margin-top: 20px;
}

#footer { 
width: 770px;
margin:0 auto;
clear: both;
padding:15px 3px 3px 3px;
font-size:75%;
color: #e4e4e4;
background-color: #000;
text-align:center;
border-bottom:  5px solid silver;
border-right: 5px solid silver;
border-left:  2px solid #e4e4e4;
}

#footer a { 
text-decoration: none; 
font-weight: bold;
color: #e4e4e4;
}

#footer a:hover { 
color: #fff;
border-bottom:1px dashed #fff;
}

