/*reset*/
div, span, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, address, img, dl, dt, dd, ol, ul, li, fieldset, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit;	vertical-align: baseline;}
form {margin: 0; padding: 0;}
ul {list-style: none;}
table {border-collapse: separate; border-spacing: 0;} /* tables still need 'cellspacing="0"' in the markup */
caption, th, td {text-align: left; font-weight: normal;}
blockquote:before, blockquote:after,q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}
img {border: none;}

/* function classes */
.leftIt {text-align: left !important;} /* left align */
.rightIt {text-align: right;} /* right align */
.centerIt {text-align: center;} /* center align */
.clearIt {clear: both; margin: 0; padding: 0;} /* used to clear floats near bottom of holder div */
.cleanIt {font-weight: normal !important; text-decoration: none;} /* clear bold, underline and other formatting */
.boldIt {font-weight: bold;}
.clear {clear: both;}
.error {color:Red;}
.clearfix:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
.clearfix {display:inline-block;}
/* Hide from IE Mac \*/
.clearfix {display:block;}
/* End hide from IE Mac */

/* HTML SELECTORS */
html {height: 101%; margin: 0; padding: 0;}
body {margin: 0; padding: 0; font-size: 85%; color: #3D2219; background: #564239; font-family: Arial, Helvetica, sans-serif;}
A {color: #3D2219; font-weight: bold;}
A:hover {color: #982626;} /* shade of red */ 

/* PRIMARY LAYOUT ELEMENTS   
----------------------------------------------------------*/
#header {width: 100%; text-align: center;}
#headerInner {width: 940px; margin: 0 auto;}  
#container {background: #B4A9A1; width: 100%; height: 100%; border-top: solid 1px #dadada; border-bottom: solid 1px #dadada;}
#menucontainer {font-size: 90%; width: 100%; height: 40px; background: URL(../images/backgrounds/bg_navbar.jpg) repeat-x;}
    ul#menu {width: 939px; margin: 0 auto;}
    ul#menu li {vertical-align: middle; text-align: center; float: left; width: 138px; height: 29px; padding: 11px 0 0 0; display: inline; list-style: none; text-transform: uppercase; border-right: solid 1px #9A8A7F;}
        ul#menu #btnhome {border-left: solid 1px #9A8A7F;}
        ul#menu #btnrp {height: 33px; padding: 7px 0 0 0; line-height: 1.05em;}
    ul#menu li a {padding: 10px 30px; font-weight: normal; text-decoration: none; color: #39322D;}
        ul#menu #btnrp a {padding: 5px 0;}
    ul#menu li a:hover {text-decoration: none; color: #fff;}
    ul#menu li a:active {text-decoration: none;}
    ul#menu li.selected {background: URL(../Images/backgrounds/bg_selected.jpg) repeat-x;}
    ul#menu li.selected a {color: #fff;}
    ul#menu li.selected a:hover {color: #39322D;}
#main {font-size: 90%; width: 940px; margin: 0 auto; padding: 0; background: #fff; line-height: 1.35;}
    #main P {margin: 5px 0 15px 0;}
    #main .squarelist {list-style-type: square;}
    #main .squarelist LI {margin: 5px 0 10px 15px;}
    #main A {font-weight: bold;}
#footer {margin: 0 auto; width: 944px; text-transform: uppercase; color: #D5D0CE; font-size: 80%; padding: 10px 0;}
    #footer .copylinks {padding-top: 3px; float: left; width: 600px; display: inline;}
    #footer .copylinks UL {display: inline; margin: 0;}
    #footer .copylinks LI {display: inline; list-style: none; padding-right: 10px;}
    #footer .copylinks A {color: #D5D0CE;}
    #footer .copylinks A:hover {color: #FFF;}
    #footer #copyright {font-weight: normal; padding-top: 5px;}
    #footer #innovaworks {padding-top: 3px; float: right; text-transform: uppercase; width: 320px; text-align: right;}
    #footer #innovaworks A {color: #D5D0CE; font-weight: bold; text-decoration: underline;}
    #footer #innovaworks A:hover {color: #FFF;}
    /*#footer #innovaworks IMG {vertical-align: middle;}*/

/* misc */
.portraitL, .portraitR {padding: 7px; background: #9A8A7F; border: solid 1px #564238;}
.portraitL {float: left; margin: 4px 12px 0 0; }
.portraitR {float: right; margin: 0 0 0 20px; }
IMG.portrait {border: solid 1px #564238;}
BLOCKQUOTE.quote {font-style: italic; background: URL(../images/quote.gif) no-repeat; margin: 25px 10px 15px 10px; padding-left: 55px;} 
BLOCKQUOTE.quote .author {font-size: 105%; font-weight: bold; font-style: normal;} 

#legal-aid {text-align: center; border-top: solid 2px #B4A9A0; border-bottom: solid 2px #B4A9A0; margin: 20px 0; padding: 5px; font-size: 15px;}


/* content titles */
h1.swap span, h3.swap span {display:none;} 
h1.swap {margin: 0 0 10px 0; padding: 0; height: 16px; background-repeat: no-repeat;} 
h3.swap {margin: 0; padding: 0; height: 30px; background-repeat: no-repeat;} 

/* form */
.formItem {margin: 5px 0;}
.formItem label {font-size: 110%; font-weight: bold;}
.formItem .lbl {float: left; text-align: right; display: inline; font-weight: bold; width: 60px; margin: 3px 9px 0 0;}
.formItem .txt {font-size: 12px; padding: 3px; width: 195px; font-family: Sans-Serif; border: solid 2px #B4A9A1;}
.formItem .txtarea {font-size: 12px; padding: 3px; width: 195px; height: 70px; font-family: Sans-Serif; border: solid 2px #B4A9A1;}
.formButton {margin: 5px 2px 0 68px; text-align: right;}
.formItem input:hover, .formItem textarea:hover, .formItem select:hover {border: solid 2px #85756D; background-color: #fff;}
.validate {font-size: 12px; padding: 3px; width: 195px; font-family: Sans-Serif; border: solid 2px #A0302F; background-color: #fff;}
.validateTxtarea {font-size: 12px; padding: 3px; width: 195px; height: 70px; font-family: Sans-Serif; border: solid 2px #A0302F; background-color: #fff;}