/*

General Styles: Villages of Mt. Hood

NOTE: Styles preceded by "* html " utilize a bug in IE6 that acknowledges 
an errorious use of the asterisk. These styles are to solve compatibility issues


*/

* {margin:0px;padding:0px;}

html, body {min-width:700px;}

body {
	background-color:#386072;
	color:#333;
	font-size:12px;
	font-family:Georgia, "Times New Roman", Times, serif;
}

a, a:link, a:visited, a:active, a:hover {color:#003366;text-decoration:underline;}
a:active, a:hover {color:#000;text-decoration:underline;}

a.noline, a.noline:link, a.noline:visited, a.noline:active, a.noline:hover {color:#003366;text-decoration:none; float:right;}
a.noline:active, a.noline:hover {text-decoration:underline;}

img {border:0;}

h1, h3, h4 {color:#003300;}

h2{color:#669999;}

blockquote{
	margin-left:20px;
}

.clear {
	clear:both;
	line-height:0px;
	font-size:0px;
	margin:0;
	padding:0;
}

#logo {
	position:absolute;
	left:0;
	top:4px;
	width:100%;
	height:228px;
	text-align:center;
	z-index:55;
}

#mastbg {
	background:#84a0d3 url(images/April-May-Masthead.jpg) repeat-x bottom center;
	width:100%;
	height:153px;
	z-index:-5;
}

#flashcontent {
	width:100%;
	height:153px;
	z-index:0;
}

#masthead {
	background-color:#003300;
	width:100%;
	height:20px;
	padding-top:6px;
	color:#e6ddc6;
	font-size:11px;
}

	#masthead p {
		text-align:right;
		float:left;
		width:45%;
	}
	
	#masthead p.issue {
		text-align:left;
		float:right;
		width:45%;
	}
		#masthead p span, #masthead p span a {padding:0px 75px 0px 0px; color:#FFF;}		
		#masthead p.issue span {padding:0px 0px 0px 75px;}

