body {font: arial; color: #000000; margin: 0px; background: #e3dfd4; text-align: center}

.brownbanner {color: #f5f4f1}
.brownlt {color: #eeece5}
.brownbkgd {color: #e3dfd4}
.brownlink {color: #a0977a}
.brownfooter {color: #c9cabc}
.gray {color: #666666} 
.graydk {color: #333333} 
.green {color: #4c8f76}
.orange {color: #d29022}
.blue {color: #005699}
.tan {color: #f4f2ee}v

.clearboth {clear:both;}
.space2 {clear:both; height:2px; width:2px}
.space5 {clear:both; height:5px; width:5px}
.space10 {clear:both; height:10px; width:10px}
.space15 {clear:both; height:15px; width:15px}
.space20 {clear:both; height:20px; width:20px}
.space30 {clear:both; height:30px; width:30px}
.space40 {clear:both; height:40px; width:40px}

.top10 {margin: 10px 0px 0px 0px}
.top20 {margin: 20px 0px 0px 0px}
.top30 {margin: 30px 0px 0px 0px}
.bot10 {margin: 0px 0px 10px 0px}
.bot20 {margin: 0px 0px 20px 0px}
.bot30 {margin: 0px 0px 30px 0px}
.nospace {margin: 0px}

img {border:0px;}
td {vertical-align: top;}
a {text-decoration: underline;  color: #4c8f76; font-weight: bold}
a:hover {text-decoration: none; color: #4c8f76; font-weight: bold}



/* CONTAINERS */
#toolscontainer, #bannercontainer, .line3gray, #mainnavcontainer, #container, #footercontainer {padding:0px; margin: 0 auto; width: 907px}

#toolscontainer {background: url(/images/logo.jpg) no-repeat center; height: 112px; border-bottom: 3px solid #666666}
#logo {float: left; height: 112px; width: 300px; padding: 0px; margin: 0px}
#tools {text-align: right; padding: 50px 30px 0px 0px; font: 10px arial; font-weight: normal; color: #333333}
#tools a {text-decoration: none;  color: #333333; font-weight: normal}
#tools a:hover {text-decoration: underline; color: #333333; font-weight: normal}

#bannercontainer, #footercontainer  {border-top: 1px solid #f5f4f1; border-bottom: 1px solid #ffffff;}
.line3gray {height: 3px; background: #333333; border-bottom: 1px solid #ffffff;}

#mainnavcontainer {border-bottom: 1px solid #ffffff; height: 77px}

#footercontainer {background: url(/images/footer.jpg) no-repeat; height: 60px; clear:both}
#footer {text-align: left; padding: 27px 0px 0px 15px; font: 10px arial; color: #333333; font-weight: normal}
#footer a {text-decoration: underline;  color: #333333; font-weight: bold}
#footer a:hover	{text-decoration: none; color: #333333; font-weight: bold}

#container {background: #ffffff}



/* TOP NAVIGATION */
#nav {padding: 0px; margin: 0px; list-style: none; line-height: 1;}
#nav ul {padding: 0px; margin: 0px; list-style: none; line-height: 1;}
#nav li { /* all list items */float: left}

#nav a, #nav a:hover {display: block}
#nav a:hover, #nav a.selected {}


/* second-level lists */
#nav li ul, * html #nav li ul {position: absolute; background: #f5f4f1; width: 170px; border-top: 1px solid #c9cabc; border-right: 1px solid #c9cabc; border-left: 1px solid #c9cabc;left: -999em}
#nav li ul a, #nav li ul a:hover {display: block; padding: 5px; color: #333333; text-align: left; text-decoration: none; font-weight: bold; border-bottom: 1px solid #c9cabc; width: 160px; border-right: 0px; font: 10px arial; font-weight: normal}
* html #nav li ul a, * html #nav li ul a:hover {width: 170px}
#nav li ul a {background: #c8c2b0}
#nav li ul a:hover {color: #ffffff; background: #a0977a;}

/* third-and-above-level lists */
#nav li ul ul {margin-left: 170px; margin-top: -1.9em;}
#nav li:hover ul ul, #nav li.sfhover ul ul {left: -999em;}
#nav li:hover ul, #nav li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul { /* lists nested under hovered list items */left: auto;}



/* LEFT NAVIGATION */
.subnavline {height: 1px; padding: 0px; margin: 0px; border-bottom: 1px dotted #333333}

.subnav ul {font: 9px/12px verdana; list-style: none; margin: 0px;  padding: 0px; }
.subnav li {display: block; margin: 0; padding: 0; border-bottom: 1px dotted #333333;}
.subnav a {text-decoration: none; background: #f4f2ee; font-weight: normal}
.subnav a span {display: block; color: #333333; padding: 10px; background: #f4f2ee; font-weight: bold}
/* Commented Backslash Hack hides rule from IE5-Mac \*/
.subnav a span {float:none;}
/* End IE5-Mac hack */
.subnav a:hover, .subnav a:hover span {color: #4c8f76; background: #ffffff; font-weight: bold}
.subnav a:hover span {padding: 10px;}
.subnav a:hover {text-decoration: none}

.subnav .current a, .subnav .current a span {color: #4c8f76; background: #ffffff; font-weight: bold}
.subnav .current a span {padding: 10px;}
.subnav .current a:hover, .subnav .current a:hover span {color: #4c8f76; background: #ffffff; font-weight: bold}
.subnav .current a:hover span {padding: 10px}
.subnav .current a:hover {text-decoration: none}



/* COLUMNS */
#colhome1, #colhome2, #colhome3, #colhome4 {text-align: left; font: 11px/16px arial; margin: 0px; color: #333333}
#colleft, #colhome1, #colhome3, #col1, #content {float: left;}
#colright, #colhome2, #colhome4, #col2 {float: right}
#colleft {width: 364px; height: 500px; background: #ffffff}
#colright {width: 543px; height: 500px; background: #ffffff}

#colhome1, #colhome2, #colhome3 {width: 181px; height: 500px; border-right: 1px solid #ffffff}
#colhome1 {background: #ebe9e1}
#colhome2 {background: #f1efe9}
#colhome3 {background: #f7f5f2}
#colhome4 {background: #ffffff; width: 331px; padding: 36px 15px 30px 15px}
* html #colhome4 {width: 361px}

#colhome1 ul, #colhome2 ul, #colhome3 ul, #colhome4 ul {margin-top: 0px; margin-bottom: 15px; margin-left: 10px; padding-left: 0px; padding-top: 0px; font: 11px/16px arial; list-style: disc}
#colhome1 p, #colhome2 p, #colhome3 p, #colhome4 p {font: 11px/16px arial; color: #333333; margin: 0px 0px 30px 0px}



#content {width:907px; background-color: #f4f2ee; margin: 0px; padding: 0px}
#col1 {text-align: left; padding: 50px 15px 30px 15px; width:196px; margin:0px; background: #f4f2ee}
* html #col1 {width:226px;}
#col2 {text-align: left; padding: 50px 30px 30px 30px; width:621px; background: #ffffff}
* html #col2 {width:681px;}

#col2, #col2 p {font: 12px/18px arial; color: #333333}
#col2 p {margin: 0px 0px 20px 0px}
#col2 ul, #col2 ol {margin-top: 0px; margin-bottom: 15px; margin-left: 20px; padding-left: 0px; padding-top: 0px; font: 12px/18px arial}
#col2 ul li ul, #col2 ol li ol {margin-top: 0px; margin-bottom: 0px; margin-left: 20px; padding-left: 0px; padding-top: 0px; font: 12px/18px arial}
#col2 ul {list-style: disc}
#content table {margin: 0; padding: 0}

.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
/* End hide from IE-mac */




/* CONTENT */
h1 {font: 24px/28px arial; color: #333333; padding: 0px; margin: 0px; font-weight: bold; text-transform: uppercase}
h2 {font: 20px/24px arial; color: #333333; padding: 0px; margin: 30px 0px 20px 0px; font-weight: bold; text-transform: uppercase}
h3 {font: 16px/20px arial; color: #333333; padding: 0px; margin: 30px 0px 20px 0px; font-weight: bold; text-transform: uppercase}
h4 {font: 14px/18px arial; color: #333333; padding: 0px; margin: 30px 0px 0px 0px; font-weight: bold; text-transform: normal}


.pad15 {padding: 15px}
.pic {margin-right:10px; margin-bottom: 10px; float:left}
.top {font: 9px verdana; font-weight: bold; padding: 10px 0px 0px 0px; margin: 30px 0px 0px 0px; border-top: 1px solid #333333}
.line {background: url(/images/line.gif) repeat-x; height: 26px}

.box1 {padding: 15px; margin: 0px 0px 20px 0px; background: #f0f4f0;}

.small {font: 9px/18px verdana; color: #333333; margin: 0px 0px 30px 0px}
.date {font: 10px/18px arial; color: #333333; margin: 0px 0px 10px 0px; font-style: italic}

form {margin: 0px; padding: 0px;}
form label {display: block; width: 120px; float: left; margin: 8px 0px 0px 0px; text-align: left; padding: 0px; font: normal 12px/18px Arial}
input.check {width: 15px; display: block; float: left; margin-bottom: 5px; border: 0px}
input.radio {border: 0px}
label.wide {display: block; width: 550px; float: left; margin-bottom: 10px; text-align: left; padding-left: 10px;}
form input, form select, form textarea {width:auto; margin:5px 0px 0px 0px; font: 9px verdana; font-weight: normal; color: #000000; border: 1px solid #4d4d4d; padding: 2px;}
textarea {overflow: auto;}





.data table {margin: 0px; padding: 0px; border: 0px;}
.data th {font: bold 10px verdana; color: #333333; background: #c7d6c7; padding: 2px; text-align: left; vertical-align: bottom; text-transform: uppercase;}
.data td {font: normal 10px verdana; color: #333333; background: #f0f4f0; padding: 2px; text-align: left; vertical-align: top;}
.data td a {text-decoration: none; color: #4c8f76; font-weight: bold}
.data td a:hover {text-decoration: underline; color: #4c8f76; font-weight: bold}
.data th a {text-decoration: none; color: #333333; font-weight: bold}
.data th a:hover {text-decoration: underline; color: #333333; font-weight: bold}

.basic table {margin: 0px; padding: 0px; border: 0px;}
.basic th {font: bold 12px/16px arial; color: #333333; background: #c7d6c7; padding: 2px; text-align: left; vertical-align: bottom; }
.basic td {font: normal 12px/16px arial; color: #333333; padding: 2px; text-align: left; vertical-align: top;}
.basic td a {text-decoration: none; color: #4c8f76; font-weight: normal}
.basic td a:hover {text-decoration: underline; color: #4c8f76; font-weight: normal}
.basic th a {text-decoration: none; color: #333333; font-weight: normal}
.basic th a:hover {text-decoration: underline; color: #333333; font-weight: normal}


.lft {float:left; text-align:left;}
.rgt {float:right; text-align:right; width:auto}

.left {text-align:left !important;}
.right {text-align:right !important;}
.center {text-align:center !important;}
.bottom {vertical-align:bottom !important;}
.middle {vertical-align:middle !important;}