/* ================================== */
/* Zero down margin and padding on all elements */
* { margin: 0; padding: 0 }
html { height: 100.1% } /*for IE*/
body { text-align: center } /*for IE, undone in wrapper*/
body { font: 62.5%/1.6 Arial, Helvetica, Verdana, sans-serif; background-color: #fff;}

#header  { background: #fff url("images/logo.gif") no-repeat left bottom; margin-bottom: 0; height: 95px }
#header a { color:#fff; font-size:0.2em; width: 990px; height: 95px; position: absolute; }
#mainNav { list-style: none }

#mainContent h1, #secondaryContent h1   { color: #848D4C; font-size: 2em; font-weight: normal; margin-bottom: 0.1em }
#mainContent h2, #secondaryContent h2 { color: #6F7072; font-size: 1.4em; margin-bottom: 0.5em; margin-top: 0; }
#mainContent h3, #secondaryContent h3 { color: #6F7072; font-size: 1.4em; margin-top: 1em; margin-bottom: 0.3em; line-height: 1.2em}
#mainContent h4, #secondaryContent h4 { color: #6F7072; font-size: 1.3em; margin-top: 1em; margin-bottom: 0.3em; line-height: 1.2em}
#mainContent h5, #secondaryContent h5 { color: #6F7072; font-size: 1.2em; margin-top: 0.5em; margin-bottom: 0.3em; line-height: 1.2em}
#mainContent h6, #secondaryContent h6 { color: #6F7072; font-size: 1.1em; font-weight: normal; padding-top: 0.5em; margin-bottom: 1em; line-height: 1.1em}

a:link {outline: none;}
a:visited {outline: none;}
a:hover {outline: none;}
a:active {outline: none;}

#mainContent .break { line-height: 0; clear: both }
#mainContent .hr_1px { height: 1px; border: 0 none;border-top: 1px solid #6F7072; margin-bottom: 20px; padding: 0; }
#mainContent br { line-height: 0.6em }
#mainContent p { font-size: 1.3em; margin-bottom: 0.5em;}
#mainContent ul { margin-bottom: 1em; padding: 0; list-style-type: none}
#mainContent ul li  { font-size: 1.3em; background: url("images/bullet.gif") no-repeat 0.5em 0.6em; padding-left: 20px }
#mainContent li li  { font-size: 0.9em; background: url("images/bullet.gif") no-repeat 0.5em 0.6em; padding-left: 20px }
#mainContent a { color: #848D4C;   }
#mainContent a:hover { color: #000;}


.pdf, .editmode .pdf, #secondaryContent .pdf{ color: #848D4C; font-weight: normal; text-decoration: none; padding-top: 2px; padding-bottom: 2px; background-image: url("images/pdficon_small.gif"); background-repeat: no-repeat; background-position: 0 0em; padding-left: 25px;}
.doc, .editmode .doc, #secondaryContent .doc { color: #848D4C; font-weight: normal; text-decoration: none; padding-top: 2px; padding-bottom: 2px; background-image: url("images/wordicon.gif"); background-repeat: no-repeat; background-position: 0 0em; padding-left: 25px;}
.xls, .editmode .xls, #secondaryContent .xls { color: #848D4C; font-weight: normal; text-decoration: none; padding-top: 2px; padding-bottom: 2px; background-image: url("images/excelicon.gif"); background-repeat: no-repeat; background-position: 0 0em; padding-left: 25px;}
.ppt, .editmode .ppt, #secondaryContent .ppt { color: #848D4C; font-weight: normal; text-decoration: none; padding-top: 2px; padding-bottom: 2px; background-image: url("images/ppticon.gif"); background-repeat: no-repeat; background-position: 0 0em; padding-left: 25px;}
.zip, .editmode .zip, #secondaryContent .zip { color: #848D4C; font-weight: normal; text-decoration: none; padding-top: 2px; padding-bottom: 2px; background-image: url("images/zipicon.gif"); background-repeat: no-repeat; background-position: 0 0em; padding-left: 25px;}
.fla, .editmode .fla, #secondaryContent .fla { color: #848D4C; font-weight: normal; text-decoration: none; padding-top: 2px; padding-bottom: 2px; background-image: url("images/flashicon.gif"); background-repeat: no-repeat; background-position: 0 0em; padding-left: 25px;}


.editmode br { line-height: 0.6em }
.editmode p { font-size: 1.3em; margin-bottom: 0.6em}
.editmode h1   { color: #848D4C; font-size: 2em; font-weight: normal; margin-bottom: 0.1em }
.editmode h2 { color: #6F7072; font-size: 1.5em; margin-bottom: 1em; margin-top: 0; }
.editmode h3 { color: #6F7072; font-size: 1.4em; margin-top: 1em; margin-bottom: 0.3em; line-height: 1.2em}
.editmode h4 { color: #6F7072; font-size: 1.3em; margin-top: 1em; margin-bottom: 0.3em; line-height: 1.2em}
.editmode h5 { color: #6F7072; font-size: 1.2em; margin-top: 0.5em; margin-bottom: 0.3em; line-height: 1.2em}
.editmode h6 { color: #6F7072; font-size: 1.1em; padding-top: 0.5em; margin-bottom: 1em; line-height: 1.1em}
.editmode a { color: #0a1f62; font-weight: bold;  }
.editmode table { font-size: 1em; }
.editmode ul {  list-style-type: none}
.editmode ul li   { font-size: 1.3em; background: url("images/bullet.gif") no-repeat 0.5em 0.6em; padding-left: 20px }
.editmode li li  { font-size: 0.9em; background: url("images/bullet.gif") no-repeat 0.5em 0.6em; padding-left: 20px }
#secondaryContent ul {list-style-type: none}



.editlink a { color: #4f677d; font-size: 1.3em; font-weight: bold; }
.explain {color: #FF0000;font-size: 1em;}


/* ---------------------------------------------------------------- */

#mainContent .floatleft { margin: 5px 15px 0.5em 0; float: left; }
#mainContent .floatright { margin: 5px 0 0.5em 15px; float: right; }
#mainContent .floatlast { margin: 5px 0 10px 0; float: right; }
#mainContent .nextpic { margin: 5px 0 10px 0px; float: left; }
#mainContent .pic_left_block { margin: 5px 15px 10px 0; display: block }
#mainContent .pic_right_block { margin: 5px 0 10px 15px; float: right; }
#mainContent .pic_fullwidth { margin: 5px 0 10px 0; float: right; }
#mainContent .divblock { width: 100%; margin-bottom: 1em }


/* for IE6 only, background-color: #fff */
#footer { font-size: 1.1em; background-color: #fff; padding: 2px; border-top: 1px dotted #6F7072; margin-top:20px}
#footer a  { color: #848d4c; font-weight: normal; text-decoration: none }
#footer a:hover { color: #000 }

#footer_left {float: left; margin-top:5px}
#footer_right {float: right; margin-top:5px}


/* Basic layout
=================================================================================================== */
#wrapper    { background-color: #fff; text-align: left; margin: 0 auto; width: 990px }
#mainNav { width: 200px; float: left; }
#content  { width: 790px; float: right;}
#titleimg { background-color: #fff; width: 790px; margin-bottom: 20px }
#mainContent   { color: #6F7072; width: 560px; float: left;}
#secondaryContent  { display: inline; width: 185px; float: right; margin-right:13px}

#footer { clear: both }
/* Add some padding */
#mainContent  {  }
#mainNav { padding-top: 0px; padding-bottom: 0px;}
#mainNav *, #mainNav * * { padding-right: 0px; padding-left: 0px }
#secondaryContent * * { padding-right: 0; padding-left: 0 }

/* Main navigation
==================================================================================================== */
/* Navigation basic settings
--------------------------------- */
#mainNav {font-family: "Arial Narrow", Arial, Helvetica, sans-serif; margin-top: -14px;}
#mainNav h1  { color: #848D4C; font-size: 1.6em; margin-top: 0.4em; margin-left: 13px;}

/* ============== Main Navigation Start ==============  */

/* --------- Level 1 ----------- */
#mainNav ul {list-style: none; font-size: 1em; padding-right: 20px; padding-left: 13px; font-family: "Arial Narrow", Arial, sans-serif;}
#mainNav li {border-bottom: 1px dotted #6F7072;}
/* Hilite current level 1 */
#mainNav ul li a {color: #6F7072; text-decoration: none; display: block; margin-top: 2px;margin-bottom: 2px; padding-left: 3px; padding-top: 3px;padding-bottom: 3px;font-size: 1.3em; line-height: 1.4em}
#mainNav ul li a:hover { color: #fff; background-color: #9db136;}
#mainNav ul li a.current { color: #fff; background-color: #9db136; }

/* --------- Level 2 ----------- */
#mainNav ul li ul {margin-left: -10px; padding-right: 0px; }
#mainNav ul li ul li {border-bottom: none;}
/* Hilite current level 2 */
#mainNav ul li ul li a {color: #6F7072; font-weight: normal; display: inline; font-family: Arial, Helvetica, Verdana, sans-serif; margin-top: 2px; margin-bottom: 2px; border-bottom: none; background: none;}
#mainNav ul li ul li a:hover { color: #FF3300; background: none;}
#mainNav ul li ul li a.current { color: #FF3300; background:none; }
/* ============== Main Navigation End ==============  */
/* Fix IE. Hide from IE Mac \*/
* html #mainNav ul li  { width: 100%; height: 1% }
* html #mainNav ul li a  { height: 1% }
* html #mainNav li  { margin-top: 0 }
* html #mainNav ul  { padding-top: -1px }
/* End */

/* Content navigation
==================================================================================================== */
/* --------- Level 1 ----------- */
#navibox {margin-bottom: 2em;}
#navibox ul {list-style: none; font-size: 1em; }
#navibox ul li {background: none; margin-left: -20px}
#navibox ul li a { color: #0a1f62; text-decoration: none; display: block; margin-top: 0.3em; line-height: 1.5em; font-weight: bold}
#navibox ul li a:hover {color: #000; }
#navibox ul li a.current {color: #000; border-bottom: 1px solid #728DA7;}

/* --------- Level 2 ----------- */
#navibox ul li ul li { margin-left: 0px}
#navibox ul li ul li a { color: #333; text-decoration: none; display: block; margin-top: 0.3em; line-height: 1.5em; font-weight: normal}
#navibox ul li ul li a:hover {color: #848D4C; }
#navibox ul li ul li a.current {border-bottom: none; color: #848D4C; }

/* rounded corner teaser box, secondary content
==================================================================================================== */
#secondaryContent .teaserbox { margin-bottom: 10px }
#secondaryContent .teaserbox p { color: #6f7072; font-size: 1.3em; background: #fff; padding: 0 0 0px 0 }
#secondaryContent .more { width:100%; height:20px; margin-top:5px; border-bottom: 1px dotted #6F7072; padding-bottom:8px; margin-bottom:20px}

#secondaryContent .teaserbox a:hover { color: #000;}
#mainContent .more {border-bottom: 1px solid #6F7072; background-position: right 0; margin-top: 5px; margin-bottom:20px; padding-bottom: 8px; width: 100%; height: 20px; }


/* Container (image, text, link (icon)
==================================================================================================== */
.container { margin-left: 20px; width: 100%; padding-top:10px; border-top: 1px solid #6F7072; border-bottom: 1px solid #6F7072 }
.containertable { margin-bottom: 20px; }

#mainContent .container ul { list-style: none; }
#mainContent .container ul li  { background: url("images/more_icon.jpg") no-repeat right 0; margin-left: -20px; margin-bottom: -2px }
#mainContent .container ul li a {color: #848D4C; text-decoration: none; display: block; }
#mainContent .container ul li a:hover {color: #000;}

#mainContent .more ul { list-style: none;  }
#mainContent .more ul li  { background: url("images/more_icon.jpg") no-repeat right 0;margin: 0; padding: 0; }
#mainContent .more ul li a {color: #848D4C; text-decoration: none; display:block; }
#mainContent .more ul li a:hover {color: #000;}

#secondaryContent .more ul { list-style: none; font-size: 1.3em; }
#secondaryContent .more ul li  { background: url("images/more_icon.jpg") no-repeat right 0; margin-left: 0px; }
#secondaryContent .more ul li a {color: #848D4C; text-decoration: none; display: block; }
#secondaryContent .more ul li a:hover {color: #000;}

.clear { clear: both }
/* Navigation Search pages settings
--------------------------------- */
#mainNav .searcharea p { font-family: "Arial Narrow", Arial, sans-serif; font-size: 1.5em; margin-right: 0px; margin-bottom: 1em; margin-left: 0px; border-bottom: 2px solid #ccd4df}
#mainNav .searcharea table { color: #0a1f62; font-size: 1.3em; margin-right: 0px; margin-bottom: 1em; margin-left: 13px; }

/* Search options fields
=================================================================================================== */
#mainNav .searchForm#ti_overall{ width: 130px; height:18px; color:#6F7072;} 
#mainNav .searchForm#submit_overall{ width: 22px;}

#footer .searchForm#ti_overall{ width: 130px; height:18px; color:#6F7072;} 
#footer .searchForm#submit_overall{ width: 22px;}



/* Search results 
---------------------------------------------------------------- */
#mainContent .pages {font-size: 1.3em; text-align:right; margin-top: 20px;}
#mainContent .pages a {color: #333; background: none; padding-left: 0}
#mainContent .resultlink, #mainContent .error { font-size: 1.3em; margin-top: 1.5em; }
#mainContent .resultlink a {  color: #848D4C; text-decoration: none; font-weight: bold;}
#mainContent .resultlink a:hover { color: #FF3300; }
#mainContent .resultdesc { font-size: 1.2em;}