#content_container {
	background:#F0EBDE url(images/content_bg.jpg) repeat-x top center;
	width:auto;
	padding:23px 20px 0px 20px;
}

	#content, #footer {
		max-width:950px;	/* Maximum width for entirety of page */
		margin:0px auto;
	}
	
		#column_lead p, #column_sidebars p {
			line-height:18px;
			margin-top:15px;
		}
		
		p.photocaption {	/* Caption beneath photograph */
			font-family:Verdana, Arial, Helvetica, sans-serif;
			font-size:9px;
			color:#535353;
			line-height:12px;
			margin:0px 0px 15px 0px;
		}

		#column_nav {		/* Column with lead article photograph and site navigation */
			width:200px;
			float:left;
		}
		
			#column_nav img {
				margin-bottom:10px;
			}
		
			#column_nav .roundedbox {
				width:200px;
				margin-bottom:10px;
				font-size:13px;
			}
			
				#column_nav .roundedbox .hd, #column_nav .roundedbox .ft {
					width:200px;
					height:7px;
					line-height:0px;
					font-size:0px;
					background:transparent url(images/issuecontents_top.gif) no-repeat;
				}
				
				#column_nav .roundedbox .ft {
					background-image:url(images/issuecontents_bottom.gif);
				}
				
				#column_nav .roundedbox .bd {
					width:170px;
					background:#003300;
					color:#ffffff;
					padding:6px 15px;
				}
				
				#column_nav .roundedbox h2 {
					font-size:18px;
					font-weight:bold;
					color:#fff;
					line-height:18px;
					margin-bottom:15px;
				}
				
				#column_nav .roundedbox a, #column_nav .roundedbox a:link, 
				#column_nav .roundedbox a:visited, #column_nav .roundedbox a:active, #column_nav .roundedbox a:hover {
					color:#ffffff;
					text-decoration:none;
				}
				#column_nav .roundedbox a:active, #column_nav .roundedbox a:hover {
					color:#fff;
					text-decoration:underline;
				}
				
				#column_nav .roundedbox ul {margin-left:28px;}
				#column_nav .roundedbox ul li {margin-bottom:10px;}
				
				ul.navbtn {list-style-type:none;}
				
					ul.navbtn li {margin-bottom:10px;}
				
					ul.navbtn li a, ul.navbtn li a:link, ul.navbtn li a:visited, ul.navbtn li a:active, ul.navbtn li a:hover {
						display:block;
						color:#fff;
						width:185px;
						height:32px;
						padding:10px 0px 0px 15px;
						font-size:18px;
						font-weight:bold;
						text-decoration:none;
						background:transparent url(images/navbtn_bg.gif) no-repeat 0px 0px;
					}
					ul.navbtn li.blog a{
						background:transparent url(images/navbtn_bg_blog.gif) no-repeat 0px 0px;
					}
					
					ul.navbtn li a:active, ul.navbtn li a:hover {
						background-position:-200px 0px;
					}
				
		
		#column_sidebars {	/* Column with secondary articles and/or sidebars */
			width:34%;
			float:right;
		}
		
			#content.article #column_sidebars {width:150px;} /* WIDTH FOR ARTICLE PAGES */
		
			.sidebar_clear {clear:left;}
		
			#column_sidebars .dialog {
				width:auto;
				margin:0px 5px 10px 5px;
			}
			* html #column_sidebars .dialog {margin-left:10px}
			
				#column_sidebars .dialog h3 {
					font-family:Verdana, Arial, Helvetica, sans-serif;
					font-size:11px;
					color:#fff;
					text-transform:uppercase;
					font-weight:normal;
					margin-bottom:15px;
					text-align:center;
				}
			
				#column_sidebars .dialog p {
					margin:0;
					font-size:11px;
					line-height:17px;
					color:#fff;
					position:relative;
				}
				
					#content.article #column_sidebars .dialog p {
						line-height:normal;
						margin-bottom:15px;
					}
				
				#column_sidebars .dialog img {
					float:left;
					margin:0px 15px 15px 0px;
					position:relative;
				}
				
				#column_sidebars .dialog a, #column_sidebars .dialog a:link, #column_sidebars .dialog a:visited, 
				#column_sidebars .dialog a:active, #column_sidebars .dialog a:hover {
					color:#fff;
					text-decoration:underline;
				}
				
				/* Article dialog link styles */
				#content.article #column_sidebars .dialog a, #content.article #column_sidebars .dialog a:link,
				#content.article #column_sidebars .dialog a:visited, #content.article #column_sidebars .dialog a:active,
				#content.article #column_sidebars .dialog a:hover {
					text-decoration:none;
					line-height:normal;
				}
				
				#content.article #column_sidebars .dialog a:active,
				#content.article #column_sidebars .dialog a:hover {
					text-decoration:underline;
				}
				
				#column_sidebars .dialog a.printlink,  #column_sidebars .dialog a.maillink {
					display:block;
					padding-left:20px;
				}
				#column_sidebars .dialog a.printlink {background:transparent url(images/icon_print.gif) no-repeat top left;}
				#column_sidebars .dialog a.maillink {background:transparent url(images/icon_mail_small.gif) no-repeat 0px 4px;}
				
				
				#column_sidebars .dialog .bd {
					background-color:#5e825e;
					padding:8px 15px;
				}
					#content.article #column_sidebars .dialog .bd {padding:8px 12px 1px 12px}
					* html #content.article #column_sidebars .dialog .bd {padding:8px 10px 1px 9px}
				
				#column_sidebars .dialog .hd {
					width:auto;
					height:7px;
					background:transparent url(images/dialog_tl.gif) no-repeat top left;
					font-size:0px;
					margin-right:7px;
				}
				* html #column_sidebars .dialog .hd {margin-right:4px}
				
				#column_sidebars .dialog .hd_corner {
					width:7px;
					height:7px;
					background:transparent url(images/dialog_tr.gif) no-repeat top right;
					float:right;
					font-size:0px;
				}
				* html #column_sidebars .dialog .hd_corner {margin-left:-7px}
				
				#column_sidebars .dialog .ft {
					width:auto;
					height:7px;
					background:transparent url(images/dialog_bl.gif) no-repeat top left;
					font-size:0px;
					margin-right:7px;
				}
				* html #column_sidebars .dialog .ft {margin-right:4px}
				
				#column_sidebars .dialog .ft_corner {
					width:7px;
					height:7px;
					background:transparent url(images/dialog_br.gif) no-repeat top right;
					float:right;
					font-size:0px;
				}
				* html #column_sidebars .dialog .ft_corner {margin-left:-7px}
				
				
			#column_sidebars .sidebar {
				width:150px;
				float:left;
				margin:0px 5px 10px 5px;
			}
			
				#column_sidebars h1 {
					font-size:18px;
					line-height:18px;
					font-weight:normal;
				}
			
				#column_sidebars .sidebar .hd {
					width:149px;
					line-height:0px;
					font-size:0px;
					height:7px;
					background:transparent url(images/sidebar_top.gif) no-repeat;
				}
				
				#column_sidebars .sidebar .bd {
					width:119px;
					background:#fff;
					padding:8px 15px 0px 15px;
				}
				
				#column_sidebars .sidebar a.ft, #column_sidebars .sidebar a.ft:link, #column_sidebars .sidebar a.ft:visited, 
				#column_sidebars .sidebar a.ft:active, #column_sidebars .sidebar a.ft:hover {
					color:#003366;
					display:block;
					width:116px;
					height:20px;
					text-align:right;
					text-decoration:none;
					background:transparent url(images/sidebar_bottom_readmore.gif) no-repeat;
					padding:14px 34px 0px 0px;
				}

				#column_sidebars .sidebar a.ft:active, #column_sidebars .sidebar a.ft:hover {
					color:#003366;
					text-decoration:underline;
				}
		
		#column_lead {		/* Main column with body of page enclosed */
			margin:0px 34% 0px 220px;
			padding-right:15px;
		}
		* html #column_lead {float:left;margin:0px 10px 0px 20px;clear:right;}
		
		#content.article #column_lead {margin-right:150px;}	/* Margin-right for article pages */
		* html #content.article #column_lead {margin-right:0;}
		
		#content.solo #column_lead{margin:0px 0px 0px 220px;padding:0px}
		* html #content.solo #column_lead{margin-left:0px}
		
		#column_lead h1 {
			color:#003300;
			font-family:Georgia, "Times New Roman", Times, serif;
			font-size:28px; /* originally 36px */
			font-weight:bold;
			line-height:36px;
		}
		
		#column_lead h2 {
			font-family:Verdana, Arial, Helvetica, sans-serif;
			color:#669999;
			font-weight:normal;
			font-size:18px;
		}
		
		#column_lead p img {
			margin:0px 5px 5px 5px;
			position:relative;
		}
		
		h3.articlehead {
			font-family:Verdana, Arial, Helvetica, sans-serif;
			font-size:11px;
			color:#663333;
			text-transform:uppercase;
			font-weight:normal;
			margin-bottom:15px;
			font-style:normal;
		}
		
		p.authorcredit {
			font-style:italic;
			color:#666;
		}
		
		span.articleend {
			text-transform:uppercase;
			color:#666;
			font-size:11px;
			padding-left:20px;
			background:transparent url(images/icon_endarticle.gif) no-repeat 2px 1px;
		}
		
			#column_lead .roundedbox {
	width:auto;
	margin-bottom:10px;
	position:relative;
			}
			
				#column_lead .roundedbox .hd {
					width:auto;
					height:7px;
					background:transparent url(images/rounded_tl.gif) no-repeat top left;
					font-size:0px;
					margin-right:8px;
				}
				* html #column_lead .roundedbox .hd {/*margin-left:-3px;*/margin-right:5px}
				
				#column_lead .roundedbox .hd_corner {
					width:7px;
					height:7px;
					background:transparent url(images/rounded_tr.gif) no-repeat top right;
					float:right;
					font-size:0px;
					margin-right:1px;
				}
				* html #column_lead .roundedbox .hd_corner {margin-left:-8px;margin-right:0px}
				
				#column_lead .roundedbox .bd {
					background-color:#fff;
					margin-right:1px;
					padding:8px 15px 0px 15px;
				}
				* html #column_lead .roundedbox .bd {margin-right:1px;}
				
					#column_lead .roundedbox .bd ul {margin-left:15px;}
					#column_lead .roundedbox .bd ol {margin-left:25px;}
					#column_lead .roundedbox .bd li {margin:10px 0px;line-height:17px}
					#column_lead .roundedbox .bd .lodgingHeader {font-weight:bold; color:#663333;}
				
				#column_lead .roundedbox div.ft {
					display:block;
					float:right;
					height:34px;
					background:transparent url(images/rounded_br.gif) no-repeat bottom right;
					width:16px;
				}
				* html #column_lead .roundedbox div.ft {margin-left:-7px;}
				
				#column_lead .roundedbox a.ft, #column_lead .roundedbox a.ft:link, #column_lead .roundedbox a.ft:visited, 
				#column_lead .roundedbox a.ft:active, #column_lead .roundedbox a.ft:hover {
					display:block;
					float:right;
					height:20px;
					background:transparent url(images/rounded_br_readmore.gif) no-repeat bottom right;
					color:#003366;
					text-decoration:none;
					text-align:right;
					padding:14px 34px 0px 0px;
					margin-left:7px;
				}
				#column_lead .roundedbox a.ft:active, #column_lead .roundedbox a.ft:hover {
					color:#003366;
					text-decoration:underline;
				}
				* html #column_lead .roundedbox a.ft, * html #column_lead .roundedbox a.ft:link, * html #column_lead .roundedbox a.ft:visited, 
				* html #column_lead .roundedbox a.ft:active, * html #column_lead .roundedbox a.ft:hover {
					margin-right:0px;margin-left:-3px;
				}
				
				#column_lead .roundedbox .ft_corner {
					width:auto;
					height:34px;
					background:transparent url(images/rounded_bl.gif) no-repeat bottom left;
					font-size:0px;
					margin-right:8px;
				}
				
				/* this is for the "related links" box */
				#column_lead .roundedbox .roundedbox{margin:15px 0px 0px 0px}
				
					#column_lead .roundedbox .roundedbox h3.articlehead {color:#663333;}
					
					#column_lead .roundedbox .roundedbox .bd {background-color:#f1f1f1;padding-bottom:1px}
					
					#column_lead .roundedbox .roundedbox .hd {background-image:url(images/rounded_tl_gray.gif);}
					#column_lead .roundedbox .roundedbox .hd_corner {background-image:url(images/rounded_tr_gray.gif);position:relative}
					#column_lead .roundedbox .roundedbox .ft {background-image:url(images/rounded_br_gray.gif);height:8px;margin-right:1px}
					
					#column_lead .roundedbox .roundedboxPurp .bd {background-color:#fffe85;padding-bottom:1px}
					
					#column_lead .roundedbox .roundedboxPurp .hd {background-image:url(images/rounded_tl_purp.gif);}
					#column_lead .roundedbox .roundedboxPurp .hd_corner {background-image:url(images/rounded_tr_purp.gif);position:relative}
					#column_lead .roundedbox .roundedboxPurp .ft {background-image:url(images/rounded_br_purp.gif);height:8px;margin-right:1px}
					
					#column_lead .roundedbox .roundedboxPurp .ft_corner {background-image:url(images/rounded_bl_purp.gif);height:8px;}
					
					
					
						* html #column_lead .roundedbox .roundedbox .ft {
							position:relative;
							margin-top:-7px;
						}
					#column_lead .roundedbox .roundedbox .ft_corner {background-image:url(images/rounded_bl_gray.gif);height:8px;}
		
		#lastrow {		/* Last row of items, subscription and description information */
			width:auto;
			margin-top:15px;
		}
		
			#lastrow .hd {
				width:auto;
				height:7px;
				background:transparent url(images/rounded_tl.gif) no-repeat top left;
				font-size:0px;
				margin-right:7px;
			}
			* html #lastrow .hd {margin-right:4px;}
			
			#lastrow .hd_corner {
				width:7px;
				height:7px;
				background:transparent url(images/rounded_tr.gif) no-repeat top right;
				float:right;
				font-size:0px;
			}
			* html #lastrow .hd_corner {margin-left:-7px;}
			
			#lastrow .bd {
				background:#fff url(images/vr.gif) repeat-y center center;
				font-size:11px;
				padding:7px 15px 15px 15px;
			}
			
				#lastrow .bd h2 {font-size:18px;font-weight:bold;}
				#lastrow .bd p {margin:8px 0px;}
			
			#lastrow .rowitem1, #lastrow .rowitem2 {float:left;width:48%;}
			#lastrow .rowitem2 {float:right}
			#lastrow .promoBox{float:right; margin-top:20px; clear:right;}

