/* base element styles */
body {margin: 0; background-color: white; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #369; text-align: center;}
img {border: 0; margin: 0;}
h3 {color: #306; font-size: small; padding: 2px 0px; text-align: center; background-color:#0C3; border-bottom: 1px solid #369;}
h4 {color: #306; font-size: small; padding: 2px 0px; text-align: center; background-color: #eee;}
form p {margin-top: 1em}
select, input {font-size: 12.5px;}
.required {color: red;}

/* Header footer styles */
#top {background-color: #036; border-bottom: 2px solid #fff; line-height: 6px;}
#container {margin: auto; width: 700px;}
#masthead {width: 700px; margin-bottom: 1.25em; margin-top: 2em;}
#masthead img {margin: 0; padding: 0;}

#main {width: 558px; margin: 0; background-color: white; border-left: 1px solid #OC3; border-right: 1px solid #0C3; text-align: left;}
#main h2 {margin: 0; font-size: small; padding-left: 18px; padding-bottom: 5px; padding-top: 10px; margin-top: 0px;} 
#separator {border-top: 1px dashed #ccc; background-color: #eee; margin: 0;}

#footer {color: #669; padding-left: 15px; padding-right: 20px; padding-top: 15px;  padding-bottom: 20px; width: 690px; margin-left: auto; margin-right: auto; border-top: 15px solid #ddd; margin-top: 1em;}
#footer p {margin: .33em 0; padding: 0;}
#footer img {float: right;}

/*  per page styles */

#cf2 #col1 {width: 259px; vertical-align: top; text-align: left;}
#cf2 #col1 ul {list-style-image: url(../images/bullet.jpg); }
#cf2 #col1 li {font-size: 12px; font-weight: bold; line-height: 15px; margin-top: 10px; padding-top: 0;}
#cf2 #col1 li a {text-decoration: none; color: #369;}
#cf2 #col1 li a:visited {text-decoration: none;}
#cf2 #col1 li a:hover {text-decoration: underline;}
#cf2 #col1 li a.current {text-decoration: none; color: orange;}

#cf2 #col1 form {padding: 1em;}
#cf2 #col1 input, #cf2 #col1 textarea {border: 1px solid #003; width: 220px; background-color: white; margin-bottom: .5em;}
#cf2 #col1 p input {width: auto; border: 0;}

#cf2 h3 {margin: 0; padding: .5em 0;}
#cf2 h4 {font-weight: bold; font-size: small; padding: .5em 0;}
#col2 {width: 440px; height: 700px; text-align: left; border: 1px solid #0C3;}
#col2 div {padding: 0 1em;}
#col2 h3 {background-color: #eee; color: #036; border-top: 6px solid #036; padding: .75em 0; border-bottom: 0;}
#col2 h3.level2 {background-color: white; color: orange; border-top: 0; border-bottom: 1px solid #0c3; padding: 0; line-height: 29px;}

#col2 div.left {float: left; width: 195px; border-right: 1px solid #ccc; }
#col2 div.right {padding-left: 5px; width: 195px; float: right;}
#col2 div h5 {margin-bottom: 0; background-color: white; text-align: left; color: #336; font-size: small;}
#col2 div h4 {margin-bottom: 0; background-color: #FFF; text-align: center; color: #999; border-bottom: 1px dashed #ccc; border-top: 1px dashed #ccc;}
#col2 div p {margin: 0;}
#col2 div a {color: #036;}
#cf2 h2 {padding-left: 4px; color: #666 ; border-bottom: 1px solid #ccc; background-color: #eee;}
#cf2 h2.first {margin-top: 1em;}