/**   Styles for "Screen" Media
*     File: styles.css
*     Author: Nate Hanna
*     Auth Web: http://www.mediasation.com
*     modified: 23 April 2009 @ 15:25 EST
* --------------------------------------------------------------
**/

/** Element/Global Styles (including Typography)
-------------------------- **/
html { 
   font-size: 62.5%; /* about 10px if browser size is set at default (16px) */
   font-family: "Trebuchet MS", Arial, Helvetica, Geneva, "microsoft sans serif", sans-serif;
   color: #333;
}
   #vcard, .content h1, #topNavigation ul li a, #default #sectionNav ul li a { font-family: Georgia, "New York", Garamond, "Times New Roman", Times, serif; }
body { background: #002E55 url('../images/bg_body.jpg') left top repeat-x; }
   a {
		color: #002886;
		text-decoration: underline;
	}
   	a:hover { text-decoration: none; }
   	a:visited { color: #655C55; }
   	a img { border: 0; }

   h1, h2, h3, h4, h5, h6 {
   	line-height: 1.25em;
   	font-weight: normal;
   	color: #002E55;
   }
   	.content h1 { font-size: 2.4em; }
   	.content h2 { font-size: 1.6em; }
   	.content h3 { font-size: 1.3em; margin-bottom: 0.1em; }
   	.content h4 { font-size: 1.2em; }
   	.content h5 { font-size: 1.1em; }
   	.content h6 { font-size: 0.9em; }

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

#wrapper {
	position: relative;
	width: 966px;
	margin: 0 auto;
	margin-bottom: 30px;
}

pre { color: #000; }


/** Header
-------------------------- **/
/** @group header */
#header { width: inherit; }
   #home #header { height: 580px; overflow: hidden; }

#header #masthead a, 
#header #masthead a:visited
{
	position: relative;
	display: block;
	background: url("../images/logo.gif") 0 0 no-repeat;
	text-indent: -10000px;
	width: 235px;
	height: 120px;
	text-decoration: none;
	overflow: hidden;
   margin: 8px auto;
   margin-bottom: 8px;
}
#client_login {
   position: absolute;
   top: 13px;
   right: 18px;
}
/** @group topNavigation */
#topNavigation {
   width: inherit;
/*   height: 34px;*/
   position: absolute;
   z-index: 5;
   top: 130px;
   left: 0;
}
   #topNavigation ul li { display: inline; }
      #topNavigation ul li a {
         display: block;
         color: #002954;
         text-transform: uppercase;
         letter-spacing: 0.1em;
         float: left;
         padding: 8px 25px;
         font-size: 1.4em;
         text-decoration: none;
      }
         #topNavigation ul li a:hover { text-decoration: underline; }
/* @end topNavigation **/
#home #hdrImg {
   position: relative;
   top: 30px;
}
#home #tagline {
   text-indent: -10000px;
   overflow: hidden;
   width: 311px;
   height: 90px;
   background: transparent url('../images/tagline.png') left top no-repeat;
   position: absolute;
   top: 51px;
   left: 25px;
}
/* @end header **/
/** ContentWrapper
-------------------------- **/
/** @group contentWrapper */
#contentWrapper {
   font-size: 1.1em;
   line-height: 1.5em;
}
   #default #contentWrapper {
      background: transparent url('../images/bg_room_content_M.gif') left top repeat-y;
      margin-top: 44px;
   }
/** @group home_content_boxes */
#home_content_boxes { 
   height: 283px;
   background: transparent url('../images/bg_home_content_M.gif') left top repeat-y;
   overflow-y: hidden;
   position: relative;
}
   #home_content_box_top { height: 20px; background: transparent url('../images/bg_home_content_T.gif') left top no-repeat; }
   #home_content_box_bottom { 
      height: 32px; 
      background: #002E55 url('../images/bg_home_content_B.gif') left top no-repeat;
      position: relative;
      z-index: 1;
      /*top: -12px;*/
   }
#home_content_boxes h2 {
   background: transparent url('../images/bg_home_h2.png') left top no-repeat;
   font-size: 1.7em;
   padding: 4px 8px;
   width: 301px;
   height: 42px;
   position: relative;
   z-index: 3;
}
#home_content_boxes .homeContent { padding: 0 1px; }

/** @group home_content_boxes columns */
#col1, #col2, #featured {
   width: 309px;
   float: left;
}
#homeGrid .column .homeImage { display: none; }
   #col1 { padding: 0 6px 0 13px; }
      #col1 .homeContent { padding: 11px 24px; }
   #col2 {}
      #col2 .homeContent { 
         padding: 3px 8px;
         line-height: 2.3em;
      }
      #col2 .homeContent a {
         display: block;
         padding: 0.3em 0;
      }
         #col2 .homeContent br { display: none; }
   #col3 { display: none; }


