* { margin: 0; padding: 0; }

html { min-width: 800px; }

body { text-align: center; background: #232b3c url(/ui/bg.gif) repeat; }

a { text-decoration: none; }

br.clearing { clear: left; }

span.alt { visibility: hidden; }

h2 { color: #010101; font-size: 1.1em; font-family:Hevetica, Arial, sans-serif; font-weight:bold; text-align:left;}
h3 { color: #010101; font-size: 1.0em; font-family:Hevetica, Arial, sans-serif; font-weight:bold; text-align:left;}

div#wrapper { margin: 0 auto; width: 800px; text-align: left; background: #ffffff url(/ui/soft_edge_onwht.gif) top right repeat-y; }

div#header { width: 100%; height: 220px; background: transparent url(/ui/header_banner.jpg) bottom right no-repeat; }
body.homepage div#header { width: 100%; height: 255px; background: transparent url(/ui/home_hd.jpg) bottom right no-repeat; }

div#header h1, div#header h2 { margin: 0; padding: 0; }

div#header h1 a { width: 150px; height: 124px; display: block; float: left; background: url(/ui/logo.gif); }
div#header h2 a { margin: 78px 10px 0 0; width: 460px; height: 45px; display: block; float: right; background: url(/ui/cdpp_hdtxt.gif); }

div#content-outer { width: 100%; float: left; background: #f7f2db url(/ui/soft_edge_onyel.gif) top right repeat-y; }
* html div#content-outer { margin: 0; padding: 0; width: 800px; display: inline; }

/*-- Primary tier Navigation ----------------*/
div#navigation { margin-top: -1.4em; width: 160px; float: left; display: block; clear: left;  font-family: Helvetica, Arial, sans-serif; }
body.homepage div#navigation { margin-top: 0; }
div#navigation ul { margin: 0; list-style: none; }
div#navigation ul li { margin: 0; padding: 0; border-top: 1px solid #f7f2db; font-size: .8em; }
div#navigation ul li:first-child { border-top: 1px solid #c1beb0; }
div#navigation ul li a { margin: 0; padding: .2em 10px .2em 10px; width: 140px; display: block; color: #010101; background-color: #c1beb0; }
div#navigation ul li a:hover { margin: 0; padding: .2em 10px .2em 10px; width: 140px; display: block; color: #fff; background-color: #546384; }
* html div#navigation ul li { margin: 0; padding: 0; } 

/*-- Second tier Navigation ----------------*/
body.homepage div#navigation ul li ul { list-style: none; display: none; }
div#navigation ul li ul { list-style: none; display: block; font-size: 1.2em;}
div#navigation ul li ul li a { color: #546384; background-color: #e7e2ce; }
div#navigation ul li ul li a:hover { margin: 0; padding: .2em 10px .2em 10px; width: 140px; display: block; color: #fff; background-color: #546384; }

div#utilities { width: 100%; display: block; float: left; height: 1.4em; background-color: #dcd8c5; }
div#utilities ul.utilities { margin-right: 20px; list-style: none; width: 100px; float: right; }
div#utilities ul.utilities li { margin: 5px; float: left; }
div#utilities ul.utilities li a { overflow: hidden; display: block; height: 16px; width: 16px;}

body.homepage div#utilities { height: 40px; background: #87b8b5 url(/ui/front_search_bg.gif) top left repeat-x; }
body.homepage div#utilities ul.utilities { margin: .6em .2em .2em .6em; float: right; }

li#print a { background-image: url(/ui/print_icon.gif); }
li#textdwn a { background-image: url(/ui/little_a_grey.gif); }
li#textup a { background-image: url(/ui/big_a_grey.gif); }
body.homepage li#textdwn a { background-image: url(/ui/little_a.gif); }
body.homepage li#textup a { background-image: url(/ui/big_a.gif); }

div#utilities ul.breadcrumb { margin: .4em 0 0 180px; list-style: none; width: auto; display: block; float: left;}
body.plain div#utilities ul.breadcrumb {margin: .4em 0 0 20px;}
* html div#utilities ul.breadcrumb { display: inline; }
div#utilities ul.breadcrumb li { margin-right: .25em; display: inline; font: .75em  Helvetica, Arial, sans-serif; }
div#utilities ul.breadcrumb li a:link {color: #48597e; font-family:Helvetica, Arial, sans-serif;}
div#utilities ul.breadcrumb li a:visited {color: #48597e; font-family:Helvetica, Arial, sans-serif;}
div#utilities ul.breadcrumb li a:hover {color: #010101; text-decoration:underline;}

body.homepage div#content-inner { margin: 20px 20px 20px 190px; width: auto; color: #2d374c; }
body.plain div#content-inner { margin:20px; }
div#content-inner { margin: 40px 30px 30px 180px; width: auto; color: #2d374c; text-align:justify;}
div#content-inner ol, div#content-inner ul { margin: 0 1em 0 1.5em; }
div#content-inner blockquote { margin: 0 1em 0 1.5em; }
div#content-inner ol, div#content-inner ul, div#content-inner p { margin-bottom: 1.5em; font: .8em/1.5 Hevetica, Arial, sans-serif; }

div#content-inner a:link { color: #546384; font-weight:bold;}
div#content-inner a:visited { color: #546384; font-weight:bold;}
div#content-inner a:hover { color: #010101; text-decoration: underline;}


div.left { margin-top: 20px; width: 55%; float: left; }
div.right { margin-top: 20px; width: 35%; float: right; text-align:left;}

body.twocol div.left { width: 45%; float: left; padding:3px;}
body.twocol div.right { width: 45%; float: right; padding:3px;}

/* -- Tail enders -------------------------------------------------
-- General Content ----------------*/
div#footer {width:auto; padding:1.5em; text-align:right; background: #f7f2db url(/ui/soft_edge_onyel.gif) right repeat-y;}
div#footer a:link {color: #48597e; font-family: Helvetica, Arial, sans-serif; font-size:.9em;}
div#footer a:visited {color: #48597e; font-family:Helvetica, Arial, sans-serif; font-size:.9em;}
div#footer a:hover {color: #010101; text-decoration:underline;}

table { text-align: left; width: 100%; background-color: #f1ecd6; padding: 0; border-collapse: collapse; font: .9em Helvetica, Arial, sans-serif; font-weight: normal; }
* html table { width: 95%; }
table tr { border-bottom: 1px solid #546384; font: .8em/1.5 Hevetica, Arial, sans-serif;}
table th { background-color: #d4d1c6; padding: .3em; border-left: 1px solid #f7f2db; font-weight:bold;}
table td { margin-left: 1px; padding: .3em; background-color: #f1ecd6; border-left: 1px solid #f7f2db; border-bottom:1px solid #d4d1c6;}