/********************************************************************/
/************************************************************* TAGS */
/********************************************************************/


body {
 margin:0;
 padding:0;
 text-align:center;
 font:13px/20px Verdana;
 color:#062;
 background:#e3f6de url(../images/background_body.jpg) repeat-x;
 position:relative;
 }
 
h1, h2, h3 {
 font-family:"Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
 color:#329152;
 clear:both;
 }

h2 {
 margin-top:30px;
 }

a {text-decoration:none;color:#06c;}
a:hover {text-decoration:underline;color:#5b5;}

hr {
 color:#b3e7a8; 
 background:#b3e7a8; 
 border:0; 
 height:1px; 
 width:50%;
 text-align:center;
 margin:2em auto;
 }

     hr.ornate {
     height:60px;
     background:url(../images/background_footer.jpg) no-repeat center center;
     }

img.page_body {
 float:right;
 padding:5px;
 margin-left:5px;
 background-color:#fff;
 border:1px solid #329152;
 }

.pdf_link {
 display:block;
 margin:0;
 height:30px;
 line-height:30px;
 background:url(../images/pdf_icon.gif) no-repeat left center;
 padding-left:40px;
 }

.table_container {
 text-align:center;
 margin:30px 0;
 }

.extra_space {margin-top:60px;}

.more {float:right;clear:left;margin:-10px 0 10px 0;}
.right {float:right;}
.left {float:left;}
.clearBoth {clear:both;}
.red {color:#f00;}
.blue {color:#06c;}



/********************************************************************/
/*********************************************************** LAYOUT */
/********************************************************************/



#header_background {
 margin:0;
 padding:0;
 height:70px;
 position:absolute;
 width:100%;
 top:0;left:0;
 background-color:#7ecb7a;
 background-image:url(../images/background_header.gif);
 background-position:top right;
 background-repeat:no-repeat;
 border-top:0px;
 border-bottom:1px solid #329152;
 }

#container {
 margin:0 auto;
 padding:0;
 text-align:left;
 position:relative;
 width:980px;
 z-index:100;
 background:url(../images/background_container.jpg) no-repeat 0 230px;
 }
 
#header {
 margin:0;
 padding:0 0 0 220px;
 height:70px;
 overflow:hidden;
 }
 
#header a {
 color:#fff;
 text-decoration:none;
 font:bold 20px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
 line-height:70px;
 }
 
#header a span {
 color:#329152;
 font-size:24px;
 }

#sidebox {
 margin:10px 0 0 10px;
 padding:0;
 float:right;
 width:200px;
 border:1px solid #329152;
 background:#97de87 url(../images/background_sidebox.jpg) no-repeat bottom right;
 }
 
#sidebox h2, #sidebox p {
 margin:0;
 padding:5px;
 }

#sidebox a:hover {color:#fff;}
 
#content {
 margin:10px 0 0 0;
 padding:0 5px;
 float:right;
 width:535px;
 text-align:left;
 border:1px solid #b3e7a8;
 border-width:0 1px;
 min-height:500px;
 height:auto;
 }
/*\*/
* html #content {
 height:500px;
 }
/**/
 
#content ul, #wider_content ul {
 list-style:none;
 margin:5px 0 5px 10px;
 padding:0;
 }
 
#content ul li, #wider_content ul li {
 list-style:none;
 margin:0;
 padding:0 0 10px 20px;
 line-height:20px;
 background:url(../images/note_page.jpg) no-repeat top left;
 }

#content ul.inline_list {
 list-style:none;
 display:inline;
 margin:0;
 }

#content ul.inline_list li {
 list-style:none;
 display:inline;
 margin:0;
 padding:0 20px 0 0;
 background:none;
 background-image:none;
 }
 
#content h1 {line-height:30px;}

#nav {
 margin:0;
 padding:0;
 position:absolute;
 top:0;left:10px;
 width:200px;
 border-top:0;
 border-left:1px solid #329152;
 border-right:1px solid #329152;
 border-bottom:1px solid #329152;
 background-color:#97de87;
 }
 
#footer {
 margin:0;
 padding:45px 0 20px 0;
 text-align:center;
 width:100%;
 clear:both;
 background:url(../images/background_footer.jpg) no-repeat top center;
 }

#footer ul {
 margin:0;
 padding:0;
 display:inline;
 list-style:none;
 }
 
#footer ul li {
 margin:0;
 padding:0;
 display:inline;
 list-style:none;
 background:url(../images/note_page.jpg) no-repeat center left;
 padding-left:20px;
 }
 
#footer p {
 margin:5px 0 0 0;
 padding:0;
 font-size:10px;
 }



/********************************************************************/
/***************************************************** MENU STYLING */
/********************************************************************/


 
#menuContainer {
 width:100%;
 text-align:center;
 }

.button {
 background:url(../images/nav_button_new.gif) bottom left;
 border:none;
 font:bold 14px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
 color:white;
 }
 
.buttonHover {
 background:url(../images/nav_button_new.gif) 60% 100%;
 border:none;
 font:bold 14px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
 color:white;
 cursor:pointer;
 cursor:hand;
 }
 
.glossymenu{
 text-align:left;
 margin:20px auto;
 padding:0;
 width:170px;
 }

.glossymenu a.menuitem{
 background:url(../images/nav_button_new.gif) bottom left;
 font:bold 14px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
 color:white;
 display:block;
 position:relative;
 width:auto;
 padding:4px 0;
 padding-left:10px;
 text-decoration:none;
 }
 
.glossymenu a.mailbutton{
 background:url(../images/nav_button_mail.gif) bottom left;
 font:bold 14px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
 color:white;
 display:block;
 position:relative;
 width:auto;
 padding:4px 0;
 padding-left:10px;
 text-decoration:none;
 }
 
.glossymenu a.menuitem:visited, .glossymenu .menuitem:active{color:#fff;}

.glossymenu a.menuitem .statusicon{ /*CSS for icon image that gets dynamically added to headers*/
 position:absolute;
 top:5px;
 right:5px;
 border:none;
 }
 
.glossymenu a.menuitem:hover{
 background:url(../images/nav_button_new.gif) 100% 100%;
 }
 
.glossymenu a.mailbutton:hover{
 background:url(../images/nav_button_mail.gif) 100% 100%;
 }

.glossymenu div.submenu{ /*DIV that contains each sub menu*/
 background:#fff;}
 
.glossymenu div.submenu ul{ /*UL of each sub menu*/
 list-style-type:none;
 margin:0;
 padding:0;
 }
 
.glossymenu div.submenu ul li{
 border-bottom:1px solid #a4e88e;
 }
 
.glossymenu div.submenu ul li a{
 display:block;
 font:normal 13px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
 color:#062;
 text-decoration:none;
 padding:2px 0;
 padding-left:10px;
 }
 
.glossymenu div.submenu ul li a:hover{
 background:#a4e88e;
 color:white;
 }