/******************************************/
/*                                        */
/*  Author: Appnet                        */
/*  Author URI: http://www.appnet.com/    */
/*  Updated: 03/20/11                     */
/*                                        */
/******************************************/


/******************************************/
/*  reset / google fonts                  */
/******************************************/

@import url('css/reset.css');
@import url('//fonts.googleapis.com/css?family=Droid+Sans');
@import url('//fonts.googleapis.com/css?family=Yanone+Kaffeesatz');


/******************************************/
/*  main elements                         */
/******************************************/

body {background:#4674ad; color:#000; font:13px/18px 'Droid Sans', Arial, Helvetica, sans-serif; margin:0; min-width:960px; padding:0;}
	div.container {margin:0 auto; width:960px;}
	
h1, h2, h3, #mainnav {font-family:'Yanone Kaffeesatz'; font-weight:normal;}
	h1 {font-size:28px; color:#195bac; padding:7px 0 15px 0; text-transform:uppercase;}
	h2 {font-size:24px; color:#195bac; padding:5px 0;}
	h3 {font-size:21px; padding:5px 0;}
	h4 {font-size:14px; border-bottom:1px dotted #719b2d; padding-bottom:3px; margin-bottom:5px;}
	h5 {font-size:16px;}
	h6 {font-size:14px;}

p, ul, ol {margin-bottom:15px;}
	ul li, ol li {margin:0 0 0 18px;}

i {color:#2d5f06; font-style:itatlic; font-weight:bold;}

#moreinfo {clear:both; padding:10px 0;}
	#moreinfo p {margin-bottom:0;}

/** images **/
img.center {display:block; margin:5px auto;}
img.align-r {display:inline; float:right; margin:0 0 10px 10px;}
img.align-l {display:inline; float:left; margin:0 10px 10px 0;}

/** borders **/
#content iframe {background-color:#fff; border:1px dotted #000; padding:4px;}
.border {background-color:#fff; border:1px dotted #000; padding:4px;}
.padbot {margin-bottom:15px;}

/** comment form **/
#commentForm {margin:0 0 15px 0; padding:0 0 15px 0;}
	#commentForm h3 {clear:both; padding:20px 0 5px 0;}
		#commentForm h3.first {padding:0 0 5px 0;}
	#commentForm h4 {clear:both; padding:20px 0 5px 0;}
	#commentForm div {clear:both; display:block;}
		#commentForm div.warning {font-size:13px; height:25px; line-height:25px; margin:0 0 0 10px; padding:0 0 0 35px; width:230px;}
		#commentForm span.star {color:#ff0000;}
	#commentForm label {float:left; height:26px; line-height:26px; margin:3px 0; width:130px;}
	#commentForm input, #commentForm textarea, #commentForm select {float:left; font:13px/18px 'Droid Sans', Arial, Helvetica, sans-serif; margin:3px 0; padding:5px; width:300px;}   
	#commentForm input.submit {cursor:pointer; margin:10px 0 0 130px; width:85px;}
		#commentForm input.reset {margin:10px 0 0 10px;}
	
/** reach quickly form **/
#reachQuickly td {font-size:12px;}
#reachQuickly div.warning {clear:both; float:left; padding:0 0 0 36px; text-align:left; width:194px;}
#reachQuickly input, #reachQuickly textarea, #reachQuickly select {float:left; font:12px/16px 'Droid Sans', Arial, Helvetica, sans-serif; margin:3px 0; padding:5px; width:220px;}   
#reachQuickly input.submit {cursor:pointer; margin:3px 0 0 0; width:232px;}
	
/** form colors **/
div.warning {background:#fbe3e4 url('css/images/error.gif') no-repeat 10px center; border:1px solid #fbc2c4; color:#900;}
input, textarea, select {background:#f5f5f5; border:1px solid #ccc; color:#666;}   
input:focus, textarea:focus, select:focus {background:#fff; border:1px solid #999; color:#333;}
input.submit {background:#333; border:1px solid #222; color:#fff;}
	input.submit:hover {background:#444;}



/******************************************/
/*  content                               */
/******************************************/

/** links **/
a:active {position:relative; top:1px;}
	a:active img {position:relative; top:0;}

a:link, a:visited, a:active {color:#60883c; font-weight:bold; text-decoration:none;}
	a:hover {color:#60883c; font-weight:bold; text-decoration:underline;}

#nav-block {margin:0 auto; width:930px;}
	ul.navlist {font-size:17px; list-style:none; line-height:18px; margin:0; padding:0; text-transform:uppercase;}
		ul.navlist li {float:left; margin:0; padding:0;}
	ul.navlist a:link, ul.navlist a:visited, ul.navlist a:active {color:#042b5a; display:block; font-weight:normal; padding:6px 14px; text-decoration:none;}
		ul.navlist li a:hover {background:#042b5a; color:#fff; font-weight:normal; text-decoration:none;}

#header-block {height:413px; margin:0 auto; width:940px;}
	#header-block {height:413px; margin:0 auto; position:relative; top:0; left:0; width:940px; z-index:1}
		#fader {height:413px; margin:0 auto; position:absolute; top:0; left:0; width:940px; z-index:2;}
		#fader-overlay {height:413px; margin:0 auto; position:absolute; top:0; left:0; width:940px; z-index:3;}

#top {background:#e7eef7 url('bg-top.jpg') center top no-repeat;}
	#content {margin:0 auto; padding:10px 0 0 0; width:900px;}
		.home-left {float:left; width:500px;}
		.home-right {float:right; width:350px;}
			.article {padding:5px 0;}
				.article p {margin:0;}
				
#aside {border-left:1px dotted #000; float:right; margin:0 0 15px 15px; padding-left:15px; width:250px;}
	#aside h4 {text-transform:uppercase;}
		#aside ul.contact-info {list-style:none; margin:0; padding:0;}
			#aside ul.contact-info li {margin:0; padding:0 0 7px 0;}
			
.areanav {padding:0 5px; list-style:none;}
	.areanav li {padding:0 0 2px 0;}
	.areanav h2 {border-bottom:1px dotted #719b2d; padding-bottom:3px; margin-bottom:5px;}
			
ul.col3 {list-style:none; margin:0; padding:0;}
	ul.col3 li {float:left; margin:0; padding:0; width:205px; height:200px;}

ul.col3area {list-style:none; margin:0 0 15px 0; padding:0; width:700px;}
	ul.col3area li {display:block; float:left; margin:0; padding:0 5px 15px 0; width:200px; height:100px;}
	
#current-table {width:280px;}
#current-table td {padding:2px 10px;}
	#current-table tr.current td {font-size:16px;}
	#current-table div.dotted-line {border-top:1px dotted #4E721C; height:1px; margin:5px 0 4px 0; width:100%;}


	#forecast-conditions h2 {margin:10px 0 5px 0;}
	
#fiveday-forecast-table {margin-bottom:20px; width:100%;}
	#fiveday-forecast-table tr.top td {border-top:1px dotted #4E721C;}
	#fiveday-forecast-table td {border-left:1px dotted #4E721C; border-bottom:1px dotted #4E721C; font-size:12px; padding:5px; text-align:center; width:20%;}
		#fiveday-forecast-table img {margin:5px 0;}
		#fiveday-forecast-table td.last {border-right:1px dotted #4E721C;}
	#fiveday-forecast-table span {display:block;}
		#fiveday-forecast-table td p {margin:0;}
		#fiveday-forecast-table td p span.temp {display:inline; font-size:18px; font-weight:bold;}

	
table.lodging table td {padding:1px;}

/******************************************/
/*  footer                                */
/******************************************/

#bottom {background:url('bg-bottom.jpg') center top no-repeat;}

/** links **/
#footer a:link, #footer a:visited, #footer a:active {color:#fe0; font-weight:normal; text-decoration:none;}
	#footer a:hover {color:#fe0; font-weight:normal; text-decoration:underline;}

/** footer **/
#footer {color:#fff; font-size:12px; line-height:16px; margin:0 auto; padding:200px 0 20px 0; width:900px}

	#fl {float:left; padding:25px 0 0 0; width:320px;}
	#fr {float:right; width:580px;}
		#frl {float:left; width:245px;}
		#frr {float:right; padding:130px 0 0 0; width:335px;}

	#footer ul.sitelinks {list-style:none; margin:0 auto; padding:0;}
		#footer ul.sitelinks li {display:inline; float:left; margin:0; padding:0; width:50%;}
	#footer ul.contact-info {list-style:none; margin:0 auto 15px 0; padding:0;}
		#footer ul.contact-info li {display:inline; float:left; margin:0; padding:0 0 7px 0; width:50%;}
	#footer p.copyright {clear:both; margin:15px 0;}