@charset "utf-8";

html,
body {
   margin:0;
   padding:0;
   height:100%;
   min-height: 100%; /*Req'd to stretch to bottom*/
}

body  {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.75em;
	line-height: 1.3em;
	color: #000000;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	background-color: #4d4b4a;
	background-image: url(images/bodyBkgd.png);
	background-repeat: no-repeat;
	background-position: center top;
}

#bodyBkgd2 {
	height: auto;
	min-height: 100%; /*Req'd to stretch to bottom*/
	margin: 0;
	padding: 0;
	background-image: url(images/bodyBkgd2.png);
	background-repeat: repeat-x;
	background-position: center bottom;
	padding-bottom: 26px; /*size of footer*/
}

#container { 
	width: 806px; 
	height: 100%;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	text-align: left; /* this overrides the text-align: center on the body element. */
} 
#header { /* contains "h1 a" */
	width: 281px;
	height: 89px;
	margin: 0 auto;
	background-image: url(images/header_logo.png);
	background-repeat: no-repeat;
	/*padding: 0 10px;  /* TOP-BOTTOM / LEFT-RIGHT - this padding matches the left alignment of the elements in the divs that appear beneath it. If an image is used in the #header instead of text, you may want to remove the padding. */
} 
#header h1 {
	margin: 0; /* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */
	/*padding: 10px 0; /* using padding instead of margin will allow you to keep the element away from the edges of the div */
}
#header h1 a {
	display: block; /* Allows you to change the width and height of the image */
	width: 281px;
	height: 89px;
	text-indent: -2000em; /* Hides the text in the h1 tag */
	text-decoration: none; /* Hides the underline of the hyperlink */
	z-index: 1000; /* IE Fix*/
}

/* PHOTO HEADER */

#photoHeader { /* Image size is 796px by 261px */
	width: 796px; /* 806 - 5 - 5 = 796 */
	height: 261px; /* 271 - 5 - 5 = 261 */
	padding: 5px 5px 5px; /* TOP - LR - BOTTOM */
	background: #000;
   -moz-box-shadow: 0 0 24px #000;
   -webkit-box-shadow: 0 0 24px #000;
    box-shadow: 0 0 24px #000;
} 

/*--Main Container--*/
.main_view {
	float: left;
	position: relative;
}

/*--Window/Masking Styles--*/
.window {
	width: 796px;
	height: 261px;
	overflow: hidden; /*--Hides anything outside of the set width/height--*/
	position: relative;
}
.image_reel {
	position: absolute;
	top: 0;
	left: 0;
}
.image_reel img {
	float: left;
	text-decoration: none;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
}

/*--Paging Styles--*/
.paging {
	width: auto;
	height: 18px;
	position: absolute;
	bottom: 0;
	right: 0;
	z-index: 100; /*--Assures the paging stays on the top layer--*/
	text-align: center;
	/*line-height: 20px;*/
	display: none; /*--Hidden by default, will be later shown with jQuery--*/
	background-color: #000;
	padding: 4px 5px 0 8px;  /* TOP, RIGHT, BOTTOM, LEFT */
	font-size: 24px;
	-webkit-border-top-left-radius: 10px;
	-moz-border-radius-topleft: 10px;
	border-top-left-radius: 10px;
}

.paging a {
	padding: 1px;
	font-weight: bold;
	text-decoration: none;
	color: #fff;
}
.paging a.active {
	font-weight: bold;
	color: #df0809;
}
.paging a:hover {font-weight: bold;}

/* END PHOTO HEADER */

#topDivider {
	width: 100%;
	height: 5px;
	background: #000;
    -moz-box-shadow: 0 2px 3px #686767;
    -webkit-box-shadow: 0 2px 3px #686767;
    box-shadow: 0 2px 3px #686767;
  	position: relative;
	z-index: 3;
	clear: both;
}

#bottomDivider {
	width: 100%;
	height: 5px;
	background: #000;
    -moz-box-shadow: 0 -2px 3px #686767;
    -webkit-box-shadow: 0 -2px 3px #686767;
    box-shadow: 0 -2px 3px #686767;
  	position: relative;
	z-index: 3;
}

#mainBkgd {
	width: 806px;
	height: 100%;
	margin: 0 auto;
	background-image: url(images/mainBkgd.gif);
	background-repeat: repeat-y;
    -moz-box-shadow: 0 0 24px #000;
    -webkit-box-shadow: 0 0 24px #000;
    box-shadow: 0 0 24px #000;

} 

#mainContent {
	width: 505px; /* 541 - 18 - 18 = 505 */
	height: auto;
	padding: 18px 18px 18px 18px;  /* TOP, RIGHT, BOTTOM, LEFT */
	background-color: #FFF;
	float: left;
} 

#sidebar {
	width: 229px; /* 265 - 18 - 18 = 229 */
	height: auto;
	padding: 18px 18px 18px 18px;  /* TOP, RIGHT, BOTTOM, LEFT */
	background: #dedddd;
	float: left;
}

#footer {
	width: 770px;
	height: 26px;
	padding: 5px 18px 0 18px;  /* TOP, RIGHT, BOTTOM, LEFT */
	background:#000;
	-moz-box-shadow: 0 2px 24px #000;
	-webkit-box-shadow: 0 2px 24px #000;
	box-shadow: 0 2px 24px #000;
	position: relative;
	z-index: 4;
	clear: both;
	
	font-family: "FuturaCondensedNormalRegular", "Arial Narrow", Tahoma, Geneva, sans-serif;
	font-size: 13px;
	text-transform: uppercase;
	color: #FFF;
	
	-webkit-border-bottom-right-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-moz-border-radius-bottomright: 5px;
	-moz-border-radius-bottomleft: 5px;
	border-bottom-right-radius: 5px;
	border-bottom-left-radius: 5px;
}

#footer p {
	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
}