/* Commonly used styles */

html {
margin: 0;
padding: 0;
}

body {
margin: 0;
padding: 0;
font-family: helvetica, arial, verdana, sans-serif;
font-size: 12px;
color: #666;
}

a img {
border: none;
}

a:link, a:visited, a:active, a:hover {
color: #CC6600;
text-decoration: none;
}

p {
margin: 0 0 5px 0;
line-height: 17px;
}

sup {
font-size: 9px;
}

form {
margin: 0;
padding: 0;
}

.alt {

}

.lg {
font-size: 15px;
line-height: 21px;
}

.sm {
font-size: 10px;
line-height: 11px;
}

ul {
list-style-position: outside;
margin: 0;
padding: 0;
}

li {
margin-left: 15px;
line-height: 20px;
}

h1 {
font-size: 16px;
font-weight: bold;
margin: 0 0 9px 0;
padding: 0;
}

h2 {
font-size: 14px;
font-weight: bold;
margin: 10px 0 9px 0;
padding: 0;
}

h3 {
font-size: 12px;
font-weight: bold;
line-height: 17px;
padding: 5px 0 0 0;
margin: 0;
color: #000;
}

#container {
margin: 8px auto 0 auto;
padding: 0;
width: 862px;
}

#wrapper {
width: 850px;
padding: 1px;
margin: 3px auto 0px auto;
border: 1px solid #ccc;
}

#banner {
width: 850px;
height: 120px;
}

#nav {
width: 820px;
border-top: 4px solid #009ad8;
border-bottom: 4px solid #009ad8;
font-size: 13px;
font-weight: bold;
text-transform: lowercase;
padding: 3px 0 3px 30px;
margin: 1px 0 0 0;
background-color: #fff;
}

a.navOff:link, a.navOff:visited {
color: #231f20;
text-decoration: none;
text-transform: lowercase;
}

a.navOff:active, a.navOff:hover {
color: #d17601;
text-decoration: none;
text-transform: lowercase;
}

#nav ul {
padding: 0;
margin: 0;
}

#nav li {
display: inline;
list-style-type: none;
padding: 0 18px 0 0;
margin: 0;
}

a.navOn:link, a.navOn:visited, a.navOn:active, a.navOn:hover {
color: #d17601;
text-decoration: none;
}

#main {
float: left;
width: 616px;
margin: 0;
padding: 0;
background-image: url('/shared/images/bkd_main.jpg');
background-repeat: no-repeat;
}

.mainContent {
float: left;
padding: 1px 0 0 29px;
margin: 7px 0 0 0;
width: 553px;
}

.mainContent h2 {
color: #009ad8;
}

#full {
float: left;
width: 850px;
margin: 0;
padding: 0;
background-image: url('/shared/images/bkd_full.jpg');
background-repeat: no-repeat;
}

.fullContent {
float: left;
padding: 17px 0 0 29px;
margin: 17px 0 0 0;
width: 778px;
}

.fullContent h2 {
color: #009ad8;
}

.violator {
float: left; 
margin: 10px 25px 10px 0px;
padding: 0;
}

#col {
float: left;
width: 234px;
padding: 0;
margin: 1px 0;
background-color: #E6E2CF;
}

* html #col {
height:520px;
}

#subnav {
padding: 17px 0 0 15px;
margin: 0;
}

#subnav .navOff {
font-weight: bold;
font-size: 12px;
line-height: 18px;
}

.colContent {
margin: 17px 15px 0 15px;
}

.colContent h2 {
color: #3E5229;
}

.calloutLeft {
float: left;
padding: 0 20px 20px 0;
margin: 0;
width: 260px;
}

.calloutRight {
float: right;
padding: 0 0 20px 0;
margin: 0;
width: 260px;
}

.calloutRight img, .calloutLeft img {
padding-bottom: 5px;
}

#footer {
width: 850px;
padding: 1px 0 20px 0;
margin: 1px auto 0 auto;
border-top: 4px solid #009ad8;
}

#footer ul {
padding: 0 0 0 30px;
margin: 0;
}

#footer li {
display: inline;
list-style-type: none;
padding: 0 7px 0 0;
margin: 0;
}

#footerLeft {
float: left;
width: 616px;
margin: 0;
padding: 0;
font-size: 9px;
color: #000;
text-transform: lowercase;
}

#footerRight {
font-size: 9px;
color: #000;
float: right;
width: 219px;
margin: 5px 15px 0 0;
padding: 0;
text-align: right;
}

.inputText {
padding: 0;
margin: 0;
border: 1px solid #CC6600;
height: 20px;
}

.inputTextArea {
padding: 0;
margin: 0;
border: 1px solid #CC6600;
}

.md {
font-size: 11px;
}

.cap {
font-family: monospace;
text-transform: uppercase;
font-size: 9px;
}

.error {
color: #ee0000;
}

.required {
font-weight: bold;
color: #3E5229;
}

#comment_preview {
display: none;
margin: 20px 0;
padding: 10px;
background-color: #eee;
color: #000;
font-size: 11px;
}