/*------------------------------------------------------------
   GLOBAL
------------------------------------------------------------*/
html { height: 100%; }

body 
{
   font-size: 14px;
   line-height: 140%;
   font-family: arial, helvetica, verdana, san-serif;
   background-color: #797979;
   color: #fff;
   text-align: left;
   min-height: 100%; 
   height: 100%;
}

.bg 
{
   width: 100%;
   height: 100%;
   position: fixed;
   top: 0;
   left: 0;
   z-index: 5000;
}

* html .bg { display: none; }

a:link, a:visited { color: #000; text-decoration: underline; }
a:hover, a:active { color: #00a3c9; text-decoration: underline; }

h1, h2, h3, h4, h5, h6, strong 
{
   font-family: arial, helvetica, verdana, sans-serif;
   color: #00a3c9;
}

h1 
{
   font-size: 28px;
   font-weight: bold;
   line-height: 113%;
   padding: 60px 0px 16px 0px;
   margin: 0px;
}

h2 
{
   font-size: 20px;
   font-weight: bold;
   line-height: 113%;
   color: #0b4451;
   padding: 10px 0px 14px 0px;
   margin: 0px;
}

h3 
{
   font-size: 14px;
   line-height: 113%;
   color: #0b4451;
   padding: 0px 0px 12px 0px;
   margin: 0px;
}

p
{
   padding: 0px 0px 14px 0px;
   margin: 0px;
}

hr
{
   background-color: #d2ad97;
   color: #d2ad97;
}

ul
{
   list-style: disc;
   padding: 0px 0px 14px 0px;
   margin: 0px 0px 0px 40px;
}

ol
{
   list-style: decimal;
   padding: 0px 0px 14px 0px;
   margin: 0px 0px 0px 40px;
}

li 
{
   padding: 0px 0px 10px 0px;
}

table 
{
   font-size: inherit;
}

th 
{
   /*distinguishing table headers from data cells*/
   font-weight: bold;
   text-align: center;
}

td.label { font-weight: bold !important; }

caption 
{
   /*coordinated marking to match cell's padding*/
   margin-bottom:.5em;
   /*centered so it doesn't blend in to other content*/
   text-align:center;
}

select,
input,
button,
textarea
{
   font-family: arial, helvetica, verdana, sans-serif;
   font-size: 13px;
}

.left { float: left; }
.right { float: right; }
.clear { clear: both; }
.center { text-align: center; }
.imageLeft { padding: 0px 15px 10px 0px; float: left; clear: both;}
.imageRight { margin: 0px 0px 10px 15px; float: right; clear: both; }
.mpreset { margin: 0; padding: 0;}
.subscribe { font-family: Tahoma, Geneva, sans-serif; font-size: 12px; }
.rssicon { float: left; margin: 2px 8px 0px 0px; }
.divider { padding: 0 2px; }

.quote 
{
   font-style: italic;
   line-height: 250%;
   color: #4e5650;
}

#preload { display: none; }

/*------------------------------------------------------------
   pageframe
------------------------------------------------------------*/
#pageFrame, #pageFrameHome, #pageFrame2Reg, #pageFrameFull
{
   width: 960px;
   margin: 0px auto;
   z-index: 6000;
   position: relative;
   -moz-box-shadow: 3px 3px 5px #575757;
   -webkit-box-shadow: 3px 3px 5px #575757;
   box-shadow: 3px 3px 5px #575757;
   background-color: #fff;
   overflow: auto;
}

/*------------------------------------------------------------
   HEADER
------------------------------------------------------------*/
#header
{
   background-image: url(../graphics/header-back.png);
   background-color: #000;
   width: 960px;
   height: 166px;
   margin: 0 auto;
}

#header a:link, #header a:visited { color: #FFF; text-decoration: none; }
#header a:hover, #header a:active { color: #00a3c9; text-decoration: underline; }

#header #logo
{
   margin: 32px 0px 0px 38px;
}

#searchBox
{
   display: inline;
   text-align: right;
   margin: 0px;
   padding: 0px;
   width: 400px;
   height: 130px;
   float: right;
}

#searchBox table
{
   margin: 70px 38px 0px 0px;
   float: right;
}

#searchBox td 
{ 
   vertical-align: middle; 
}

#headerNav 
{
   list-style-type: none;
   margin: 0px;
   padding: 0px;
   display: inline;
}

#headerNav li 
{
   font-size: 10px;
   font-weight: bold;
   display: inline;
   color: #a3a3a3;
}

#headerNav .divider { padding: 0px 15px; }

#headerNav a:link, #headerNav a:visited { color: #a3a3a3; text-decoration: none; }
#headerNav a:hover, #headerNav a:active { color: #a3a3a3; text-decoration: underline; }

#searchBox #searchInput
{ 
   background-color: #bab9b9;
   font-size: 10px;
   width: 170px;
   height: 12px;
   color: #534741;
}

#searchBox #searchIcon
{
   margin-left: 10px;
}

/*------------------------------------------------------------
   Main nav
------------------------------------------------------------*/
#nav
{
   clear: both;
   list-style: none;
   margin: 1px 0px 0px 50px;
   padding: 0px;
   height: 30px;
}

/* * html #nav { margin-bottom: -10px; } */

#nav li
{
   font-family: arial, helvetica, verdana, san-serif;
   font-size: 11px;
   line-height: 11px;
   font-weight: bold;
   padding: 0;
   margin: 0;
   float: left;
}

#nav li a
{
   display: block;
   padding: 10px 15px 0px 15px;
   height: 20px;  /* 30 - 10 */
   float: left;
}

#nav a:link, #nav a:visited { color: #cecece; text-decoration: none; }
#nav a:hover, #nav a:active { background-color: #2d2c2c; color: #fad870; text-decoration: none; }
/* #nav a.selected { background-color: #0fd0fb; color: #000; } */
#nav a.selected { color: #0fd0fb;; }

/*------------------------------------------------------------
   User Actions
------------------------------------------------------------*/
#actions 
{
   list-style-type: none;
   padding: 10px 0px 0px 0px;   /* right = 25px + 25px from content region */
   margin: 0px -35px 0px 0px;
   float: right;
}

#actions li 
{ 
   float: left;
   /* border: solid 1px #999; */
}

#actions li a 
{
   font-size: 10px;
   font-weight: bold;
   display: block;
   padding: 5px 0px 0px 0px;
   margin: 0px;
   height: 25px;
   float: left;
}

#actions li img { margin-left: 7px; }

#actions a:link, #actions a:visited { text-decoration: none; }
#actions a:hover, #actions a:active { text-decoration: underline; }

/*--------------------------------------------------
   Left Subnav
--------------------------------------------------*/
#subnav
{
   background-image: url(../graphics/subnav-back.png);
   background-repeat: no-repeat;
   background-color: #fddcaf;
   list-style-type: none;
   margin: 0px;
   padding: 30px 0px 15px 0px;
}

#subnav li
{
   font-family: Arial, Helvetica, Geneva, Tahoma, sans-serif;
   font-size: 11px;
   font-weight: bold;
   text-transform: uppercase;
   line-height: 127%;
   color: #000;
   margin: 0px;
   padding: 0px;
}

#subnav a
{ 
   display: block; 
   padding: 8px 20px 8px 60px;
   width: 171px;     /* 251 - 80 */
}

#subnav a:link, #subnav a:visited 
{ 
   border-top: solid 1px transparent;
   border-bottom: solid 1px transparent;
   color: #555; 
   text-decoration: none; 
}

#subnav a:hover, #subnav a:active 
{ 
   border-top: solid 1px #afa094;
   border-bottom: solid 1px #afa094;
   background-color: #f1b591;
   color: #000; 
   text-decoration: none;
}

/* IE6 tweaks */
* html #subnav a:link, * html #subnav a:visited
{
   border-top: solid 0px #fff;
   border-bottom: solid 0px #fff;
}

/* IE6 tweaks */
* html #subnav a:hover, * html #subnav a:active
{
   border-top: solid 0px #fff;
   border-bottom: solid 0px #fff;
}

#subnav .menu1Sel a
{ 
   border-top: solid 1px #afa094;
   border-bottom: solid 1px #afa094;
   background: url("../graphics/subnav-bullet.png") no-repeat;
   background-position: 30px 4px;
   .background-position: 30px 5px;  /* IE6 and IE7 hack - ugly! */
   background-color: #d6b5a0;
   color: #000;
}

/*------------------------------------------------------------
   2 Region Layout
------------------------------------------------------------*/
#pageFrame2Reg #content
{
   background-image: url(../graphics/content-back.png);
   background-repeat: repeat-y;
   background-color: #eee;
   width: 960px;
}

#pageFrame2Reg #col1
{
   text-align: left;
   width: 251px;
   float: left;
}

#pageFrame2Reg #news
{
   background-image: url(../graphics/subnews-back.png);
   background-repeat: no-repeat;
   background-color: #d1ecfb;
   padding: 35px 30px 0px 40px;
   min-height: 475px;
   height: auto !important;   /* for IE6 */
   height: 475px;
}

#pageFrame2Reg #news .newsSummary
{
   font-family: georgia, palatino, times, "times new roman", serif;
   font-size: 14px;
   line-height: 133%;
}

#pageFrame2Reg #news .newsSummary .date
{
   font-family: Arial, Helvetica, Geneva, Tahoma, sans-serif;
   font-size: 12px;
   font-weight: normal;
   color: #6c6c6c !important;
}

#pageFrame2Reg #col2
{
   background-image: url(../graphics/shadow-709.png);
   background-repeat: no-repeat;
   background-color: #fff;
   font-family: georgia, palatino, times, "times new roman", serif;
   font-size: 14px;
   text-align: left;
   margin: 0;
   overflow: auto;
   padding: 0px 90px 50px 40px;
   color: #000;
   width: 579px;
   min-height: 400px;
   float: left;
}


/*------------------------------------------------------------
   2 Column Layout
------------------------------------------------------------*/
#pageFrame #content
{
   background-image: url(../graphics/content-back.png);
   background-repeat: repeat-y;
   background-color: #eee;
   width: 960px;
}

#pageFrame #col1
{
   /* background-image: url(../graphics/content-back.png);
   background-repeat: no-repeat; */
   background-color: #fedeb0;
   text-align: left;
   width: 251px;
   float: left;
}

#pageFrame #col2
{
   background-image: url(../graphics/shadow-709.png);
   background-repeat: no-repeat;
   background-color: #fff;
   font-family: georgia, palatino, times, "times new roman", serif;
   font-size: 14px;
   text-align: left;
   margin: 0;
   overflow: auto;
   padding: 0px 90px 50px 40px;
   color: #000;
   width: 579px;
   min-height: 400px;
   float: left;
}

/*------------------------------------------------------------
   FULL PAGE
------------------------------------------------------------*/
#pageFrameFull #content
{
   background-image: url(../graphics/shadow-960.png);
   background-repeat: no-repeat;
   background-color: #fff;
   font-family: georgia, palatino, times, "times new roman", serif;
   font-size: 14px;
   text-align: left;
   margin: 0;
   padding: 0px 90px 50px 50px;
   color: #000;
   width: 820px;        /* 960 - 140 */
   min-height: 400px;
   overflow: auto;
}

/*------------------------------------------------------------
   Content Type - News Summary
------------------------------------------------------------*/
.newsSummary, #newsList
{
   list-style-type: none;
   margin: 0px 0px 0px 0px;
   padding: 0px 0px 0px 0px;
}
   
.newsSummary li, #newsList li
{
   margin: 0px 0px 10px 0px;
   padding: 0px;
}

ul.newsSummary li, ul#newsList li
{
   list-style-image: none;
}

.newsSummary li .date { color: #666; }
.newsSummary li img { margin: 0px 15px 10px 0px !important; }

#newsList li a { font-weight: bold; }
#newsList li img { margin: 0px 15px 10px 0px; }

.searchSummary
{
   font-size: 12px;
   line-height: 140%;
}

/*------------------------------------------------------------
   Content Type - Event Summary
------------------------------------------------------------*/
.eventSummary
{
   list-style-type: none;
   margin: 0px 0px 11px 0px;
   padding: 0px 0px 0px 0px;
}

.eventSummary li
{
   margin: 0px 0px 10px 0px;
   padding: 0px;
}

.eventSummary li img { margin: 0px 15px 10px 0px !important; }

.eventSummary .date { font-weight: bold; }

/*--------------------------------------------------
  Form Styles
--------------------------------------------------*/

.inputForm table
{
   padding: 0px;
   margin: 0px;
   border: 0px;
}

.inputForm td
{
   padding: 10px;
   margin: 10px;
}

.inputForm input, .inputForm textarea, .inputForm select
{ 
   font-size: 11px;
   margin: 5px 0 0 0;
   /*
   line-height: 1.4em;
   color: #000;
   background-color: #6d6e75;
   border: solid 1px #999;
   */
}

.inputForm td 
{ 
   font-size: 12px; 
   color: #000;
   padding: 0px 3px 3px 0px;
}

.inputForm .label 
{ 
   font-size: 12px;
   font-weight: bold;
   color: #000;
}

.inputForm .required 
{ 
   color: #b40f27;
   font-weight: bold;
}

/*------------------------------------------------------------
   Content Type - Tables
------------------------------------------------------------*/
.table1, .table2, .table3, .table4
{
   font-family: Tahoma, Geneva, Arial, sans-serif;
   border-collapse: collapse;
   border: 0px;
   margin: 0 0 20px 0px;
   color: #ffffff;
}

.table1
{
   color: #000;
}

/* th */
.table1 th, .table2 th { background-color: #ccc; }    /* Custom */ 
.table1 th { border: solid 1px #fff; }                /* Custom */ 
.table3 th, .table4 th { color: #000000; }               /* Custom */ 

.table1 th, .table2 th, .table3 th, .table4 th
{
   font-weight: bold;
   text-align: left;
   vertical-align: bottom;

}

.table1 th, .table2 th
{
   font-size: 14px;
   color: #000;
   padding: 3px 8px 10px 8px;
}

.table3 th
{ 
   border: solid 1px #fff;
   font-size: 12px;
   padding: 4px 8px;
}

.table4 th 
{ 
   font-size: 12px;
   padding: 2px 2px 2px 0px;
}

/* td */
.table1 .highlight td, .table2 .highlight td { background-color: #ddd; }
.table3 .highlight td { background-color: #d8ede7; }

.table1 td, .table2 td, .table3 td, .table4 td
{
   vertical-align: top;
   font-size: 12px;
   font-weight: normal;
   padding: 4px 8px;
}

.table1 td
{
   background-color: #eee;
   border-left: solid 1px #ddd;
   border-right: solid 1px #ddd;
   border-bottom: solid 1px #ddd;
}

.table2 td
{
   background-color: #5a4f48;
   border-bottom: solid 1px #ddd;
}

.table3 td
{
   border-left: solid 1px #fff;
   border-right: solid 1px #fff;
   border-bottom: solid 1px #fff;
}

.table4 td
{
   padding: 2px 2px 2px 0px;
}

caption
{ 
   caption-side: bottom; 
   font-size: 11px;
   font-weight: bold;
   text-align: left;
   padding: 6px 6px 0px 6px;
   color: #000;
}

/*------------------------------------------------------------
   FOOTER
------------------------------------------------------------*/
#footer
{
   width: 960px;
   margin: 0px auto;
   clear: both;
}

#footer #footer1
{
   background-image: url(../graphics/footer1-back.png);
   width: 251px;
   height: 68px;
   float: left;
}

#footer #footer2
{
   background-color: #0fd0fb;
   color: #000;
   padding: 0px;
   width: 709px;
   height: 68px;
   float: left;
}

#footer2 p
{
   font-size: 11px;
   font-weight: bold;
   line-height: 18px;
   text-align: left;
   margin: 0px;
   padding: 20px 0px 0px 40px;
}

#footer2 .divider { padding: 0px 16px; }

#footer2 #small 
{
   font-size: 10px;
   font-weight: normal;
}

#footer2 a:link, #footer2 a:visited { color: #000; border-bottom: dotted 1px #888; text-decoration: none; }
#footer2 a:hover, #footer2 a:active { color: #fff; border-bottom: solid 1px #fff; text-decoration: none; }