/* CSS Document */

/* -------------------- GLOBAL ----------------------*/
/* -------------------- GLOBAL ----------------------*/
/* -------------------- GLOBAL ----------------------*/

*{ margin: 0px; padding:0px;}
body{ text-align: center; font-family: Arial, Helvetica, sans-serif; background:#FFFFFF url(../img/body-background.jpg) repeat-x;}
.clear { clear:both; font-size: 1px;}
.clear-large { clear:both; font-size: 3px;}
.cleartop { clear:both; font-size: 1px; padding-top: 15em;}
.clearbottom { clear:both; font-size: 1px; padding-top: 18em;}
input.text, textarea, select{ font-size: .8em; line-height:1.3em; border-top:1px solid #7c7c7c; border-left:1px solid #c3c3c3; border-right:1px solid #c3c3c3; border-bottom:1px solid #ddd; background:#fff url(images/fieldbg.gif) repeat-x top; padding: 3px;}

#mainContainer{ margin: auto; width: 47.6em; text-align: left; background:#FFFFFF url(../img/header-bg.jpg) no-repeat top right; }
#top{ position: absolute; background-color: #FFFFFF; width: 761px;}

strong{ font-weight: normal;}

/* -------------------- mainContainerLeft ----------------------*/
/* -------------------- mainContainerLeft ----------------------*/
/* -------------------- mainContainerLeft ----------------------*/

#mainContainerLeft{ float: right; width: 30.4em; margin-top: 209px; position:relative; padding: 0em 1.3em 1.3em 1.3em;}
#mainContainerLeft .breadcrumb{ font-size: 70%; margin: 4px 0px 15px 0px;}
#mainContainer h1{ font-weight: normal; font-size: 11px; color:#1a5426; float:right; text-align: right; padding-top: 5px; padding-right: 16px;}
#mainContainerLeft h2{ font-weight: normal; font-size: 200%; margin-bottom: 9px; color:#1a5426;}
#mainContainerLeft h3{ font-weight: normal; font-size: 80%; margin-bottom: 9px; color:#1a5426;}
#mainContainerLeft h4{ font-weight: bold; font-size: 110%; color:#999999;  margin-bottom: 13px;}
#mainContainerLeft p{ font-size: 75%; line-height: 150%; margin-bottom: 15px;}
#mainContainerLeft ul{ margin-left: 25px; font-size: 75%; line-height: 150%;}
#mainContainerLeft li{ margin-bottom: 15px;}
#mainContainerLeft ul li ul{ font-size: 100%; margin-top: 12px;}
#mainContainerLeft a{ color:#1a5426;}
#mainContainerLeft .index-container{ margin-top: ;}
#mainContainerLeft .index-container .left{ float: left; height: 6em; width: 14em; margin-right: .3em; border: 1px solid #ffffff}
#mainContainerLeft .index-container .pic{ float: left; width: 4em; padding-top: 1em; border: 0px;}
#mainContainerLeft .index-container .pic img{ border: 0px;}
#mainContainerLeft .index-container .text{ float: left; width: 10em;}
#mainContainerLeft .index-container .right{ float: left; height: 6em; width:15em;  border: 1px solid #ffffff}
#mainContainerLeft .index-container h3{ margin-bottom: 5px; margin-top: 8px; color:#666666; font-weight: bold;}
#mainContainerLeft .index-container p{ font-size: 65%;}
#mainContainerLeft .index-container p a{ color:#1a5426;}
#mainContainerLeft .index-container h3 a{ color:#666666; text-decoration: none;}
#mainContainerLeft .index-container h3 a:hover{ text-decoration: underline; color:#666666;}

.hidden{display: none;}

#mainContainerLeft .contenttitle { float: left; clear: both; width: 30.4em;}
#mainContainerLeft #txtsec { float: left;}
#mainContainerLeft #txtsec2 { float: left; font-weight: normal; font-size: 240%; margin-bottom: 9px; color:#1a5426;}
#mainContainerLeft #othertxt { float: left; font-weight: normal; font-size: 200%; color:#1a5426; margin: 0px 8px 9px 8px;}


table{ width: 485px; font-size: 80%; background-color:#769A7C}
table .tableheader{  height: 38px; background-color:#FFFFFF; background-image:url(../img/tabletop.jpg); background-repeat:no-repeat; background-position: bottom}
.tablefooter{  height: 38px; background-color:#FFFFFF; background-image:url(../img/tablebottom.jpg); background-repeat:no-repeat; }
table th{ text-align: center; color:#FFFFFF; border-bottom: 1px solid #ffffff}
table td{ padding: 7px; color:#FFFFFF; font-size: 90%; text-align:right; border-bottom: 1px solid #ffffff}
.float{ width: 235px; float: left; padding: 3px;}
.float_multi{ width: 240px; float: left; padding: 3px;}
.float_large{ clear: both; padding: 3px;}
.float label{ font-size: 70%; display: block}
.float_large label{ font-size: 70%; display: block; margin-top: 5px;}
.float_multi label{ font-size: 70%;}
.float_large input{ width: 480px;}
.float input{ width: 230px;}

/* -------------------- mainContainerRight ----------------------*/
/* -------------------- mainContainerRight ----------------------*/
/* -------------------- mainContainerRight ----------------------*/

#nav .top {  float:left; background:url("../img/nav-l.jpg") no-repeat left top; margin:0; padding:0 2px 0 9px; width: 13em; }
#nav .top span {  float:left; display:block; background:url("../img/nav-r.jpg") no-repeat right top; padding:5px 15px 3px 6px; text-decoration:none; color:#FFFFFF; }
/* Commented Backslash Hack
   hides rule from IE5-Mac \*/
#nav .top span {float:none;}
/* End IE5-Mac hack */

#nav .bottom {  float:left; background:url("../img/nav-lb.jpg") no-repeat left bottom; margin:0; padding:0 2px 0 9px; width: 13em; }
#nav .bottom span {  float:left; display:block; background:url("../img/nav-rbb.jpg") no-repeat right bottom; padding:5px 15px 3px 6px; text-decoration:none; color:#FFFFFF; }
/* Commented Backslash Hack
   hides rule from IE5-Mac \*/
#nav .bottom span {float:none;}
/* End IE5-Mac hack */

#nav{ width: 13.5em;}
#nav ul { background-color: #e8eee9; padding-bottom: 0px;}
#nav ul ul{background-image: none; background-color: #f8f6de; padding-bottom: 5px; border-top: 1px solid #aec3b3; border-bottom: 1px solid #aec3b3;}
#nav ul li li{ background-image: none; padding-left: 0px; margin-bottom: 0px;  background-color: #f8f6de;}
#nav ul li li a{ font-size: 65%; color:#333333; padding:0px 0px 0px 0px; text-decoration: none;  background-image:url(../img/bulletS.gif); padding-left: 15px; background-position:center left; background-repeat: no-repeat;}
#nav ul li { padding-bottom: 0px; margin-bottom:0px; background-image: url(../img/liBg.jpg); background-position:bottom; list-style-type: none; background-repeat:repeat-x; background-color: #e8eee9; padding-left: 0px;}
#nav ul li a{ padding-bottom: 5px; line-height: 200%; margin-bottom: 5px; font-size: 75%; color:#333333; padding:0px 0px 0px 15px; margin-left: 15px; text-decoration: none; background-image:url(../img/bulletL.gif); padding-left: 15px; background-position:center left; background-repeat: no-repeat;}
#nav ul li a:hover{ font-size: 75%; line-height: 200%;  color:#333333; text-decoration:underline; padding:0px 0px 0px 15px; margin-left: 15px; background-image:url(../img/bulletL.gif); padding-left: 15px; background-position:center left; background-repeat: no-repeat;}
#nav ul li li a:hover{ font-size: 65%; color:#333333; padding:0px 0px 0px 0px; text-decoration: underline;  background-image:url(../img/bulletS.gif); padding-left: 15px; background-position:center left; background-repeat: no-repeat;}

#subnav{ width: 13.5em; padding-top: 0px; border: 1px solid #cccccc; padding-bottom: 5px; background-color:#e8eee9; clear: both; margin-bottom: 40px;}
#subnav ul { background-color: #e8eee9; padding-bottom: 0px;}
#subnav ul ul{background-image: none; background-color: #e8eee9; padding-bottom: 5px; border-top: 1px solid #aec3b3; border-bottom: 1px solid #aec3b3;}
#subnav ul li li{ background-image: none; padding-left: 0px; margin-bottom: 0px;  background-color: #e8eee9;}
#subnav ul li li a{ font-size: 60%; color:#333333; padding:0px 0px 0px 0px; text-decoration: none;  background-image:url(../img/bulletS.gif); padding-left: 15px; background-position:center left; background-repeat: no-repeat;}
#subnav ul li { 4px; padding-bottom: 0px; margin-bottom:0px; background-position:bottom; list-style-type: none; background-repeat:repeat-x;  background-color: #e8eee9; padding-left: 0px;}
#subnav ul li a{ padding-bottom: 5px; line-height: 200%; margin-bottom: 5px; font-size: 70%; color:#333333; padding:0px 0px 0px 15px; margin-left: 15px; text-decoration: none; background-image:url(../img/bulletL.gif); padding-left: 15px; background-position:center left; background-repeat: no-repeat;}
#subnav ul li a:hover{ font-size: 70%; line-height: 200%;  color:#333333; text-decoration:underline; padding:0px 0px 0px 15px; margin-left: 15px; background-image:url(../img/bulletL.gif); padding-left: 15px; background-position:center left; background-repeat: no-repeat;}
#subnav ul li li a:hover{ font-size: 65%; color:#333333; padding:0px 0px 0px 0px; text-decoration: underline;  background-image:url(../img/bulletS.gif); padding-left: 15px; background-position:center left; background-repeat: no-repeat;}



#mainContainerRight{ float: right; width: 14.0em; margin-top: 209px; position:relative; padding-top: 0.4em;}
#mainContainerRight #related {position: relative;}
#mainContainerRight #related h4{ color:#ffffff; font-size: 90%; margin-bottom: 5px;position: relative;}
#mainContainerRight #related h5 { font-size: 75%; color:#FFFFFF; position: relative;}
#mainContainerRight #related p { font-size: 70%; margin-bottom: 10px; color:#FFFFFF;position: relative;}
#mainContainerRight #related ul { list-style-image:url(../img/bullet.jpg); margin-left: 19px;position: relative;}
#mainContainerRight #related li { margin-bottom: 10px; margin-top: 10px;position: relative;}
#mainContainerRight #related a{ color:#FFFFFF; position: relative;}
#mainContainerRight #related a:hover{ text-decoration: none; position: relative;}

.t {background: url(../img/dott.gif) 0 0 repeat-x; background-color:#8fab96; position: relative;}
.b {background: url(../img/dotb.gif) 0 100% repeat-x; position: relative;}
.l {background: url(../img/dotl.gif) 0 0 repeat-y; position: relative;}
.r {background: url(../img/dotr.gif) 100% 0 repeat-y; position: relative;}
.bl {background: url(../img/bl.gif) 0 100% no-repeat; position: relative;}
.br {background: url(../img/br.gif) 100% 100% no-repeat; position: relative;}
.tl {background: url(../img/tl.gif) 0 0 no-repeat; position: relative;}
.tr {background: url(../img/tr.gif) 100% 0 no-repeat; padding:10px 10px 10px 15px; position: relative;} 


/* -------------------- TOP NAVIGATION ----------------------*/
/* -------------------- TOP NAVIGATION ----------------------*/
/* -------------------- TOP NAVIGATION ----------------------*/

#header { position: absolute; height:209px; width: 47.6em;}
#header #logo a{ text-indent: -9999px; background: url(../img/logo.gif) left 5px no-repeat; display: block; width: 577px; height: 78px;}
#header .image{ margin-top: 5px;}
#header p{ font-size: 145%; margin-bottom: 5px; margin-top: 10px; margin-left: 30px;}
#header .number{ font-size: 145%; margin-bottom: 5px; font-weight: bold; margin-top: 0px; margin-left: 24px;}


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

#footer{ text-align: center; border-top: 1px solid #cccccc; padding: 10px 0px 10px 0px; border-bottom: 1px solid #cccccc;}
#footer p{ font-size: 65%; width:100%; margin-bottom: 10px; color:#999999}

#footer p a { color: #999999; text-decoration: none; }