/* -------------------- */
/*       GENERAL        */
/* -------------------- */

body {
        margin: 8px;
        padding: 0px;
        font-family: Trebuchet ms, Verdana, Arial, Helvetica, sans-serif;
        font-size: 13px;
        line-height: 18px;
        font-weight: normal;
        color: #000000;
        background:#F2F2CF;
        border:1px solid #000000;
        text-align: left;
}

td {vertical-align:top;}

p.top {
        float: right;
        font-size: 10px;
}

a {color:#2655DA}

#content a:visited { color:#993399 }

a:hover { text-decoration: underline !important; }

a.more {
        display: block;
        font-size: 10px;
        padding-right:8px;
        padding-top:3px;
        font-weight:normal;
        float: right;
}

.date {
        font-size: 9px;
        font-weight: bold;
        color: #999999;
}

img {
        margin: 0px 0px 0px 0px;
        padding: 0px 0px 0px 0px;
        border: 0px;
        float: none;
}

img.theme {
        float:left;
        margin:0px 10px 6px 0px;
        padding:0px;
}

img.right {
        float: right;
        padding-left:4px;
}

/* -------------------- */
/*       HEADER             */
/* -------------------- */

#topnav {
        padding:1px;
        padding-right:8px;
        margin-bottom:0px;
        background:#C63D00;
        color:#ffffff;
        font-size:10px;
        text-align:right;
        border-bottom:1px solid #B05800;
}

#topnav a, #topnav a:visited {
        color:#ffffff;
        text-decoration: none !important
}

#topnav a:hover {
        text-decoration: underline !important
}

#header {
        padding-right:18px;
        padding-top:2px;
        padding-bottom:2px;
        border-top:1px solid #ffffff;
        background:#92856C;
}

#header .subtitle {
        float:right;
        padding-top:6px;
        font-family:times, times new roman, georgia, serif;
        font-size:16px;
        font-weight:bold;
        line-height:18px;
        color:#F6F6DD;
        }

/* -------------------- */
/*    FOOTER            */
/* -------------------- */

#footer {
        margin: 0px 0px 0px 0px;
        padding: 8px 0px 6px 0px;
        border-top: 1px solid #000;
        font-size: 10px;
        background:#ffffff;
}

#footer p {
        margin: 4px 0px 4px 0px;
        padding: 0px 0px 0px 0px;
        text-align: center;
}

#footer a { text-decoration: none; }


/* -------------------- */
/*    BREADCRUMB BAR    */
/* -------------------- */

#trailbar {
        clear:both;
        border-top:1px solid #000000;
        border-bottom:1px solid #000000;
        margin: 0px 0px 0px 0px;
        padding: 0px;
        height:24px;
        background:#F6F6DD;
}

#trailbar p, #trailbar p a {
        color: #C63D00;
        margin: 0px;
        padding: 0px;
        font-size: 10px;
}

#trailbar p {
        padding: 4px 0px 0px 10px;
}

/* ---------------- */
/*        LAYOUT          */
/* ---------------- */

#twocolumn, #threecolumn { background:#D0D098; }

#leftcolumn {
        float:left;
        width:165px;
        margin: 0px 0px 0px 0px;
        padding: 0px 0px 0px 0px;
        background: #D0D098;
}

#rightcolumn {
        float: right;
        width: 188px;
        border: 0px;
        margin-top:6px;
        padding-top:7px;
        background: transparent;
}

#content {
        margin: 0px 188px 0px 165px;
        padding: 0px 10px 0px 0px;
        background:#Ffffff url(../images/backgd_title.gif) top left no-repeat;
        border-bottom:1px solid #ffffff;
}

#twocolumn #content {
        margin: 0px 0px 0px 165px;
        padding: 0px 12px 0px 0px;
}

#content #indent {
        margin: 0px 0px 0px 26px;
}


/* -------------------- */
/*         CONTENT          */
/* -------------------- */


#content h1 {
        margin: 0px;
        padding: 9px 0px 24px 0px;
        font-size: 26px;
        line-height:30px;
        font-weight: normal;
        font-family:times, times new roman, georgia, serif;
}

#sectionhome #content h1, #sectionhome #content h2 { color:#C63D00; }
#sectionone #content h1, #sectionone #content h2 { color:#7B5302 }
#sectiontwo #content h1, #sectiontwo #content h2 { color:#663399 }
#sectionthree #content h1, #sectionthree #content h2 { color:#5D2114 }
#sectionfour #content h1, #sectionfour #content h2 { color:#B05800 }
#sectionfive #content h1, #sectionfive #content h2 { color:#014701 }


