@charset "utf-8";
/* CSS Document */
/* For Layout */
body {
}
#wrapper {
margin: 0 auto; 
width: 780px;
text-align: left;
}
#hmpg_wrapper {
margin: 0 auto; 
width: 780px;
text-align: left;
}
#header {
height: 200px;
}
#navcontainer {
}
#hmpg_left {
width: 190px;
padding: 12px 20px 12px 20px;
float: left;
}
#hmpg_center {
width: 275px;
padding: 12px 20px 12px 20px;
float: left;
}
#hmpg_right {
width: 190px;
padding: 12px 20px 12px 20px;
float: left;
}
#content_left {
width: 222px;
float: left;
padding: 12px 14px 12px 14px;
}   
#content_right{
width: 480px;
float: left;
padding: 12px 24px 12px 24px;
}
#footer {
clear: both;
height: 60px;
}
#hmpg_footer {
clear: both;
height: 60px;
max-height: 60px;
}
/* For Looks*/
body {
background: #FFF;
font-family: Geneva, Arial, Helvetica, sans-serif;
color: #000;
font-size: .8em;
line-height: 1.5em;
}
#wrapper {
background: #FFF url(../images/content_bg.jpg) repeat-y;
border: 1px solid #000;
}
#hmpg_wrapper {
background: #FFF;
border: 1px solid #000;
}
#header {
background-color: #000;
}
#navcontainer {
background-color: #6B7E93;
}
#hmpg_left {
border-right: 1px solid #000;
background-color: #FFF;
}
#hmpg_center {
border-right: 1px solid #000;  
background-color: #FFF;
}
#hmpg_right {
background-color: #FFF;
}
#content_left {
}
#content_right {
}
#footer {
text-align: center;
background-color: #000;
}
#sub_foot {
text-align:center;
font-size: .7em;
}
#hmpg_footer {
text-align: center;
background-color: #000;
}
#hmpg_footer p {
color: #FFF;
font-size: .7em;
padding-top: 20px;
}
h1, h2, h3, h4 {
color: #000;
font-family: Georgia, serif;
}
h1 {
line-height: 1.5em;
border-bottom: 1px solid #000;
font-size: 1.5em; 
padding-top: 2px;
padding-bottom: 8px;
}
h2 {
font-size: 1.4em;
font-style: italic;
}
h3 {
font-size: 1.2em;
}
h4 {
font-size: 1em;
}
ul {
list-style-position: outside;
margin-left: 10px;
padding-left: 10px;
}
li{
margin-left: 0px;
padding-left: 0px;
margin-top: 18px;
}
.left {
float: left;
}
.right {
float: right;
}
.left_img {
float: left;
padding: 10px 20px 10px 10px;
}
.right_img {
float: right;
padding: 10px 10px 10px 20px;
}
.left_img_youth {
float: left;
padding: 9px;
}
.pdf {
list-style-image: url(../images/pdficon_small.gif);
line-height: 2.5em;
}
#content_left .img_link img {
	text-decoration: none;
	border: none;
}
/* For e-mail list form*/
#e-mail_list_form ul{
list-style-type: none;
}
#e-mail_list_form ul li {
display:block;
line-height:3em;
}
#e-mail_list_form label {
font-weight: bold;
margin-right:2em;
}
/* For Main Navigation */
#navlist {
padding: 0;
margin: 0;
list-style: none;
font-size: 1.5em;
color: #FFF;
text-align: center;
vertical-align: bottom;
}
#navlist li {
display: inline; 
line-height: 50px;
margin: 0 17px;
}
#navlist li a, #navlist li a:visited {
color: #FFF; 
text-decoration: underline;
}
#navlist li a:hover, #navlist li a:active {
color: #000;
text-decoration: underline;
}
#navlist li a#current {
color: #000;
}
/*For Bottom Navigation*/
#bottom_navlist {
padding: 0;
margin: 0;
list-style: none;
font-size: .9em;
color: #FFF;
text-align: center;
vertical-align: bottom;
}
#bottom_navlist li {
display: inline; 
line-height: 50px;
margin: 0 24px;
}
#bottom_navlist li a, #bottom_navlist li a:visited {
color: #FFF; 
text-decoration: underline;
}
#bottom_navlist li a:hover, #bottom_navlist li a:active {
color: #BCC0C8;   
text-decoration: underline;
}
#bottom_navlist li a#bottom_current {
color: #BCC0C8;
}