@charset "UTF-8";
/* CSS Document */

@import url(http://fonts.googleapis.com/css?family=Questrial);

h1 { font-family: 'Metrophobic', Arial, serif; font-weight: 400;color: #003366; }
h2 { font-family: 'Metrophobic', Arial, serif; font-weight: 300;color: #003366;font-size:29px; line-height:.3em;}
h3 { font-family: 'Metrophobic', Arial, serif; font-weight: 100;color: #003366;font-size:20px;line-height:1.3em; }
p {font-family: 'Metrophobic', Arial, serif; line-height: 1.5;font-size:.9em;text-align:justify;}

#wrap {min-height: 100%;}

#push {
	padding-bottom: 250px;
	}  /* must be same height as the footer */
/*Opera Fix*/
body:before {
content:"";
height:100%;
float:left;
width:0;
margin-top:-32767px;
}
/* #wrap {text-align:center;margin:0 auto;width:1024px;color:#000;} */


html, body {background-repeat:repeat-x;
background-position: top center; /* centers image on background */
background-image: url(../images/bg.gif);
width:100%;
height:100%; 
	left: 0px; 
    top: 0px; 
    z-index: -1;
	margin:0 auto;
	text-align:center;
	}
	
	

#slideshow{margin:0 auto; width:930; height:425px;background-color:#FFF;float:left;}

#clear {height:0px;clear:left;}
#fishingreport{background-image:url(../images/fishingreport.png); background-repeat:no-repeat;width:383px;padding-top: 35px; padding-left: 15px; padding-right: 15px;}
#fishingpage{width:275px;float:left;padding-right:15px;min-height: 600px;}
#fishingpg_right{width: 242px;float:left;background-image:url(../images/fishpg_report.png); background-repeat:no-repeat;padding-top: 35px; padding-left: 15px; padding-right: 15px;min-height: 600px;}
#body{}
#calwrap{width:850px;}

.twoColFixLtHdr #header { 
	background-image: url(../images/header_bar.png); 
	background-repeat: no-repeat;
	height: 110px;
	padding-bottom: 10px;
	margin-top: 3px;
	margin:0 auto;
	margin-left:35px;

} 
.twoColFixLtHdr #bar { 
	background-image: url(http://www.warroad.org/images/header_bar2.png); 
	background-repeat: no-repeat;
	height: 110px;
	padding-bottom: 10px;
	margin-top: -110px;
	z-index:-1;

} 
.twoColFixLtHdr #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 */
}

#navbuttons{width:888px; margin:0 auto; text-align: left;margin-top:10px;}
.twoColFixLtHdr #largeimage { 
	margin: 0 auto; /* the left margin on this div element creates the column down the left side of the page - no matter how much content the sidebar1 div contains, the column space will remain. You can remove this margin if you want the #mainContent div's text to fill the #sidebar1 space when the content in #sidebar1 ends. */
	padding: 0 0px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	background-image: url(images/homepage_lrgimage.jpg);
	height: 397px;
	background-repeat: no-repeat;
	width: 888px;
	margin-left:35px;
} 
.twoColFixLtHdr #mainContent { 
	margin: 0 0 175 0px; /* the left margin on this div element creates the column down the left side of the page - no matter how much content the sidebar1 div contains, the column space will remain. You can remove this margin if you want the #mainContent div's text to fill the #sidebar1 space when the content in #sidebar1 ends. */
	width: 960px;
	float:left;
}
.hrline{color:#999;}
#column-right{float:left;width:215px;padding-top:10px;}
#left-column{float:left;width:620px; margin-right:20px;margin-left:25px;border-right: #999 1px solid;padding-right:15px;margin-bottom:20px;}
#main-column{float:left;width:860px; margin-right:40px;margin-left:25px;text-align:left;}
#main-cal{float:left;width:860px; height: 100%; margin-right:40px;margin-left:25px;text-align:left;}


#button_two{margin-top:20px;height: 100px;*height:260px;text-align:left;}
#button_three{margin-top:5px;height:60px;padding-top:5px;text-align:left;}
#button_four{margin-top:5px;height:60px;padding-top:5px;text-align:left;}


.cal { position:absolute; display:block; /* background:red; opacity:.5;*/ }
	.cal a#eventscalendar,{ width:220px; height:220px; padding:4px;float:left;margin-bottom:20px; }
.border{
	padding-left: 10px;
	padding-top: 10px;

	padding: 0 15px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	margin-bottom: 15px;

}
.mainbody { 
	margin: 0 0 175 0px; /* the left margin on this div element creates the column down the left side of the page - no matter how much content the sidebar1 div contains, the column space will remain. You can remove this margin if you want the #mainContent div's text to fill the #sidebar1 space when the content in #sidebar1 ends. */
	padding: 0 15px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	width: 450px;
	padding-top: 10px;
	float:left;
}  


#ft-left{width:190; height:190px; padding-right:20px; padding-top: 20px; float:left;margin:0 auto;padding-right:40px;padding-left:40px;}
.ftbold {font-family: Verdana, Geneva, sans-serif; text-align:left;font-size:34px;font-style:normal;line-height:18px;color:#333;}
.fttext {color: #333; font-family: Verdana, Geneva, sans-serif; text-align:left;font-size:13px;font-style:normal;line-height:18px;}
.disclaimer {color: #333; font-family: Verdana, Geneva, sans-serif; text-align:left;font-size:11px;font-style:normal;line-height:15px;}
#ft-mdl{width:110px; height:180px; padding:20px;float:left;color: #000;margin:0 auto;padding-right:25px;}
#ft-twomdl{width:120px; height:180px; padding:20px;float:left;color: #000;margin:0 auto;padding-right:25px;}

#ft-right{width:300px; height:180px; float:left;color: #000;margin:0 auto;padding-left:35px;margin-top:20px;}
#footer-container {width:960px;text-align:left;margin:0 auto;}
#footer-search {width:960px;text-align:left;margin:0 auto;margin-left:140px;*margin-left:0px;}

#footer-content {width:960px;text-align:left;font-family: 'PT Sans', arial, serif; font-size:.6em;color: #000;text-decoration:none;padding-top:55px;}
#ln {width:2px;height:200px;padding-top:5px;float:left;} 

/*
#footer {width:100%;text-align:center;position: relative;
	margin-top: -250px;
	height: 250px;
	clear:both;background-color:#000;background-image:url(../img/footer.png); background-repeat:repeat-y; background-position:center;padding-top:25px;}
*/
	
#footer {
	width:100%;
	#width:105%;
	text-align:left;
	position:relative;
	left:0px;
	bottom:0px;
	clear:both;
	background-color: #ECB31F;
	background-position:center;
	height:250px;
	margin-top: -250px;
	*margin-left:-30px; 
}
 

.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 8px;
}
.fltlft { /* this class can be used to float an element left in your page */
	float: left;
	margin-right: 8px;
}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}
.events {
		padding-left: 28px;
		padding-bottom: 10px;
		
	}
.news {
	width: 250px; /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */
	padding: 0px 5px 5px 0px;
	float:left;
	padding-top:5px;
}

.toppadding
{padding-top: 480px;}

#content { width:580px;
	padding-top: 10px;}