#content p {
        margin: 0px 0px 14px 0px;
        padding: 0px;
        line-height:18px;
        color:#000;
        font-size:13px;
}

#content li {
        font-size:13px;
        line-height:18px;
        margin-bottom:8px;
}

#content ul.nostyle {
        list-style: none;
        margin: 10px 0px 10px 15px;
        padding: 0px;
}

#content ul.nostyle li {
        line-height: 10px;
}

#content h2 {
        border-bottom: 1px solid #333;
        margin: 14px 0px 14px 0px;
        padding: 3px;
        font-size: 16px;
        line-height: normal;
        font-weight: bold;
}

#content h3 {
        font-size:13px;
        font-weight: bold;
        margin: 6px 0px 4px 0px;
        padding: 0px;
        color: #000;
}

#content h4 {
        font-size:13px;
        font-weight: bold;
        margin: 6px 0px 6px 0px;
        padding: 0px;
        color:#CC0000;
}

#content h5 {
        font-size: 11px;
        font-weight:normal;
        line-height: 16px;
        margin: 6px 0px 12px 0px;
        padding: 0px;
        color: #000000;
}


#content p.linkbar img {
        float: none;
        margin: 0px 4px 0px 0px;
}

#content p.linkbar {
        font-size: 10px;
        margin: 2px 8px 16px 0px;
}

#content a {
        color:#526194;
}


#content p.linkbar a, #content a {text-decoration:underline;}


/* -------------------- */
/*  GENERAL LINKBOXES   */
/* -------------------- */

div.linkbox {
        font-size: 11px;
        margin: 0px 6px 6px 6px;
        padding: 0px 8px 4px 8px;
        background: #FFFFFF;
}

div.linkbox h1 {
        margin: 0px 0px 6px 0px;
}

div.linkbox h2 {
        font-size: 10px;
        margin: 6px 0px 3px 0px;
        color: #676E7D;
}

div.linkbox p {
        font-size: 10px;
        margin: 3px 0px 8px 0px;
        line-height: 13px;
        color: #000000;
}


/* -------------------- */
/*    LEFT LINKBOXES    */
/* -------------------- */

#leftcolumn div.linkbox {
        margin:0px;
        padding-left:0px;
        background:#fff;
}

#leftcolumn div.linkbox h1 {padding-left:8px}



/* -------------------- */
/*     LEFTNAV MENU     */
/* -------------------- */
#leftmenu {
        width: 165px;
        padding: 0px;
        margin: 0px;
        background: #D0D098;
        font-size: 15px;
}

#leftmenu ul {
        background: #D0D098;
        list-style-type: none;
        margin: 0px 0px 10px 0px;
        padding: 0px 0px 0px 0px;
}

#leftmenu li {
        margin: 0px;
        padding: 0px;
        font-weight:bold;
}

#leftmenu ul li a {
        display:block;
        margin-top:0px;
        margin-top:2px;
        padding:4px;
        padding-left:8px;
        border-top:1px solid #ffffff;
        border-right:1px solid #000000;
        border-bottom:1px solid #000000;
        color:#FFCC33;
        text-decoration:none !important;
}

#leftmenu ul li#one a { margin-top:0px }

#leftmenu li li a.sublast {
        border-bottom:1px solid #000000;
        padding-bottom:4px;
}

/* highlights history */
#leftmenu li#one a {
        background:#7B5302;
}

/* highlights architecture */
#leftmenu li#two a, #leftmenu li#two li a {
        background:#663366;
}


/* highlights advice */
#leftmenu li#three a, #leftmenu li#three li a {
        background:#753427;
}


/* highlights resources */
#leftmenu li#four a, #leftmenu li#four li a {
        background:#B05800;
}


/* highlights renovations */
#leftmenu li#five a, #leftmenu li#five li a {
        background:#014701;
}

#leftmenu li a:hover {
        text-decoration:none;
        color:#ffffff;
}



#leftmenu li#one li a:hover,
#leftmenu li#two li a:hover,
#leftmenu li#three li a:hover,
#leftmenu li#four li a:hover,
#leftmenu li#five li a:hover {
        text-decoration:underline !important;
        background:#ffffff;
}

/* keep submenus cream */
#leftmenu li#one li a,
#leftmenu li#two li a,
#leftmenu li#three li a,
#leftmenu li#four li a,
#leftmenu li#five li a {
        background:#F6F6DD;
        border-right:1px solid #000000;
}