#footer_container {
	padding:0px 20px 35px 20px;
	width:auto;
}
* html #footer_container {/*padding-top:-5px;*/border-top:1px solid #fff}

	#footer {	/* copyright and bottom linkage content */
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size:10px;
		color:#fff;
		width:auto;
	}
		
		#footer a, #footer a:link, #footer a:visited, 
		#footer a:active, #footer a:hover {
			color:#fff;
			text-decoration:underline;
		}

		#footer .bd {
			background:#7497a1;
			padding:10px 15px 0px 15px;
		}
		
			#footer .bd p {padding-bottom:7px;text-align:center;}
			
				#footer .bd p.links {font-size:12px;}
		
		#footer .ft {
			width:auto;
			height:7px;
			background:transparent url(images/footer_bl.gif) no-repeat top left;
			font-size:0px;
			margin-right:7px;
		}
		* html #footer .ft {margin-right:4px;}
		
		#footer .ft_corner {
			width:7px;
			height:7px;
			background:transparent url(images/footer_br.gif) no-repeat top right;
			float:right;
			font-size:0px;
		}
		* html #footer .ft_corner {margin-left:-7px;}
		

/* subscription form styles */

form#subscribeform {
	text-align:right;
	margin-bottom:20px;
}

	form#subscribeform p.unsubscribe {
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size:10px;
	}


