/**	Styles for "Screen" Media
*		File: styles.css
*		Author: Nate Hanna
*		Auth Web: http://www.mediasation.com
*		modified: 2011-06-06 by Stephen Davis
* --------------------------------------------------------------
**/

/** 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;*/
	line-height: 32px;
	float: left;
	padding-left: 5px;
	padding-bottom: 20px;
}
	#footer, #footer a, #optionsBar a { 
		color: #8A8795;
		text-decoration: none;
	}
		#footer a:hover, #optionsBar a:hover { text-decoration: underline; }
#social_media {
	float: right;
	color: #8A8795;
	font-size: 1.1em;
	padding-right: 5px;
	padding-bottom: 20px;
}
#social_media .title {
	float: left;
	line-height: 32px;
	padding-right: 5px;
}
#social_media ul {
	float: right;
}
/*#social_media ul li a*/
/* @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;
}