/* submenu text colors */
#leftmenu li#one li a { color:#7B5302 }
#leftmenu li#two li a { color:#4E1B4E }
#leftmenu li#three li a { color:#5D2114 }
#leftmenu li#four li a { color:#804102 }
#leftmenu li#five li a { color:#002900 }



/* turns off submenus depending on which section you are in */
body#sectionhome #leftmenu li#one ul,
body#sectionhome #leftmenu li#two ul,
body#sectionhome #leftmenu li#three ul,
body#sectionhome #leftmenu li#four ul,
body#sectionhome #leftmenu li#five ul,
body#sectionone #leftmenu li#two ul,
body#sectionone #leftmenu li#three ul,
body#sectionone #leftmenu li#four ul,
body#sectionone #leftmenu li#five ul,
body#sectiontwo #leftmenu li#one ul,
body#sectiontwo #leftmenu li#three ul,
body#sectiontwo #leftmenu li#four ul,
body#sectiontwo #leftmenu li#five ul,
body#sectionthree #leftmenu li#one ul,
body#sectionthree #leftmenu li#two ul,
body#sectionthree #leftmenu li#four ul,
body#sectionthree #leftmenu li#five ul,
body#sectionfour #leftmenu li#one ul,
body#sectionfour #leftmenu li#two ul,
body#sectionfour #leftmenu li#three ul,
body#sectionfour #leftmenu li#five ul,
body#sectionfive #leftmenu li#one ul,
body#sectionfive #leftmenu li#two ul,
body#sectionfive #leftmenu li#three ul,
body#sectionfive #leftmenu li#four ul {
        display: none;
}

#leftmenu li li, #leftmenu ul ul {
        border-top:none;
        margin-bottom: 0px;
        padding-bottom: 0px;
}

#leftmenu li li a {
    display: block;
        font-weight: normal;
        font-size: 12px;
        padding: 2px 4px 2px 14px;
        margin: 0px;
        border:none;
 }

/* adds arrow next to current submenu item */
.a_subone #leftmenu ul li#one li#a_subone a,
.a_subtwo #leftmenu ul li#one li#a_subtwo a,
.a_subthree #leftmenu ul li#one li#a_subthree a,
.a_subfour #leftmenu ul li#one li#a_subfour a,
.a_subfive #leftmenu ul li#one li#a_subfive a {
        background:#F2F2CF url(/ui/images/arrow_brown.gif) left no-repeat;
}

.b_subone #leftmenu ul li#two li#b_subone a,
.b_subtwo #leftmenu ul li#two li#b_subtwo a,
.b_subthree #leftmenu ul li#two li#b_subthree a,
.b_subfour #leftmenu ul li#two li#b_subfour a,
.b_subfive #leftmenu ul li#two li#b_subfive a,
.b_subsix #leftmenu ul li#two li#b_subsix a,
.b_subseven #leftmenu ul li#two li#b_subseven a {
        background:#F2F2CF url(/ui/images/arrow_purple.gif) left no-repeat;
}

.c_subone #leftmenu ul li#three li#c_subone a,
.c_subtwo #leftmenu ul li#three li#c_subtwo a,
.c_subthree #leftmenu ul li#three li#c_subthree a,
.c_subfour #leftmenu ul li#three li#c_subfour a {
        background:#F2F2CF url(/ui/images/arrow_red.gif) left no-repeat;
}

.d_subone #leftmenu ul li#four li#d_subone a,
.d_subtwo #leftmenu ul li#four li#d_subtwo a,
.d_subthree #leftmenu ul li#four li#d_subthree a,
.d_subfour #leftmenu ul li#four li#d_subfour a,
.d_subfive #leftmenu ul li#four li#d_subfive a,
.d_subsix #leftmenu ul li#four li#d_subsix a,
.d_subseven #leftmenu ul li#four li#d_subseven a {
        background:#F2F2CF url(/ui/images/arrow_orange.gif) left no-repeat;
}

.e_subone #leftmenu ul li#five li#e_subone a,
.e_subtwo #leftmenu ul li#five li#e_subtwo a,
.e_subthree #leftmenu ul li#five li#e_subthree a {
        background:#F2F2CF url(/ui/images/arrow_green.gif) left no-repeat;
}


/* removes arrows from all sub-submenu items unless they are current */
.d_subfour #leftmenu ul li#four li#d_subfour ul li a,
.d_subfour #leftmenu ul li#four li#d_subnineteen ul li a  {
        background-image: url(none);
}

/* Holly Hack. IE Requirement \*/
* html #leftmenu ul li { height: 1%; }
* html #leftmenu ul li a { height: 1%; }
/* End */