/* mail to a friend form styles */

form#mailtofriendform {
	position:absolute;
	z-index:9000;
	top:310px;
	right:5%;
	background:#003366 url(images/mailtofriend_bg.gif) no-repeat bottom right;
	padding:15px;
	width:300px;
	border:2px ridge #fff;
	color:#fff;
}

form#mailtofriendform a, form#mailtofriendform h2 {
	text-decoration:none;
	color:#fff;
	float:right;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	text-transform:uppercase;
}

	form#mailtofriendform a:active, form#mailtofriendform a:hover {
		text-decoration:underline;
	}

form#mailtofriendform h2 {
	float:left;
	margin-bottom:15px;
}

form#mailtofriendform table {
	clear:left;
	margin:0px auto;
}

form#mailtofriendform table th, form#mailtofriendform table td {
	padding:5px;
}

form#mailtofriendform table th {
	text-align:right;
	font-weight:normal;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#ffffff;
}

form#mailtofriendform #mailsend {
	float:right;
}
.authorBio{
	width:60px;
	float:left;
}
.column1 {
	width:230px;
	float:left;
	display:inline;
	position:relative;
	}
.column2 {
	float:right;
	padding-right: 25px;
	width: 225px;
	display:inline;
	position:relative;
}
.quote {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	background-color: #F0EBDE;
	}
