
#navBar{
width:948px;
height:26px;
clear:both;
background-color:#223040;
}

/*------------------------*PRIMARY_NAVIGATION*/
.primaryNavUL{
width:700px;
height:26px;
clear:left;
display:block;
float:left;
}
.primaryNavLI{
list-style:none;
float:left;
height:23px;
padding:3px 16px 0px 16px;
display:block;
}
.primaryNavLI a{
font-size:.9em;
text-decoration:none;
display:block;
color:#FFFFFF;
margin-bottom:3px;
}
.primaryNavLI a:hover{
color:#CCCC99;
}
.primaryNavLI ul{
display:none;
position:absolute;
clear:both;
z-index:50;
margin:-1px 0px 0px -18px;
}
.primaryNavLI:hover ul, .primaryNavLI.over ul{
display: block;
clear:both;
}
.primaryNavLI ul li{
list-style:none;
float:none;
height:26px;
display:block;
padding:0;
}
.primaryNavLI ul li a{
font-size:.8em;
height:20px;
width:250px;
display:block;
background-color:#CCCC99;
color:#223040;
border-top:solid 1px #999933;
padding:3px;
margin:0;
}
.primaryNavLI ul li a:hover{
color:#FFFFFF;
background-color:#999933;
}




/*------------------------AREA1*/
.AREA1{
width:604px;
float:left;
padding:6px 12px;
}
.AREA1 ul{
margin-bottom:15px;
float:left;
width:260px;
}
.AREA1 li{
padding:5px 0px 0px 10px;
font-weight:normal;
line-height:120%;
list-style:square outside;
margin-left:20px
}
.AREA1 ul.clear{
clear:both;
}
.AREA1 li.title{
padding:0px;
font-weight:normal;
line-height:130%;
list-style:none;
margin-left:0px;
}
.AREA1 dl{
margin-bottom:10px;
width:460px;
}
.AREA1 dt.newsTitle{
font-weight:bold;
margin-bottom:4px;
}
.AREA1 img{
float:left;
margin:0px 20px 24px 0px;
}




/*------------------------AREA2*/
.AREA2{
width:220px;
float:right;
}
.AREA2 h2{
width:220px;
text-align:center;
padding:6px 0px;
background-color:#999933;
color:#FFFFFF;
}
.AREA2 p{
width:204px;
border:solid 2px #999933;
padding:6px;
background-color:#FFFFFF;
}
.AREA2 img{
max-width:216px;
width: expression(Math.min(parseInt(this.offsetWidth), 216 ) + "px");
margin-bottom:20px;
border:solid 2px #999933;
}
.AREA2 img.clearMargin, .AREA2 p.clearMargin, .AREA2 a.clearMargin{
margin-bottom:-3px;
}

.AREA2 a{
width:220px;
text-align:center;
padding:4px 0px 4px 0px;
display:block;
text-decoration:none;
margin-bottom:20px;
background-color:#999933;
color:#FFFFFF;
}
.AREA2 a:hover{
color:#CCCC99;
}



/*FOOTER*/
.footer{
width:938px;
height:23px;
text-align:center;
display:block;
clear:both;
background-color:#223040;
}
.footer ul li{
display:inline;
}
.footer ul li a{
text-decoration:none;
color:#FFFFFF;
font-size:.8em;
}
.footer ul li a:hover{
color:#CCCC99;
}




/*------------------------Contact Form*/

#ContactForm{
width:400px;
border:solid 1px;
padding:12px;
margin-bottom:15px;
}
#ContactForm input{
float:right;
width:180px;
margin-bottom:10px;
}
#ContactForm select{
float:right;
width:180px;
margin-bottom:10px;
}
#ContactForm input.radio{
width:auto;
margin-right:170px;
}

#ContactForm textarea{
float:right;
width:180px;
margin-bottom:10px;
}
#ContactForm label{
float:left;
clear:both;
}
#ContactForm input#submitBtn{
width:auto;
padding:2px;
float:left;
clear:both;
margin-left:210px;
}
h5{
clear:both;
display:block;
}


