/*  
Theme Name: Available Light
Version: 1.0
Author: Aaron Cooper
Author URL: http://www.centricinteractive.com/
*/

body {
	background: url(/images/available_light_photos_htrab_bg.gif) top left repeat-x #013469;
	margin: 0;
	color:#001546;
}

#globalNav {
	position: absolute;
	top: 0px;
	width: 100%;
	text-align: center;
	z-index: 1;
}

#mainHeadsContainer {
	position: absolute;
	z-index: 3;
	width: 780px;
	position: absolute;
	left: 50%;
	height: 26px;
	margin-left: -390px;	
	top: 387px;
/* for some reason, FireFox needs a background color or image to show this on top of top image */
	background: url(/images/transparent_bg.gif);	
}

#mainHeadsContainerHigher {
	position: absolute;
	z-index: 3;
	width: 780px;
	position: absolute;
	left: 50%;
	height: 26px;
	margin-left: -390px;	
	top: 187px;
/* for some reason, FireFox needs a background color or image to show this on top of top image */
	background: url(/images/transparent_bg.gif);	
}

#mainHeadsContent {
	position: absolute;
	z-index: 100;
	width: 780px;
}

#mainHeadsBackground2Col {
	position: absolute;
	z-index: 2;
	width: 780px;
	position: absolute;
	left: 50%;
	height: 26px;
	margin-left: -390px;	
	top: 354px;
	background: url(/images/headers_2Col_htrab_bg.gif);
	filter: alpha(opacity=20);
	-moz-opacity: .20;
	opacity: .20;		
}

#mainHeadsBackgroundPhotos {
	position: absolute;
	z-index: 2;
	width: 780px;
	position: absolute;
	left: 50%;
	height: 26px;
	margin-left: -390px;	
	top: 190px;
	background: url(/images/headers_forums_dark_htrab_bg.gif);
	filter: alpha(opacity=65);
	-moz-opacity: .65;
	opacity: .65;		
}

#mainHeadsBackground3Col {
	position: absolute;
	z-index: 2;
	width: 780px;
	position: absolute;
	left: 50%;
	height: 26px;
	margin-left: -390px;	
	top: 354px;
	background: url(/images/headers_3Col_htrab_bg.gif);
	filter: alpha(opacity=50);
	-moz-opacity: .50;
	opacity: .50;		
}

#headerContent {
	width: 780px;
	height: 216px;
	position: relative;
	left: 50%;
	margin-left: -390px;
	margin-bottom: 0px;
}

#relativeContent {
	width: 780px;
	position: relative;
	left: 50%;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: -390px;
	background: url(/images/relative_content_htrab_bg.gif) top left repeat-y #001546;
}

#footerContainer {
	width: 100%;
	background-color: #001546;
	clear: both;
	margin-top: 0px;
}

#footer {
	width: 780px;
	position: relative;
	left: 50%;
	margin-left: -390px;
	height: 50px;
	color: #94A3A5;
	background-color: #001546;
	font: normal 11px/12px Arial, sans-serif;	
}

/* Establish reuseable columns to place within relativeContent area*/

#leftNarrowColumn, #wideColumn, #fullColumn {
	padding: 20px;
	color: #1F1B15;
	font: normal 11px/12px Arial, sans-serif;
}
#leftNarrowColumn {
	position: absolute;
	width: 170px;
	top: 0px;
	left: 0px;	
	background-color: #B9CDE4;	
	background: url(/images/left_narrow_column_htrab_bg.jpg) bottom left no-repeat #B9CDE4;
	overflow: hidden;
}
#fullColumn {
	min-height: 235px;
	margin-left: 0px;
	margin-right: 220px;
	background-color: #B9CDE4;
	background: url(/images/left_column_htrab_bg.gif) top left repeat-y #B9CDE4;
	overflow: hidden;
	height: 100%;	
}
#wideColumn {
	margin-left: 220px;
	margin-right: 220px;
	background-color: #B9CDE4;
	overflow: hidden;
	height: 100%;	
}
#wholeColumn {
	margin-left: 0px;
	margin-right: 0px;
	background: url(/images/left_column_htrab_bg.gif) top left repeat-y #B9CDE4;
	overflow: hidden;
	height: 100%;	
}
#rightNarrowColumn {
	position: absolute;
	width: 210px;
	top: 0px;
	right: 0px;
	/*
	background-color: #001546;	
	background: url(/images/right_narrow_column_bg.jpg) bottom right no-repeat #B9CDE4;
	*/
	overflow: hidden;
}

#leftNarrowHeader {
	width: 190px;
	position: relative;
	float: left;
}

#middleHeader {
	width: 320px;
	position: relative;
	float: left;
	margin-left: 30px;
}

#fullHeader {
	width: 780px;
	position: relative;
	float: left;
}

