/**   Styles for "Screen" Media
*     File: styles.css
*     Author: Nate Hanna
*     Auth Web: http://www.mediasation.com
*     modified: 21 August 2008 @ 10:10 EST
* --------------------------------------------------------------
**/

/** Element/Global Styles (including Typography)
-------------------------- **/
html {
   margin: 0;
	padding: 0;
	background: #010101 url('images/bg-ftr.jpg') bottom left repeat-x;
	font-size: 62.5%; /* about 10px if browser size is set at default (16px) */
	font-family: "Trebuchet MS", "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}
body {
   margin: 0; 
   padding: 0;
}
	a {
		color: #316698;
		text-decoration: underline;
	}
	a:hover { text-decoration: none; }
	a:visited {
		color: #5F5750;
	}
    
h1, h2, h3, h4, h5, h6 {
	margin: 0;
	padding: 0;
	line-height: 1.25em;
}
	h2, h3, h4, h5, h6 {
		margin-bottom: 0.3em;
		font-size: 1.25em;
		color: #316698;
		font-weight: normal;
	}
		h2 { font-size: 2.0em; }
		h3 { font-size: 1.7em; }
		h4 { font-size: 1.5em; }
		h5 { font-size: 1.3em; }
		h6 { font-size: 1.1em; }
ul { 
   list-style: square; 
   margin: 0;
   padding: 15px;
}
form { 
   margin: 0;
   padding: 0;
}

div.hr {
	height: 1px;
	margin: 1.6em 0 1.6em 0;
	padding: 0;
	background: #8A8278 no-repeat scroll center;
}
	div.hr hr {
		display: none;
	}

div.outer {
	position: relative;
	width: 980px;
	margin: 0 auto;
	background: #FFF url('images/bg-wrapper.gif') top left repeat-y;
}
   #default div.outer { background-image: url('images/bg-default-wrapper.gif'); }


/** Header
-------------------------- **/
/* @group header */
#header {
   background: #1F4468 url('images/bg-hdr_outer.jpg') top left repeat-x;
   height: 154px;
   overflow: hidden;
}
   #header div.outer {
      background: transparent url('images/bg-hdr_inner.jpg') top left no-repeat;
      width: 980px;
      height: inherit;
   }
   #default #header div.outer { background-image: url('images/bg-default-hdr_inner.jpg'); }
   #footer div.outer {
      background-image: none;
      background-color: transparent;
   }
#header #banner a, 
#header #banner a:visited
{
	position: absolute;
	display: block;
	background: url("images/logo.jpg") 0 0 no-repeat;
	text-indent: -10000px;
	width: 184px;
	height: 154px;
	text-decoration: none;
	overflow: hidden;
	z-index: 5;
	top: 0;
	left: 5px;
}
/* @group topNavigation */

#header #topNavigation {
   position: absolute;
   left: 252px;
   top: 0;
	width: 525px;
	padding: 0 0 0 8px;
}

#header #topNavigation ul, #header #txtSize ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

#header #topNavigation ul li {}

#header #topNavigation ul li a {
	display: block;
	text-transform: uppercase;
	color: #FFF;
	padding: 100px 24px 33px 24px;
	float: left;
	font-size: 1.6em;
	letter-spacing: 0.1em;
	text-decoration: none;
}
   #header #topNavigation ul li a:hover { text-decoration: underline; }
   #header #topNavigation ul li.selected a {
      background: transparent url('images/bg-nav.jpg') top left repeat-x;
   }
/* @end topNavigation */
/** @group txtSize */
#txtSize {
   position: absolute;
   left: 188px;
   top: 10px;
}
#txtSize #txtSizeLabel {
   position: absolute;
   left: 22px;
}
   #txtSize li { margin-bottom: 5px; }
      #txtSize li a {
         color: #FFF;
         text-indent: -10000px;
         overflow: hidden;
         display: block;
         width: 18px;
         height: 18px;
         background: #333 url("images/icon_text_med.gif") top left no-repeat;
         border: 1px solid #FFF;
      }
         #txtSize li.selected a { background-position: 0 -18px; }
         #txtSize li.small a { background-image: url("images/icon_text_sm.gif"); }
         #txtSize li.medium a { }
         #txtSize li.large a { background-image: url("images/icon_text_lg.gif"); }
         #txtSize li.xlarge a { background-image: url("images/icon_text_lg2.gif"); }
/* @end txtSize **/

/* @end header */

/** ContentWrapper
-------------------------- **/
/* @group ContentWrapper */

