/*------------------------------------------------------------
   GLOBAL
------------------------------------------------------------*/
html { font-size: 100%; /* IE hack */ }

body
{
   font-family: tahoma, "arial narrow", arial, verdana, sans-serif;
   font-size: 62.5%;
   text-align: center;
   color: #333;

   background-color: #e4f6bb;
   margin: 0 auto;
   padding: 0;
}

a:link, a:visited { color: #6ea039; text-decoration: underline; } 
a:hover, a:active { color: #0098c1; text-decoration: underline; }

h1
{
   /* font-size: 2em; */
   font-size: 20px;
   margin: 0px 0px 5px 0px;
}

h2
{
   /* font-size: 1.4em; */
   font-size: 14px;
   margin: 2px 0px 7px 0px;
   font-weight: bold;
}

h3
{
   /* font-size: 1.2em; */
   margin: 0px 0px 5px 0px;
   color: #333;
}

p
{
   color: #333;
}

q:before, q:after { content: ""; }

ul { list-style-type: disc; }

li
{
   line-height: 140%;
   margin: 0px 0px 5px 0px;
   padding: 0px;
}

li ul { margin-top: 5px; }

/* Images */
img { border: 0; margin: 0; }

form { margin: 0px; padding: 0px; }

.left { float: left; }
.right { float: right; }

.wrap
{
   float: left;
   margin: 0px 15px 10px 0px;
   padding: 0;
}

.clear
{
   clear: both;
   display: block;
   margin: 0;
   padding: 0;
}

/*------------------------------------------------------------
   Header
------------------------------------------------------------*/
#headerFrame
{
   width: 100%;
   height: 163px;
   background-image: url('../graphics/header_back.png');
   background-repeat: repeat-x;
   background-color: #e4f6bb;
}

#header
{
   width: 906px;
   height: 136px;
   margin: 0 auto;
   background-image: url('../graphics/search_back.png');
   background-repeat: no-repeat;
   background-position: 500px 0px;
   text-align: left;
}

#headerSearch
{
   font-family: tahoma, "arial narrow", arial, verdana, sans-serif;
   font-size: 11px;
   font-weight: normal;
   text-align: right;
   margin: 15px 30px 0px 0px;
   float: right;
}

#headerSearch table
{
   font-size: 10px;
   text-align: left;
   color: #fff;
   border: 0px;
   padding: 0px;
   margin: 0px;
}

#headerSearch input
{ 
   font-size: 11px;
   line-height: 12px;
}

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

#headerAlert
{
   background-image: url('../graphics/alert_back.png');
   background-repeat: no-repeat;
   font-size: 10px;
   font-weight: bold;
   text-align: left;
   line-height: 130%;
   margin: 0;
   padding: 0;
   width: 227px;
   height: 52px;
   overflow: hidden;
}

#headerAlert p
{
   margin: 11px 10px 0px 65px;
}

#headerAlert a:link, #headerAlert a:visited { color: #000; text-decoration: underline; }
#headerAlert a:hover, #headerAlert a:active { color: #0098c1; text-decoration: underline; }

/*------------------------------------------------------------
   Top Navigation
------------------------------------------------------------*/
#nav
{
   background-image: url('../graphics/nav_back.png');
   margin: 0 auto;
   width: 906px;
   height: 27px;
}

#nav ul
{
   list-style-type: none;
   margin: 0px 0px 0px 10px;
   padding: 0px;
   height: 27px;
}

* html #nav ul { margin-bottom: -2px; }

#nav li
{
   display: inline;

   font-family: tahoma, "arial narrow", arial, verdana, sans-serif;
   font-size: 11px;
   font-weight: bold;
   line-height: 100%;
   text-align: left;
   color: #fff;

   margin: 0px;
   padding: 0px;
   height: 27px;
   float: left;
}

#nav a
{
   display: block;
   margin-top: 7px;
}

#nav a:link, #nav a:visited { color: #fdfcfb; text-decoration: none; }
#nav a:hover { color: #c7f1fc; text-decoration: underline; }
#nav a:active { color: #c7f1fc; }

#nav .selected a:link, #nav .selected a:visited { color: #0098c1; text-decoration: none; }

/*------------------------------------------------------------
   Page
------------------------------------------------------------*/
#pageFrame
{
   clear: left;
   background-image: url('../graphics/page_back.png');
   background-repeat: repeat-x;
   width: 100%;
   min-height: 1000px;
}

#contentHome, #contentSub
{
   background-image: url('../graphics/content_back.png');
   background-repeat: repeat-y;
   text-align: left;
   margin: 0px auto 0px auto;
   padding: 20px 0px 20px 0px;
   width: 906px;
   overflow: hidden;
}

* html #content, * html #contentHome, * html #contentSub
{
   background-image: url('../graphics/content_back_ie.png');
}

/*------------------------------------------------------------
   Subnavigation
------------------------------------------------------------*/
#subNav
{
   padding: 0px 0px 15px 0px;
}

#subNav ul
{
   list-style-type: none;
   margin: 0px;
   padding: 0px;
}

#subNav h3
{
   background: url('../graphics/subnav_backt.gif');
   font-family: tahoma, "arial narrow", arial, verdana, sans-serif;
   /* font-size: 1.4em; */
   font-size: 14px;
   font-weight: normal;
   color: #333;
   width: 225px;
   height: 23px;
   margin: 0px;
   padding: 10px 0px 0px 15px;
}

* html #subNav h3 
{ 
   padding: 10px 0px 0px 15px;
   font-weight: bold;
}

#subNav li
{
   background-color: #fff;
   margin: 0px 0px 1px 0px;
   padding: 0px;
   width: 240px;
}

* html #subNav li 
{
   margin: 0px 0px 0px 0px;

}


#subNav li.bgAlt { background-color: #e3f8fe; }

#subNav a
{
   display: block;
   font-family: tahoma, "arial narrow", arial, verdana, sans-serif;
   color: #333;
}

#subNav li a 
{ 
   font-size: 11px; 
   padding: 9px 0px 9px 15px; 
}

#subNav .menu1, #subNav .menu1Sel { padding-left: 15px; font-weight: bold; }
#subNav .menu2, #subNav .menu2Sel { padding-left: 30px; font-weight: normal; }

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

#subNav a.menu1:link, #subNav a.menu1:visited { color: #333; text-transform: uppercase; }
#subNav a.menu1:hover, #subNav a.menu1:active { color: #6ea039; text-transform: uppercase; }
#subNav a.menu1Sel:link, #subNav a.menu1Sel:visited { color: #6ea039; text-transform: uppercase; }

#subNav a.menu2:link, #subNav a.menu2:visited { color: #333; }
#subNav a.menu2:hover, #subNav a.menu2:active { color: #6ea039; }
#subNav a.menu2Sel:link, #subNav a.menu2Sel:visited { color: #6ea039; }

/*------------------------------------------------------------
   Home Page
------------------------------------------------------------*/
/* Column 1 */
#contentHome #col1
{
   display: inline;
   margin: 0px 0px 0px 30px;
   float: left;
   width: 560px;
}

#contentHome #textBox
{
   margin: 25px 0px 0px 0px;
   background-color: #fefdfd;
   /* overflow: hidden; */
   width: 560px;
}

#contentHome #textBox #negImage
{ 
   position: relative;
   margin: 10px 20px 10px -21px;
   float: left;
}

#contentHome h1
{
   color: #333;
   margin: 0px;
   padding: 20px 0px 0px 20px;
}

#contentHome #textBox p
{
   margin: 10px 15px 0px 20px;
   /* font-size: 1.4em; */
   font-size: 14px;
   line-height: 140%;
}

/* Column 1 Feature Boxes */
#contentHome #featureOuter
{
   clear: left;
   padding: 25px 0px 20px 20px;
   background-color: #fefdfd;
   overflow: hidden;
   width: 540px;
}

#contentHome .featureBox
{
   background-image: url('../graphics/feature_gradient.png');
   background-repeat: repeat-x;
   background-color: #d2e991;

   font-family: tahoma, "arial narrow", arial, verdana, sans-serif;
   /* font-size: .9em; */
   font-size: 9px;
   font-weight: normal;
   line-height: 140%;
   color: #333;

   margin: 0px 10px 0px 0px;
   padding: 0px;
   width: 123px;
   /* height: 100%; */
   min-height: 140px;         /* for all other browsers */
   height: auto !important;   /* for IE6 */
   height: 140px;             /* for IE6 */
   float: left;
}

#contentHome .featureBox h3
{
   /* font-size: 1.2em; */
   font-size: 11px;
   margin: 7px 0px 0px 12px;
}

#contentHome .featureBox p
{
   /* font-size: 1.2em; */
   font-size: 12px;
   line-height: 140%;
   padding: 15px 5px 0px 12px;
   margin: 0px;
}

#contentHome .featureBox h3 a:link, #contentHome .featureBox h3 a:visited { color: #333; text-decoration: none; } 
#contentHome .featureBox h3 a:hover,#contentHome .featureBox h3 a:active { color: #c7f1fc; text-decoration: underline; }

#contentHome .featureBox a:link, #contentHome .featureBox a:visited { color: #0098c1; text-decoration: none; } 
#contentHome .featureBox a:hover, #contentHome .featureBox a:active { color: #6ea039; text-decoration: underline; }

#contentHome .featureBox img
{
   float: right;
   position: relative;
   margin: -14px -3px 0px 0px;
}

/* Column 2 */
#contentHome #col2
{
   display: inline;
   float: left;
   width: 255px;
   margin: 0px 0px 0px 30px;
}

/* Column 2 Buttons */
#contentHome .button
{
   background-image: url('../graphics/button_back.png');
   background-repeat: no-repeat;
   font-family: Tahoma, Verdana, sans-serif;
   font-weight: normal;
   width: 253px;
   height: 67px;
   margin: 0px 0px 10px 0px;
}

#contentHome .button h3
{
   /* font-size: 1.4em; */
   font-size: 14px;
   line-height: 14px;
   font-weight: bold;
   padding: 6px 0px 0px 15px;
   margin: 0px;
}

#contentHome .button img
{
   margin: 0px 0px -3px 10px;
   border: 0px;
}

#contentHome .button p
{
   /* font-size: 1.1em; */
   font-size: 11px;
   line-height: 130%;
   margin: 6px 15px 0px 15px;
   padding: 0px;
   color: #fff;
}

#contentHome .button a:link, #contentHome .button a:visited { color: #fff; text-decoration: none; } 
#contentHome .button a:hover { color: #c7f1fc; text-decoration: underline; }
#contentHome .button a:active { color: #c7f1fc; }

/* Column 2 Info Boxes */
#contentHome .infoBox
{
   background-color: #fefefd;
   font-family: Tahoma, Verdana, sans-serif;
   /* font-size: 1.1em; */
   font-size: 12px;
   margin: 0px 0px 10px 0px;
   padding: 0px 0px 5px 0px;
   width: 252px;
}

#contentHome .infoBox .infoImg { margin: 0px 0px 15px 15px; }

#contentHome .infoBox p 
{
   margin: 0px;
   padding: 0px 20px 10px 20px;
   line-height: 130%;
}

#contentHome .infoBox ul
{
   padding-left: 20px;
}

#contentHome .infoBox a:link, #contentHome .infoBox a:visited { color: #6ea039; }
#contentHome .infoBox a:hover, #contentHome .infoBox a:active { color: #0098c1; }

#contentHome .infoNav
{
   background-color: #dbeea0;
   margin: -10px 0px 10px 0px;
   padding: 2px 0px;
   width: 252px;
}


/*------------------------------------------------------------
   2 Column Inner Page Layout
------------------------------------------------------------*/
#contentSub #col1
{
   display: inline;
   margin: -5px 0px 0px 30px;
   float: left;
   width: 240px;
}

#contentSub #col1 #quoteBox
{
   font-family: tahoma, "arial narrow", arial, verdana, sans-serif;
   margin: 0px;
   padding: 5px 15px 0px 0px;
}

#contentSub #col1 #quoteBox p { padding-left: 15px; }

#contentSub #col1 p
{
   /* font-size: 1.1em; */
   font-size: 11px;
}

#contentSub #col1 q
{
   /* font-size: 1.4em; */
   font-size: 14px;
   font-weight: bold;
   line-height: 140%;
}

#contentSub #col2
{
   font-family: tahoma, "arial narrow", arial, verdana, sans-serif;
   background-color: #fff;
   margin: 0px 0px 0px 30px;
   padding: 20px 25px 20px 25px;
   width: 522px;
   float: left;
}

* html #contentSub #col2
{
   margin: 0px 0px 0px 15px;
   padding: 20px 25px 20px 25px;
}

#contentSub #col2 p 
{ 
   /* font-size: 1.4em; */
   font-size: 14px; 
   line-height: 140%;
}

#contentSub #col2 li
{
   /* font-size: 1.4em; */
   font-size: 14px;
}

#contentSub #infoOuter
{
   margin: 10px 0px 0px 0px;
   padding-left: 30px;
   clear: both;
   float: left;
   width: 906px;
}

#contentSub .infoBox
{
   background-color: #fefefd;
   font-family: Tahoma, Verdana, sans-serif;
   /* font-size: 1.2em; */
   font-size: 12px;
   margin: 0px 30px 10px 0px;
   padding: 0px 0px 5px 0px;
   float: left;
}

#contentSub .infoBox img { margin: 0px 0px 15px 15px; }
#contentSub .infoBox .infoHeader img { margin: 0px; }
#contentSub .infoBox p img { margin: 0px 0px 0px 0px; }

#contentSub .infoBox p 
{
   margin: 0px 20px 10px 0px;
   padding-left: 20px;
   line-height: 130%;
}

#contentSub .infoBox ul,
#contentSub .infoBox h1, #contentSub .infoBox h2, #contentSub .infoBox h3
{
   padding-left: 20px;
}

#contentSub .infoBox a:link, #contentSub .infoBox a:visited { color: #6ea039; }
#contentSub .infoBox a:hover, #contentSub .infoBox a:active { color: #0098c1; }

/*------------------------------------------------------------
   3 Column Inner Page Layout
------------------------------------------------------------*/
#contentSub #col2a
{
   width: 270px;
   float: left;
}

#contentSub #col2a h1, #contentSub #col2b h1
{
   /* font-size: 1.8em; */
   font-size: 18px;
}

#contentSub #col2b
{
   margin: 0px 0px 0px 0px;
   width: 210px;
   float: right;
}

#contentSub #col2b .featureBox
{
   background-image: url('../graphics/feature_gradient.png');
   background-repeat: repeat-x;
   background-color: #8ddbef;
   margin: 0px 0px 30px 0px;
   padding: 0px;
   width: 210px;
   float: right;
}

#contentSub #col2b .featureBox h2
{
   /* font-size: 1.2em; */
   font-size: 12px;
   margin: 5px 0px 6px 15px;
   color: #fefefd;
}

#contentSub #col2b .featureboxNav
{
   background-color: #c1edf9;
   margin: 0px 0px 0px 0px;
   padding: 5px;
}

/*------------------------------------------------------------
   Full Page Column
------------------------------------------------------------*/
#contentSub #colFull
{
   margin: 0px 36px 0px 30px;
   padding: 20px 20px 20px 20px;
   background-color: #fefdfd;
   min-height: 400px;
}

#contentSub #colFull p
{
   /* font-size: 1.4em; */
   font-size: 14px;
   line-height: 140%;
}

#contentSub #colFull ul, #contentSub #colFull ol
{
   /* font-size: 1.4em; */
   font-size: 14px;
   line-height: 140%;
}

#contentSub #colFull #cola
{
   width: 360px;
   float: left;
}

#contentSub #colFull #colb
{
   margin: 0px 0px 0px 40px;
   width: 360px;
   float: left;
}

/*------------------------------------------------------------
   Full Page Two Column
------------------------------------------------------------*/
#contentSub #colFull
{
   margin: 0px 36px 0px 30px;
   padding: 20px 20px 20px 20px;
   background-color: #fefdfd;
   min-height: 400px;
   height:100%;
}

#contentSub #colFull p
{
   /* font-size: 1.4em; */
   font-size: 14px;
   line-height: 140%;
}

#contentSub #colFull ul, #contentSub #colFull ol
{
   /* font-size: 1.4em; */
   font-size: 14px;
   line-height: 140%;
}

/*------------------------------------------------------------
   Subpage Navigation
------------------------------------------------------------*/
#contentSub #col1 #subnav
{
   height: 350px;
   background: #fff;
}

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

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

#newsList li img { margin: 0px 15px 10px 0px; }

/*------------------------------------------------------------
   Content Type - Event Summary
------------------------------------------------------------*/
.eventSummary
{
   /* font-size: 1.1em; */
   font-size: 12px;
   list-style-type: none;
   margin: 0px 0px 15px 0px;
   padding: 0px 20px 0px 0px;
}

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

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

/*------------------------------------------------------------
   Content Type - Gallery
------------------------------------------------------------*/
.gallery
{
   border: 0px;
   margin: 0px;
   padding: 0px;
}

.gallery .thumbMatte
{
   padding: 5px;
   background-color: #fff;
   border: solid 1px #aaa;
   margin-bottom: 6px;
}

.gallery .largeMatte
{
   padding: 5px;
   background-color: #fff;
   border: solid 1px #aaa;
   margin: 6px 0px 6px 0px;
}

/*--------------------------------------------------
  Form Styles
--------------------------------------------------*/
.inputForm
{

}

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

.inputForm input, .inputForm textarea
{ 
   font-size: 11px;
   /*
   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
{
   border-collapse: collapse;
   border: 0px;
}

.table1 th
{
   font-family: arial, helvetica, verdana, sans-serif;
   font-size: 11px;
   font-weight: bold;
   text-align: left;
   color: #fff;
   background-color: #029fc9;
   border: solid 1px #029fc9;
   padding: 3px 8px 3px 8px;
}

.table1 td
{
   font-family: arial, helvetica, verdana, sans-serif;
   font-size: 11px;
   font-weight: normal;
   border-left: solid 1px #ccc;
   border-right: solid 1px #ccc;
   border-bottom: solid 1px #ccc;
   padding: 4px 8px 4px 8px;
}

.table2
{
   border-collapse: collapse;
   border: 0px;
}

.table2 th
{
   font-family: arial, helvetica, verdana, sans-serif;
   font-size: 11px;
   font-weight: bold;
   text-align: left;
   color: #fff;
   background-color: #029fc9;
   border: 0px;
   padding: 3px 8px 3px 8px;
}

.table2 td
{
   font-family: arial, helvetica, verdana, sans-serif;
   font-size: 11px;
   font-weight: normal;
   border-bottom: solid 1px #ccc;
   padding: 4px 8px 4px 8px;
}

.table3
{
   border-collapse: collapse;
   border: 0px;
}

.table3 th
{
   font-family: arial, helvetica, verdana, sans-serif;
   font-size: 12px;
   font-weight: bold;
   color: #029fc9;
   border: solid 1px #ccc;
   padding: 4px 8px 4px 8px;
}

.table3 td
{
   font-family: arial, helvetica, verdana, sans-serif;
   font-size: 11px;
   font-weight: normal;
   border-left: solid 1px #ccc;
   border-right: solid 1px #ccc;
   border-bottom: solid 1px #ccc;
   padding: 4px 8px 4px 8px;
}

.table4
{
}

.table4 th
{
   font-family: arial, helvetica, verdana, sans-serif;
   font-size: 12px; 
   font-weight: bold;
   color: #029fc9;
   padding: 2px 2px 2px 0px;
}

.table4 td
{
   font-family: arial, helvetica, verdana, sans-serif;
   font-size: 12px;
   font-weight: normal;
   padding: 2px 2px 2px 0px;
}

.table1 .highlight, .table2 .highlight, .table3 .highlight
{
   background-color: #eff1f4;
}

caption 
{ 
   caption-side: bottom; 
   font-family: arial, helvetica, verdana, sans-serif;
   font-size: 11px;
   font-weight: bold;
   text-align: left;
   padding: 6px 6px 0px 6px;
   color: #000;
}

/*------------------------------------------------------------
   FOOTER
------------------------------------------------------------*/
#footer
{
   background-image: url('../graphics/footer_back.png');
   background-repeat: no-repeat;
   text-align: left;
   margin: 0px auto 20px auto;
   padding: 40px 0px 0px 0px;
   width: 906px;
   overflow: hidden;
}

* html #footer /*for ie6 */
{
  background-image: url('../graphics/footer_back_ie.png');
}

#footerLeft
{
   display: inline;
   font-family: Tahoma, Verdana, sans-serif;
   /* font-size: 1.1em; */
   font-size: 11px;
   color: #333;
   margin-left: 35px;
   float: left;
}

#footerRight
{
   display: inline;
   margin-right: 25px;
   float: right;
}

#footer a:link, #footer a:visited { color: #333; text-decoration: none; } 
#footer a:hover, #footer a:active { color: #0098c1; text-decoration: underline; }