#fullHeaderTourDates {
	width: 366px;
	position: relative;
	float: left;
}

#rightNarrowHeader {
	width: 190px;
	position: relative;
	float: left;
	margin-left: 29px;
}

#tourDateButtons {
	width: 87px;
	position: relative;
	float: left;
	margin: 13px 0px 0px 10px;
}

/* General element rules */

p {
	font: normal 12px/18px Arial, sans-serif;
	color: #001546;
}


/* Link styles */

a, a:link, a:visited, a:active {
	text-decoration: none;
	color: #001546;
}

a:hover {
	color: #0065CF;
	text-decoration: underline;
}

#footer a, #footer a:link, #footer a:visited, #footer a:active {
	text-decoration: none;
	color: #B9CDE4;
}

#footer a:hover {
	color: #0065CF;
	text-decoration: underline;
}

/* List styles */

#relativeContent ul, #leftNarrowColumn ul, #wideColumn ul, #fullColumn ul {
	list-style: none;
	margin-left: 0;
	margin-top: 0;
	padding-left: 0px;
}

#relativeContent li, #leftNarrowColumn li, #wideColumn li, #fullColumn li {
	list-style-image: url(/images/wp_bullet_htrab.gif);
 	list-style-type: square;	
}
/* Copy styles */
h1 {
	font: normal 16px/20px "Times New Roman", "Times", serif;
	color: #01356A;
	font-weight: normal;
	display: inline;
	padding-top: 0px;
	margin: 0px 0px 10px 0px;
	font-variant: small-caps;
}

h3 {
	font: normal 12px/14px Arial, sans-serif;
	color: #031643;
	font-weight: bold;
	display: inline;
	margin: 0px 0px 0px 0px;
}

h4 {
	font: normal 14px/18px Arial, sans-serif;
	color: #031643;
	font-weight: normal;
	display: inline;
	margin: 0px 0px 0px 0px;
}

#footertext {
	padding: 20px;
}

/* header styles with left margin */
.headerTop {
	font: normal 13px/13px "Times New Roman", "Times", serif;
	color: #FFFFFF;
	font-weight: normal;
	display: inline;
	margin: 0px 0px 0px 20px;
	padding-bottom: 0px;
	font-variant: small-caps;
}

.headerBottom {
	font: normal 22px/16px "Times New Roman", "Times", serif;
	color: #FEC81A;
	font-weight: normal;
	display: inline;
	padding-top: 0px;
	margin: 0px 0px 0px 20px;
	font-variant: small-caps;
}

/* header styles with NO left margin */

.headerTopNoMargins {
	font: normal 13px/13px "Times New Roman", "Times", serif;
	color: #FFFFFF;
	font-weight: normal;
	display: inline;
	font-variant: small-caps;
}

.headerBottomNoMargins {
	font: normal 22px/16px "Times New Roman", "Times", serif;
	color: #FEC81A;
	font-weight: normal;
	display: inline;
	font-variant: small-caps;
}

.allCapsLink {
	font: normal 14px/15px "Times New Roman", "Times", serif;
	font-weight: normal;
	font-variant: small-caps;
}

.itemTitle {
	font: normal 22px/24px "Times New Roman", "Times", serif;
	margin: 0px 0px 5px 0px;
	font-weight: normal;
	color: #1F1B15;
	clear: both;
}

.sectionTitle {
	font: normal 22px/24px "Times New Roman", "Times", serif;
	margin: 0px 0px 5px 0px;
	font-weight: normal;
	color: #FEC81A;
	clear: both;
}

.sectionHash {
	font: normal 22px/24px "Times New Roman", "Times", serif;
	margin: 0px 0px 5px 0px;
	font-weight: normal;
	color: #013469;
	clear: both;
}

.quotationMark {
	font: normal 20px/12px "Times New Roman", "Times", serif;
	font-weight: bold;
	color: #FEC81A;
	clear: both;
	margin: 0;
	padding: 0px 0px 0px 0px;
}

.regularBody {
	font: normal 12px/16px Arial, sans-serif;
	font-weight: normal;
	margin: 0px 0px 0px 0px;
}

.smallBody {
	font: normal 11px/13px Arial, sans-serif;
	font-weight: normal;
}

/* Various Containers */

.captionText {
	float: left;
	font: normal 10px/12px Arial, sans-serif;
	font-weight: normal;
	margin: 5px 5px 5px 5px;
	clear: both;
}

.newsImage {
	float: left;
	clear: both;
}

#newsImageNoCaption {
	display: inline;
	position: relative;
	float: right;
	padding: 5px 0px 20px 20px;
}

#newsImageWCaption {
	display: inline;
	position: relative;
	float: right;
	padding: 5px 0px 20px 20px;
}

