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


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

h2 {
 margin-top:30px;
 }

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

hr {
 color:#b9c7e3; 
 background:#b9c7e3;
 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 #b9c7e3;
 }

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

.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:#fff;
 /* background-image:url(../images/background_header.gif); */
 background-position:top right;
 background-repeat:no-repeat;
 border-top:0px;
 border-bottom:1px solid #5d7dbe;
 }

#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 img {
 padding:15px 0 0 0;
 border:none;
 }
 
#header a {
 text-decoration:none;
 line-height:70px;
 }

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

h2.media, h2.news, h2.calendar, h2.DVD, h2.note {
 display:block;
 margin:5px 0 5px 5px;
 height:32px;
 line-height:32px;
 padding-left:40px;
}

h2.media {background:url(../images/media.png) no-repeat left center;}
h2.news {background:url(../images/news.png) no-repeat left center;}
h2.calendar {background:url(../images/calendar.png) no-repeat left center;}
h2.DVD {background:url(../images/DVD.png) no-repeat left center;}
h2.note {background:url(../images/pin.png) no-repeat left center;}


#sidebox a:hover {text-decoration:underline;}
 
#content {
 margin:10px 0 0 0;
 padding:0 5px;
 float:right;
 width:535px;
 text-align:left;
 border:1px solid #b9c7e3;
 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 23px;
 line-height:20px;
 background:url(../images/blue_note.png) 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 #5d7dbe;
 border-right:1px solid #5d7dbe;
 border-bottom:1px solid #5d7dbe;
 background-color:#fff;
 }

.nav_logo {margin-top:20px;border:none;}
 
#footer {
 clear:both;
 margin:20px 0;
 padding:80px 0;
 text-align:center;
 width:100%;
 color:#006;
 background:url(../images/footer_border.jpg) no-repeat 50% 25%;
 }

#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/blue_note.png) no-repeat center left;
 padding-left:23px;
 }
 
#footer p {
 margin:5px 0 0 0;
 padding:0;
 font-size:10px;
 }



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


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

.button {
 background:url(../images/button.jpg) top right;
 border:1px solid #fff;
 border-width:1px 0;
 font:bold 14px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
 color:#fff;
 }
 
.buttonHover {
 background:url(../images/button.jpg) bottom right;
 font:bold 14px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
 color:#fff;
 cursor:pointer;
 cursor:hand;
 }
 
.glossymenu{
 text-align:left;
 margin:20px auto;
 padding:0;
 width:170px;
 }

.glossymenu a.menuitem{
 background:url(../images/button.jpg) top right;
 font:bold 14px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
 color:#fff;
 display:block;
 position:relative;
 width:auto;
 padding:4px 0;
 padding-left:10px;
 text-decoration:none;
 border:1px solid #fff;
 border-width:1px 0;
 }
 
.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;
 }
 
.glossymenu a.menuitem:hover{
 background:url(../images/button.jpg) bottom right;
 }

.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 #5d7dbe;
 }
 
.glossymenu div.submenu ul li a{
 display:block;
 font:normal 13px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
 color:#006;
 text-decoration:none;
 padding:2px 0;
 padding-left:10px;
 }
 
.glossymenu div.submenu ul li a:hover{
 background:#5d7dbe;
 color:white;
 }