
/* =Settings & useful stuff
----------------------------------------------- */

* {margin:0;padding:0;}

img {
border:0;
font-size:0;
line-height:0;
}

h1 {
font:bold 16px/17px arial;
color:#333333;
}

.center {
width:100%;
text-align:center;
}

.bold {
font-weight:bold;
}

.normal {
font-weight:normal;
}

.italic {
font-style:italic;
}

.spacer {
clear:both;
}

span.underLine {
text-decoration:underline;
}

.floatL {
float:left;
}

.floatR {
float:right;
}

.clearR {
clear:right;
}

.clearL {
clear:left;
}


/* =Page Layout
----------------------------------------------- */

body {
padding-top:48px;
padding-left:56px;
background:#797F61;
}

div#container {
width:660px;
background:#eeeeee;
}

div#image {
width:658px;
border:1px solid #eeeeee;
/* The next two remove additional space inserted at the bottom of the block */
font-size:0;
line-height:0;
}

div#menu {
width:658px;
border-left:1px solid #eeeeee;
border-right:1px solid #eeeeee;
}

div#main {
float:left;
width:467px;
padding-left:6px;
text-align:left;
background:#69350E;
}

div#directory {
float:left;
width:185px;
text-align:center;
background:#dddddd;
}

div#body {
/**
height:440px;
**/
width:658px;
padding-bottom:12px;
border:1px solid #eeeeee;
background:#DCC894;
}

div#logo {
float:left;
width:140px;
padding:15px 18px 0 18px;
border:0px solid black;
}

div#content {
float:right;
width:477px;
padding-top:15px;
text-align:center;
border:0px solid green;
}

div#footer {
width:652px;
margin-top:8px;
padding:0 4px 36px 4px;
}

div#copyright {
float:left;
width:230px;
text-align:left;
}

div#address {
float:right;
width:420px;
text-align:right;
}



/* =Formatting General
----------------------------------------------- */

div#title p {
font:bold 19px/20px arial;
color:#69350E;
}

div#main p {
font:normal 11px/22px verdana;
color:#eeeeee;
}

div#directory p {
font:normal 11px/22px verdana;
color:#333333;
}

img#blackline {
width:145px;
height:2px;
}

div#logo p {
padding-bottom:8px;
font:bold 25px/25px times;
color:black;
}

div#content p.tag {
padding-bottom:2px;
font:bold 13px/17px arial;
color:#69350E;
}

div#content p.practices {
padding-bottom:12px;
font:bold 10px/12px arial;
color:black;
}

div#content p.content {
padding:12px 0px 12px 0px;
font:normal 13px/15px arial;
text-align:left;
}

div#content p.more-content {
width:420px;
margin:auto;
padding:4px 0 8px 24px;
font:normal 13px/15px arial;
text-align:center;
}

div#content p.survey {
width:420px;
margin:auto;
margin-top:18px;
margin-bottom:12px;
font:normal 13px/16px arial;
text-align:justify;
}

div#footer p {
font:normal 11px/14px arial;
color:#cccccc;
}


/* =Formatting Body
----------------------------------------------- */


div#body p.newsDate {
margin-bottom:2px;
font:normal 10px/11px verdana;
}

div#body p.newsName {
margin-bottom:6px;
font:bold 13px/15px arial;
color:#69350E;
}

div#body p.newsSummary {
margin-bottom:8px;
font:normal 13px/15px arial;
color:#111111;
}


/* =Links
----------------------------------------------- */

a:link.z, a:visited.z, a:active.z {text-decoration:underline;font-weight:bold;color:#69350E;}
a:hover.z {text-decoration:none;font-weight:bold;color:#69350E;}

a:link.y, a:visited.y, a:active.y {text-decoration:underline;font-weight:normal;color:#69350E;}
a:hover.y {text-decoration:none;font-weight:normal;color:#69350E;}

a:link.x, a:visited.x, a:active.x {text-decoration:underline;font-weight:normal;color:#cccccc;}
a:hover.x {text-decoration:none;font-weight:normal;color:#cccccc;}

a:link.u, a:visited.u, a:active.u {text-decoration:underline;font-weight:normal;color:#000000;}
a:hover.u {text-decoration:none;font-weight:normal;color:#000000;}

a:link.w, a:visited.w, a:active.w {text-decoration:none;font-weight:normal;color:#eeeeee;}
a:hover.w {text-decoration:none;font-weight:normal;color:#dddddd;}


/* =Menu
----------------------------------------------- */

#nav, #nav ul { /* all lists */
padding:0;
margin:0;
list-style:none;
line-height:1;
}

#nav a { /* all list items */
display:block;
font:normal 11px/22px verdana;
color:#eeeeee;
text-decoration:none;
}

#nav li li a { /* second-level lists */
font:normal 11px/17px verdana;
color:#69350E;
}

#nav li { /* all list items */
float:left;
margin-right:14px;
padding-left:2px;
padding-right:2px;
}

#nav li ul { /* second-level lists */
position:absolute;
left:-999em; /* using left instead of display to hide menus because display:none isn't read by screen readers */
width:124px;
margin:0;
background:#e8dfc6;
border:1px solid white;
}

#nav li li ul { /* third-level lists */
width:170px;
}

#nav li li { /* second-level lists */
width:120px;
margin-right:0;
padding-right:2px;
padding-left:2px;
}

#nav li li li { /* third-level lists */
width:166px;
}

#nav li:hover ul ul, #nav li.sfhover ul ul {
left:-999em;
}

#nav li ul ul {
margin:-17px 0 0 122px;
}

#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;
}

#nav li li:hover, #nav li li.sfhover {
background:white;
}