/*  - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
	
	Screen.css
	* Main stylesheet for controling all CSS styles
	
	Author
	* Sam Howat [sam@bluetux.com]
	
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */ 	

	@import "_reset.css"; 
	@import "_type.css"; 
	@import "_grid.css"; 


/* Body
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */

body {
	
	background-color: #42281B;
	margin: 5px 0 10px 0; padding: 0;	
}

/* Main Navigation
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */

#main-nav { 
			
	width: 940px; height: 28px;

	}

#main-nav ul {

	background: transparent url('../img/nav/main-nav.jpg') top left no-repeat;
	position: relative;
	display: block; float: right;
	width: 766px; height: 28px; 
	margin: 0 0px 0 0; padding: 0; 
	

	}

#main-nav li, #main-nav a 	{ display: block; height: 28px; outline: none; }
#main-nav li 				{ position: absolute; top: 0px; }
#main-nav a 				{ text-indent: -9999px; text-decoration: none; outline: none; }


#main-nav #nav-one		{ left: 0px; width: 79px; }                                            
#main-nav #nav-two		{ left: 79px; width: 100px; }
#main-nav #nav-three	{ left: 179px; width: 179px; }
#main-nav #nav-four		{ left: 358px; width: 140px; }
#main-nav #nav-five		{ left: 498px; width: 131px; }
#main-nav #nav-six		{ left: 629px; width: 137px; }

#main-nav #nav-one a:hover		{ background: transparent url('../img/nav/main-nav.jpg') -0px -28px no-repeat; }                                            
#main-nav #nav-two a:hover		{ background: transparent url('../img/nav/main-nav.jpg') -79px -28px no-repeat; }
#main-nav #nav-three a:hover	{ background: transparent url('../img/nav/main-nav.jpg') -179px -28px no-repeat; }
#main-nav #nav-four a:hover		{ background: transparent url('../img/nav/main-nav.jpg') -358px -28px no-repeat; }
#main-nav #nav-five a:hover		{ background: transparent url('../img/nav/main-nav.jpg') -498px -28px no-repeat; }
#main-nav #nav-six a:hover		{ background: transparent url('../img/nav/main-nav.jpg') -629px -28px no-repeat; }


/* Main Navigation
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */

ul#sub-nav { margin: 0; padding: 10px; list-style-type: none; }
ul#sub-nav li { margin: 0; padding: 5px 0 5px 17px; list-style-type: none;
	background: transparent url('../img/feats/side-nav-bullets.gif') 0% 50% no-repeat;
	border-bottom: 1px dotted #E3DBCD; 
	font-weight: bold;
	 }
#sub-nav a:link, #sub-nav a:visited { color: #6C4117; }
#sub-nav a:active, #sub-nav a:hover { color: #88511B; text-decoration: underline;}


/* Image Replacement For Headers & Logo
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */

#header-div h1 a {

	background: transparent url(../img/logo/olympic-lodge-logo-126x110.jpg) no-repeat left top;
	display: block; float: left;
	width: 126px; height: 110px;
	margin: 0 0 0 25px; padding: 0;
	text-decoration: none;
	text-indent: -9999px;
	outline: none; 	

	}
	
/* Misc Classes
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */
.clear 	{ clear: both; } 
.sub-page-header-image { margin: 0; padding: 0 0 10px 0;}
.quote { padding: 10px; font-size: 12px; font-style: italic; }
.quote cite { display: block; padding: 5px 0; font-weight: bold; }
.float-img-right { border: 1px solid #c4c4c4; padding: 1px; margin: 5px 0px 5px 10px; float: right; }
.conf-diagram { border: 0px solid #c4c4c4; padding: 5px 0px 5px 15px; margin: 0; float: right; }
.side-photo { margin: 0 auto 10px 5px; padding: 2px; border: 1px solid #c4c4c4; width: 235px; dislpay: block;  }
/* Home Page Classes
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */

#front-page-content-block {
	background: #5E5047 url('../img/bg/home-page-content-bg.jpg') top left no-repeat;
	display: block; float: left; 
	width: 252px; height: 450px;
	margin: 0 0 0 10px; padding: 0;
	}

#front-page-flash {
	background: #5E5047 url('../img/gallery/home-page/temp-home.jpg') top left no-repeat;
	display: block; float: left; 
	width: 668px; height: 450px;
	margin: 0; padding: 0;
	}


.peninsula-events {
	border: 1px solid #CCCCCC; 
	background-color: #FFFFF1; 
	margin: 5px; padding: 10px; 
	}	

.light-reserve-td {
	border-top: 1px solid #CCCCCC; 
	border-left: 1px solid #CCCCCC; 
	border-right: 1px solid #CCCCCC; 
	border-bottom: 1px solid #CCCCCC; 
	background-color: #FFFFF1; 
	padding: 5px 10px; 
	}
	
.dark-reserve-td {
	border-top: 1px solid #CCCCCC; 
	border-right: 1px solid #CCCCCC; 
	border-bottom: 1px solid #CCCCCC; 
	background-color: #F7F8F7; 
	padding: 5px 10px; 
	}
	
#bw { background-color: yellow; }

.contentPhoto {
	margin: 0 15px 10px 5px; 
	padding: 2px; 
	border: 1px solid #c4c4c4; 
	width: 235px; 
	display: inline-block;
	
}

.newsroomControl {
	text-align: center;
	margin: 20px 0 20px 0;
}

.newsroom {
	text-align:center;
	font-weight:bold;
	background:#fcfcfc;
	border:2px solid #e1e1e1;
	padding:5px 10px;
	font-size:120%;
	display: inline-block;
	width: 175px;
}	
.newsroom a { color:#555; }
.newsroom a:hover { color:#999; }

a[href $='.pdf'] { 
   padding-right: 18px;
   background: transparent url(../img/pdf.gif) no-repeat center right;
}

.photoGallery {
	margin-right: 10px;
}

.newsroomBack {
	background-color: #E9E2D3;
	padding-right: 15px;
	font-weight: bold;
}

.green { 
	color: #4CA329; 
	font-weight: bold; 
	font-size: 16px;
}