.imageBorder{
	padding-right:15px;
	border:15px;
	border-color:#FFFFFF;
}
.imageBio{
	border:0px;
	border-color:#FFFFFF;
	height: 45px;
	width: 45px;
}
.imageBorderBlack{
	border:2px;
	border-color:#000000;
}
.imageCaptionRight{
	width:200px;
	float:right;
	margin:5px;
	color:#669999;
	font-size:10px;
	height: 100px;
}
.memberItemHolder{
	width:200px;
	float:left;
	text-align:center;
	}
.contestHead{
	background-color:#006699;
	color:#FFFFFF;
}
.contestRow1{
	float:left;
	text-align:left;
	width:300px;
}
.contestRow2{
	float:right;
	text-align:right;
	width:300px;
}
.leadinText{
	color:#669999;
	font-weight:bold;
	font-style:italic;
}
.underline{
	text-decoration:underline;
}
h2.promoHead{color:#076f1d; font-family:Georgia, "Times New Roman", Times, serif; font-size:22px; font-weight:bold;}
#column_lead h2.promoHeadWelcome{color:#003300; font-family:Georgia, "Times New Roman", Times, serif; font-size:22px; font-weight:bold; text-align:center;}
h3.promoIntro{color:#2c2c2c; font-family:Georgia, "Times New Roman", Times, serif; font-size:16px; font-weight:bold; line-height:25px; text-align:center;}
p.promoText{color:#813311; font-family:Georgia, "Times New Roman", Times, serif; font-size:14px; font-weight:bold;}
p.promoSurvey{color:#2b2c2b; font-family:Verdana, Geneva, sans-serif; font-size:12px;}
p.promoStrong{font-weight:bold;}
p.promoThanks{color:#5e825e; font-family:Verdana, Geneva, sans-serif; font-weight:bold; font-size:14px; text-align:center;}
p.couponDetails{font-family:Verdana, Geneva, sans-serif; font-size:16px; color:#2c2c2c; text-align:center; }
ul.surveyList{list-style:none;}
label{color:#000; font-family:Verdana, Geneva, sans-serif; font-size:14px; font-weight:bold;}