#clearer {
	clear: left;
	line-height: 0px;
	height: 0px;
}

#storeCDBox {
	position: relative;
	float: left;
	margin: 0px 10px 30px 0px;
	width: 200px;
	padding: 0px 0px 0px 0px;
}

#storeInfoBox {
	position: relative;
	float: left;
	margin: 0px 0px 30px 0px;
	width: 290px;
	padding: 0px 0px 0px 0px;
}

#innerStoreInfoBox {
	/*
	position: relative;
	float: left;
	*/
	margin: 0px 0px 20px 0px;
	width: 290px;
	padding: 10px;
	background-color: #97928C;
}

#galleryBox {
	position: relative;
	float: left;
	margin: 10px 20px 20px 0px;
	width: 150px;
	padding: 0px 0px 0px 0px;
}

#cdArtBox {
	position: relative;
	float: left;
	margin: 10px 20px 20px 0px;
	width: 130px;
	padding: 0px 0px 0px 0px;
}

#boxCaption {
	position: relative;
	float: left;
	padding: 5px 10px 5px 5px;
	font: normal 11px/13px Arial, sans-serif;
	font-weight: normal;
}

/* Form styles */



/* other rules */

.homeFeatureImage {
	/* in effect, get rid of space around the image caused by 
	the padding applied to widerColumn div */
	margin: -20px -20px 20px -20px;
}

#additionalSideContent {
	font: normal 12px/16px Arial, sans-serif;
	font-weight: normal;
	width: 210px;
	background-color: #B9CDE4;
	padding: 10px;
}

.chunkDivider {
	position: relative;
	overflow: hidden;
	float: left;
	width: 100%;
	height: 10px;
	margin-top: 35px;
	margin-bottom: 35px;
	margin-left: -20px;
	clear: both;
	background: url(/images/chunk_divider_bg_htrab_final.gif);
	background-color: #545047;
	display: inline;
}

/* different divider style - short at left side
.chunkDivider {
	width: 20px;
	height: 10px;
	background-color: #013469;
	margin-top: 35px;
	margin-bottom: 35px;
	margin-left: -20px;
	padding-left: 0px;
	padding-right: 0px;
	clear: both;
	background: url(/images/chunk_divider_bg.gif);
}
*/

/* different divider style - bar with background
.chunkDivider {
	width: 100%;
	height: 10px;
	background-color: #B9CDE4;
	margin-top: 35px;
	margin-bottom: 35px;
	clear: both;
	background: url(/images/chunk_divider_bg_new.gif);	
}
*/

.topImage {
	margin: 0;
	padding: 0px 0px 0px 0px;
	clear: both;
}

.downloadIconRight {
	position: relative;
	float: right;
}

.whiteLeftNumbers {
	color: #05396F;
	padding-right: 10px;
	font: normal 12px/16px Arial, sans-serif;	
}

.expandedVideoBox {
	margin: 10px 0px 10px 0px;
	padding: 10px;
	width: 650px;
	height: 488px;
	background: url(/photos_and_videos/expanded_video_box_htrab_bg.gif) top left no-repeat #013469;
}

.embeddedVideo {
	margin-top: 10px;
	margin-bottom: 10px;
}

#expandedVideoTitleBox {
	background: url(/photos_and_videos/expanded_video_htrab_bg.jpg) top left no-repeat #918b85;
	margin: 0;
	padding: 0;
	width: 650px;
	height: 120px;
}

#collapsedVideoTitleBox {
	background-color: #8A9DB9;
	margin: 10px 10px 10px 10px;
	width: 650px;
	height: 120px;
}

#videoTitle {
	position: relative;	
	float: right:
	margin: 0;
	padding: 15px;
}

.videoTitleText {
	font: normal 22px/24px "Times New Roman", "Times", serif;
	padding-bottom: 10px;
	font-weight: normal;
	color: #1F1B15;
}

.videoActionItems {
	font: normal 14px/16px "Times New Roman", "Times", serif;
	margin: 15px 0px 0px 0px;
	font-weight: normal;
	color: #FEC81A;
}


input {
	padding: 2px;
	font: normal 11px/11px Arial, sans-serif;	
	border: 1px solid #99BBDD;
	color: #031643;
	background-color: #D8E4F1;
	margin-bottom: 8px;
	height: 14px;
}

select {
	padding: 2px;
	font: normal 11px/11px Arial, sans-serif;	
	border: 031643 solid #99BBDD;
	color: #1F1B15;
	background-color: #D8E4F1;
	margin-bottom: 8px;
}

textarea {
	padding: 2px;
	font: normal 11px/11px Arial, sans-serif;	
	border: 1px solid #99BBDD;
	color: #031643;
	background-color: #D8E4F1;
	margin-bottom: 8px;
}