#contentWrapper { background-color: #F6F7F1; }

#contentWrapper div.outer { 
   width: 966px;
   min-height: 500px; 
   padding: 0 7px; 
}
/** @group hightlight */
#hightlight {
   height: 305px;
   overflow: hidden;
}
   #hightlight #hdrImg {
      width: 604px;
      height: 305px;
      float: left;
   }
   #hightlight #margin {
      width: 312px;
      height: 305px;
      float: left;
      background: #C7D3E4 url('images/bg-home_marginSlot.jpg') top left no-repeat;
      color: #316698;
      padding: 31px 25px;
      font-size: 1.3em;
      line-height: 1.5em;
      overflow: hidden;
   }
      #hightlight #margin h4 {
         font-family: Georgia, "Lucida Grande","Lucida Sans Unicode",geneva,verdana,sans-serif;
         font-weight: normal;
         font-style: italic;
         font-size: 1.8em;
      }
      #hightlight #margin #logindescr {
         height: 90px;
         padding-top: 40px;
         overflow: hidden;
      }
      #hightlight #margin #customlogin_form {
         margin: 25px 0;
      }
         #hightlight #margin #customlogin_form label {
            width: 115px;
            display: block;
            float: left;
            text-align: right;
            padding-right: 10px;
            padding-top: 2px;
         }
         #hightlight #margin #customlogin_form input {
            border: 1px solid #1F4569;
            width: 160px;
            padding: 2px;
            font-size: 1.0em;
         }
            #hightlight #margin #customlogin_form input.readonly {
               background-color: #D2DEF2;
               color: #336695;
               border-color: #316698;
            }
         #hightlight #margin #customlogin_form p.second { 
            margin-bottom: 0;
            *margin-top: -8px;
         }
            #hightlight #margin #customlogin_form p.second img { 
               position: relative; 
               top: 3px; 
               left: 5px;
               cursor: help;
            }
         #hightlight #margin #customlogin_form button {
            font-style: italic;
            color: #FFF;
            border: 1px solid #395D80;
            background-color: #1F4569;
            font-size: 1.0em;
            padding: 3px 5px;
            margin-right: 10px;
            *padding: 0;
            *margin-right: 7px;
         }
            * html #hightlight #margin #customlogin_form button { padding: 0; margin-right: 7px; }
         #hightlight #margin #customlogin_form #submit_row {
            padding-top: 10px;
            padding-left: 125px;
            white-space: nowrap;
         }
            * html #hightlight #margin #customlogin_form #submit_row { padding-left: 128px; }
         #hightlight #margin #customlogin_form a {
            font-size: 0.85em;
            color: #316698;
         }
/* @end hightlight **/
/** @group content */
#content table td.content { padding: 0; }
#content table td table td { padding: auto; }

#content {
   padding: 15px;
   font-size: 1.3em;
   line-height: 1.5em;
}
   #content li {
      margin-bottom: 12px;
   }
   #default #content {
      background: transparent url('images/bg-default-content.jpg') 1px 0 no-repeat;
      width: 641px;
      padding-top: 25px;
      padding-right: 30px;
   }
   #default #hdrImg { 
      padding-left: 2px; 
      height: 250px; 
      overflow: hidden; 
   }
   #default #margin {
      margin: 40px 0;
   }
   #formContent td.content { vertical-align: middle; }
   #formContent td.content label {
      padding-top: 4px;
      padding-right: 8px;
   }
   #formContent input.input, #formContent textarea.textarea {
      padding: 3px;
      border: 1px solid #000; 
   }
   #formContent input.submit {
      border: 1px solid #407DBF;
      border-left-color: #284F7A;
      border-top-color: #284F7A;
      background-color: #35679c;
      color: #c5d5e4;
      padding: 4px;
      cursor: pointer;
      cursor: hand;
   }
/** @group leftCol */
#leftCol {
   width: 567px;
   float: left;
   padding-right: 15px;
}
   #default #leftCol {
      width: 290px;
      padding: 0;
   }
   #default #leftCol #sectionName {
      width: 270px;
      background-color: #000003;
      color: #FFF;
      padding: 40px 10px 10px 10px;
   }
      #default #leftCol #sectionName h3 { font-size: 1.6em; }
      #default #leftCol #sectionName h3 a {
         color: #FFF;
         font-size: 1.0em;
         margin: 0;
         text-transform: uppercase;
         letter-spacing: 0.1em;
         text-decoration: none;
      }