.weather
{ 
	padding-left: 28px;
	height: 50px;
	width: 440px;
	}

.bodytext
{ font-family: 'Metrophobic', Arial, serif; line-height: 1.5;font-size:.9em;text-align:justify;
	}
	.bodyleft
{ font-family: 'Metrophobic', Arial, serif; line-height: 1.4;font-size:.8em;text-align:left;
	}

.whitebodytext
{ font-family: 'Metrophobic', Arial, serif; line-height: 1.5;font-size:.9em;text-align:justify;color:#FFF;
	}
.textwrap{padding:10px;padding-top:0px;}
	.bodytext_padded
{ font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 15px;
	text-align: justify;
	padding:10px;
	}
.bodytext_bold
{ font-family:Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 14px;
	text-align: justify;
	font-weight: bold;
	}
.subheads
{
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 15px;
	line-height: 16px;
	font-weight: bold;
	}
.subheads2
{
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 13px;
	line-height: 15px;
	font-weight: bold;
	}
.datebox
{
	background-image: url(../images/lrg_event.png);
	background-repeat: no-repeat;
	height: 70px;
		}
.largedate
{font-family: Arial, Helvetica, sans-serif;
	font-size: 30px;
	padding-left: 10px;
	padding-top: 15px;
	padding-right: 5px;
	height: 50px;
	font-weight: bold;
	float: left;}
.datecontent
	{ font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 14px;
	padding-right: 50px;
	padding-top: 10px;

	}
.fourthofjuly
{
width: 577px;
}
#colmnone
{width: 275px;
padding:10px;
float:left;
padding-top:0px;
padding-left:0px;


}
#colmntwo
{width: 275px;
float: left;
height:260px; 

}
#colmnthree
{width: 275px;
padding-top: 20px;
height: 220px;
float: left;
}
#colmnfive
{width: 275px;
padding-top: 20px;
height: 280px;
float: left;
}
#colmnfour
{width: 275px;
padding-top: 20px;
height: 150px;
float: left;
}
.fourth_headers
{font-family:  Arial, Helvetica, sans-serif;

font-weight: bold;
font-size: 14px;
color: red;}
.fourthdate
{font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-weight: bold;
	}
	
#popup{height:20px; width:30px;background-color:#FFF;color:#000;}
	
/* Header / Menu Styles */
#MenuBar1 {z-index:0;}
.logo 
{
	z-index:1;
	border:0px;
	padding-left:395px;
	margin-top:-50px;
}

    a.footer:link {
	color: #333;
}
a.footer:visited {
	color: #333;
}
a.footer:hover {
	color: #039;
}