/** @group featured */
#featured { 
   padding: 0 14px 0 6px;
   height: 273px;
   overflow: hidden;
   float: none;
   position: absolute;
   top: 20px;
   right: 0;
   z-index: 5;
}
   #featured .homeImage { 
      position: relative; 
      z-index: 2;
      top: -17px;
      left: 1px;
   }
      #featured .homeImage .arrow {
         position: absolute;
         bottom: 0;
         left: 85px;
         width: 23px;
         height: 11px;
         background: transparent url('../images/bg_home_arrow.png') left top no-repeat;
         display: none;
      }
         #featured .homeImage a { padding: 0; position: static; }
      #featured .homeContent {
         position: relative; 
         z-index: 2;
         top: -27px;
         left: -1px;
         height: 29px;
      }
         body.safari #featured .homeContent { top: -32px; }
      /*#featured .caption {
               width: 199px;
               height: 29px;
               background: transparent url('../images/bg_home_caption.jpg') left top no-repeat;
               float: left;
               text-align: center;
               padding: 6px 0;
               color: #002E55;
            }*/
      #featured .more a {
         display: block;
         width: 307px;
         height: 16px;
         float: left;
         background: transparent url('../images/bg_home_more-v2.jpg') left top repeat-x;
         padding: 6px 0;
         font-size: 1.2em;
         border: 1px solid #043053;
         border-bottom: 0;
         color: #002E55;
         text-align: center;
         text-decoration: none;
      }
         #featured .more a:hover { font-weight: bold; }
/* @end featured **/
/* @end home_content_boxes columns **/
/* @end home_content_boxes **/
/** @group default */
#box_top { 
   background: transparent url('../images/bg_room_content_T.jpg') left top no-repeat;
   min-height: 350px;
   padding-top: 11px;
}
#default #box_bottom { 
     background: transparent url('../images/bg_content_b.gif') left top no-repeat;
     height: 20px;
  }
   #default.room #box_bottom {
      background-image: url('../images/bg_room_content_B.gif');
      height: 11px;
   }
#default #box_content {
   padding: 0 12px 3px 10px; 
   position: relative;
   background: transparent url('../images/bg_content.gif') 10px top repeat-y;
   font-size: 1.2em;
   line-height: 1.5em;
}
#default .contentSlot {
   width: 633px;
   float: right;
   padding: 0 34px 20px;
   margin-top: -10px;
   min-height: 440px;
}
#default .sideBar {
   color:#FFF;
   width:236px;
   float: left;
   padding-bottom: 128px;
}
   #default .sideBar #marginTopper {
      background:transparent url('../images/bg_sidebar_marginT-default.gif') no-repeat scroll left top;
      height:54px;
      position:absolute;
      left:18px;
      top: 218px;
      width:236px;
      z-index: 3;
   }
      #default .sideBar #marginSlot {
         padding: 24px;
         margin-top: -60px;
         position: relative;
         z-index: 2;
         font-size: 0.9em;
         line-height: 1.3em;
         color: #CCC;
      }
         #default .sideBar #marginSlot h4 {
            font-size: 1.6em;
            font-style: italic;
            margin: 0 0 0.5em 0;
            color: #FFF;
         }
         #default .sideBar #marginSlot h5 {
            color: #CCC;
            font-size: 1.2em;
            margin-bottom: 0;
         }
         #default .sideBar #marginSlot strong { font-size: 1.4em; font-weight: normal; }
#vcard {
   background-color:#1A3A55;
   border:1px solid #4C6C88;
   height:88px;
   padding:10px;
   position:absolute;
   bottom:3px;
   left:26px;
   width:199px;
   font-size: 1.0em;
   line-height: 1.35em;
   text-align: center;
}
   #vcard .org { font-weight: bold; }
      #vcard a, #vcard a:visited { color: #FFF; text-decoration: none; }
      #vcard a:hover { color: #FFF; text-decoration: underline; }
