/* 
CSS
*/
 
body { font: 100% verdana; color: #333; background: #ececec; margin: auto; text-align: center; line-height: 1.4em; letter-spacing: 0.01em;}
html { }

.field { border: 0; width:180px; height:15px; border: 1px solid #EDCEDD;}
.textarea { border: 0; width:180px; height:100px; border: 1px solid #EDCEDD;}
.submit { width: 100px; height: 25px; border: 1px solid #EDCEDD; background: #F7E5ED; font-size: 110%; color: #97294E;}

#wrapper { width: 760px; border: 1px solid #ccc; background: #fff; margin: 10px auto; text-align: left;}
#header { width: 760px; height:100px; margin: 50px 0 0 0; background: #fff; background:   url(images/header.jpg)} 

#main{ width:700px; padding: 10px; font-size: 70%;}
#contact{ width:450px; padding: 10px; font-size: 70%; text-align: left;}
#footer { padding: 10px; font-size: 60%; color: #333; width: 710px; margin: 0 0 0 0; text-align: left;}
#footer a:link{ color: #333;  }
#right_content {float: right; width: 140px; margin: 0px 0 0; padding: 10px;  clear: left;}
#right_content1 {float: right;}
#right_content2 {float: center;}
h1 { font-size: 160%; color: #333; font-weight: bold; margin: 10px 0 10px 0;}
h2 { font-size: 100%; color: #333; font-weight: bold; }
a:link { color: #97294E; text-decoration: none;}
a:active { color: #97294E; text-decoration: none;}
a:hover { color: #333; text-decoration: underline;}
a:visited { color: #97294E; text-decoration: none;}


#navcontainer ul, ul#navcontainer
{
padding-left: 0;
margin: 0 0 0 0;
background-color: #0F3A65;
color: White;
float: left;
width: 100%;
font-family: arial, helvetica, sans-serif;
}

#navcontainer ul li {
	display: inline;
	font-size: small;
}

#navcontainer ul li a
{
padding: 0.2em 1em;
background-color: #0F3A65;
color: White;
text-decoration: none;
float: left;
border-right: 1px solid #fff;
}

#navcontainer ul li a:hover
{
background-color: #29547F;
color: #fff;
}


.clearer {
clear:both;
height:0px;
overflow:hidden;
margin-top:-1px; 
}