/** @group sectionMenu */
#sectionMenu { text-align: right; }
#sectionMenu ul {
   margin: 20px 0 0 0;
   *margin-top: 10px; /* IE 7 */
   padding: 0;
   list-style: none;
}
   * html #sectionMenu ul { margin-top: 10px; }
   #sectionMenu ul li {}
   #sectionMenu ul li a,
   #sectionMenu ul li.lvl1 li.selected li.lvl3 a {
      display: block;
      font-size: 1.4em;
      color: #316698;
      text-transform: uppercase;
      letter-spacing: 0.1em;
      background: transparent url('images/bg-subnav.jpg') 0 0 no-repeat;
      width: 215px;
      padding: 8px 61px 8px 14px;
      text-decoration: none;
   }
      #sectionMenu ul li a:hover, #sectionMenu ul li.lvl1 li.selected li.lvl3 a:hover { text-decoration: underline; }
      #sectionMenu ul li.lvl1 li.selected a { 
         background-position: -290px 0;
         background-color: #005085;
         color: #FFF;
      }
         #sectionMenu ul li.lvl1 li.selected ul { 
            margin: -2px 0 0 0; 
            *margin-top: -4px;
            background-color: #DBDBD5;
            border-bottom: 1px solid #CBCCC6;
            width: 290px;
         }
            * html #sectionMenu ul li.lvl1 li.selected ul { margin-top: -4px; }
            #sectionMenu ul li.lvl1 li.selected li.lvl3 a {
               background-image: none;
               padding: 4px 14px;
               width: 262px;
               text-transform: none;
               color: #000;
               font-size: 1.2em;
               text-align: left;
            }
/* @end sectionMenu **/

/* @end leftCol **/
/** @group rightCol */
#rightCol {
   width: 327px;
   float: left;
   padding-left: 20px;
}
   #home #rightCol a {
      color: #000;
      text-decoration: none;
   }
      #home #rightCol a:hover { text-decoration: underline; }
      #home #rightCol a strong { color: #316698; }
   #default #rightCol {
      padding: 0;
      width: 671px;
      margin-left: 5px;
   }
      * html #default #rightCol { overflow-x: hidden; }
   #default #rightCol blockquote {
      border-top: 2px solid #316698;
      border-bottom: 2px solid #316698;
      width: 200px;
      padding: 15px;
      float: right;
      clear: right;
      color: #666;
      font-family: Georgia, "Lucida Grande","Lucida Sans Unicode",geneva,verdana,sans-serif;
      font-size: 1.5em;
      font-style: italic;
      line-height: 1.5em;
      margin: 15px 10px;
   }
/* @end rightCol **/

/* @end content **/

/* @end ContentWrapper */

/** Footer
-------------------------- **/
/* @group footer */
#footer {
   height: 90px;
   overflow: hidden;
}
#footer div.outer {
   width: 980px;
   background: transparent url('images/bg-ftr_inner.gif') top left no-repeat;
   padding-top: 20px;
   margin-bottom: 55px;
	line-height: 1.25em;
	color: #FFF;
	font-size: 1.2em;
}
   #default #footer div.outer { background-image: url('images/bg-default-ftr_inner.gif'); }
   #footer a { 
      color: #BABBB9;
      text-decoration: none;
   }
      #footer a:hover { text-decoration: underline; }
   #footer #contact {
      float: left;
      clear: left;
   }
   #footer #copyright {
      float: right;
      clear: right;
      text-align: right;
   }
/* @end footer */

/* @group toolTips */
.custom-tip {
   color: #000;
   width: 250px;
   z-index: 13000;
   border: 1px solid #1F4569;
}
 
.custom-title {
   font-weight: bold;
   font-size: 1.3em;
   margin: 0;
   color: #1F4569;
   padding: 6px;
   background: #C7D2E4;
   border-bottom: 1px solid #1F4569;
}
 
.custom-text {
   font-size: 1.2em;
   padding: 4px 8px 8px;
   color: #FFF;
   background: #1F4569;
   line-height: 1.5em;
}
/* @end toolTips */


/** Class Styles
-------------------------- **/

.hidden {
	display: none;
}

.gray { color: #BABBB9; }

.clear {
  clear:both;
  height:1px;
  overflow:hidden;
  margin-bottom:-1px;
}

.txtSmall {
   top: 0px;
}

.txtMedium {
   top: 26px;
}

.txtLarge {
   top: 52px;
}

.txtXLarge {
   top: 78px;
}

.txtHidden {
   display: none;
}