/** @group sectionNav */
#default #sectionNavBg {
   position: absolute;
   top: 0;
   left: 11px;
   width: 253px;
   height: 270px;
   background: transparent url('../images/bg_sectionNav.png') left top no-repeat;
   z-index: 1;
}
#default #sectionNav {
     position: absolute;
     overflow: hidden;
     top: 0;
     left: 11px;
     width: 253px;
     height: 270px;
     z-index: 1;
  }
      #default #sectionNav ul { 
         list-style: none;
         padding: 15px 8px;
         padding-top: 8px;
      }
      #default #sectionNav ul li {  }
         #default #sectionNav ul li a {
            color: #FFF;
            font-size: 1.0em;
            display: block;
            padding: 8px;
            text-decoration: none;
            text-transform: uppercase;
            letter-spacing: 0.1em;
            text-align: right;
            background: transparent url('../images/bg_sectionNav_li.gif') left bottom repeat-x;
         }
         #default #sectionNav ul li a:hover { font-weight: bold; }
         #default #sectionNav ul li.selected a {
            background: transparent url('../images/bg_sectionNav_selected.gif') right 50% no-repeat;
            padding-right: 14px;
            font-weight: bold;
         }
         #default #sectionNav ul li.lvl2 ul { padding: 0 10px; background-color: #5C7992; }
            #default #sectionNav ul li.lvl2 ul li a { 
               font-size: 0.9em; 
               font-weight: normal;
               background-image: none;
            }
            #default #sectionNav ul li.lvl2 ul li a:hover { font-weight: bold; }
               #default #sectionNav ul li.lvl2 ul li.selected a {
                  background-image: none;
                  color: #002E55;
                  font-weight: bold;
               }
      /* @end sectionNav **/
/** @group thumbnails */
div#thumbnails div.shadowbox_img {
   width: 98px;
   height: 75px;
   overflow: hidden;
   margin: 8px 13px;
/*   border: 5px solid white;*/
   padding: 0;
}
div#shadowbox_loading a { color: #FFF; }

/* @end thumbnails **/

/* @end default **/
/** @group room */
#default.room #box_content { padding: 0; background-image: none; position: static; }
.room #contentWrapper .contentSlot {
   width: 659px;
   float: left;
   margin: 12px 11px;
   margin-right: 7px;
   margin-bottom: 0;
}
.room #contentWrapper .sideBar {
   width: 278px;
   float: right;
   margin: 12px 11px;
   margin-left: 0;
   margin-bottom: 0;
}
/** @group room_ftr_boxes */
#room_ftr_boxes {
   margin-top: 5px;
   height: 134px;
   background: transparent url('../images/bg_room_ftr_M.gif') left top repeat-y;
   overflow-y: hidden;
}
   #room_ftr_box_top { height: 11px; background: transparent url('../images/bg_room_ftr_T.gif') left top no-repeat; }
   #room_ftr_box_bottom { 
      height: 13px; 
      background: #002E55 url('../images/bg_room_ftr_B.gif') left top no-repeat;
      position: relative;
      z-index: 1;
      /*top: -12px;*/
   }
#room_ftr_boxes .contentSlot {
   width: 620px;
   float: left;
   padding: 14px 29px;
   font-size: 1.2em;
   position: relative;
}
   #room_ftr_boxes .contentSlot fieldset { border: 0; height: 80px; overflow: hidden; }
   #room_ftr_boxes .contentSlot legend { display: none; }
   #room_ftr_boxes .contentSlot label { display: block; }
   #room_ftr_boxes .contentSlot input {
      width: 229px;
      padding: 2px;
      border: 1px solid #718BA0;
   }
   #room_ftr_boxes .contentSlot ul li { list-style: none; margin-bottom: 0.8em; }
      #room_ftr_boxes .contentSlot ul li.leftSide {
         float: left;
         width: 254px;
      }
      #room_ftr_boxes .contentSlot ul li.button {
         position: absolute;
         top: 9px;
         right: 12px;
         background: transparent url('../images/bg_room_vhr.gif') left top no-repeat;
      }
         #room_ftr_boxes .contentSlot ul li.button button {
            padding: 0;
            border: 0;
            background-color: transparent;
            margin-left: 6px;
            cursor: hand;
            cursor: pointer;
         }
#room_ftr_boxes .sideBar {
   width: 276px;
   float: right;
   margin-right: 12px;
   margin-top: -1px;
}
/* @end room_ftr_boxes **/
/* @end room **/
/* @end contentWrapper **/


/** Footer
-------------------------- **/
/** @group footer */
#footer {
   text-align: center;
   font-size: 1.1em;
   padding: 5px 0;
}
   #footer, #footer a, #optionsBar a { 
      color: #8A8795;
      text-decoration: none;
   }
      #footer a:hover, #optionsBar a:hover { text-decoration: underline; }
/* @end footer **/


/** @group formContent */
#formContent td.content label { font-weight: normal; }
#formContent input.input, #formContent textarea.textarea { border-color: #20486a; }
#formContent input.submit {
   background-color: #008500;
   border: 1px solid #008500;
   border-left-color: #00b94f;
   border-top-color: #00b94f;
   color: #FFF;
}
/* @end formContent **/


/** Class Styles
-------------------------- **/
.hidden, .printOnly, #client_login {
	display: none;
}

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