/*Style Sheet for Broxson Outdoors Site - main.css */


/*----------------Generic Style------------------------------*/
/*Reset.css contains styles to remove default browser styles */
@import url(reset.css);

/*-----------------------------------------------------------*/

html, body {
	height: 100%;
	width: 100%;
}

html {
	background: #271501 url("../images/background.jpg") no-repeat top center;
}

/*General Styles */
body {
	font-size: 1.2em;
	font-family: "Baskerville", "Times New Roman", serif;
}

#header h1, #header h2 {
	text-indent: -9999px;
}

h3 {
	padding: 10px 0px;
}

p {
	padding: 2px 0px;
}
/*-------------------------------------------------*/

/*Wrapper contains Navigation, Content, & Footer----*/
#wrapper {
	margin-right: auto;
	margin-left: auto;
	padding-top: 90px;
	width: 925px;
}


/*---------------Wrapper Rounded Corners---------------*/
/*Creates 1px Rounded Corner around Wrapper
.outer {
	background: #fff; 
	margin: 0px 0px; 
	padding: 1px 0px;
}  

.inner {
	background: #fff;
 	margin: 0 -1px 0 -1px;
}
-------------------------------------------------*/


/*Container holds header, mainContent, and SideBar*/
#container {
	background: #fff;
	width: 785px;
	margin-left: 135px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
}

/*--!! Note: Assigning a top margin to header will disrupt wrapper 1px rounded corners*/
/*Padding CAN be used*/
#header {
	height: 375px;
}

/*--------------Navigation Styling---------------------*/
#mainNav {
	background: url("../images/mainNavBg.png") repeat-y top left;
	width: 135px;
	float: left;
	margin-top: 150px;
}

#mainNav li {
	list-style: none;
	padding: 12px 0px 12px 20px;
}

/*Adds top padding to first link in MainNav*/
#mainNav li:first-child {
	padding-top: 50px;
}

/*Adds bottom padding to last Link in MainNav*/
/*Only supported by Mozilla Firefox*/

/*Adds bottom padding to last Link in MainNav for all other browsers*/
#mainNav li.lastChild {
	padding-bottom: 50px;
}

#mainNav li a {
	font-family: Baskerville, "Times New Roman", serif;
	font-weight: 600;
	color: #2b1701;
	text-decoration: none;
}

#mainNav li a:hover {
	background: url("../images/rolloverBar.png") no-repeat top center;
	color: #001d08;
	padding-top: 5px;
	
}
/*----------------ContactBar Styling-------------------*/

#contactBar {
	background: url("../images/contactBarBg.png") repeat-x;
	color: #401c0a;
	width: 480px;
	height: 100%;
	margin-left: 424px;
	margin-right: 20px;
	padding-top: 10px;
	padding-bottom: 10px;
}

#contactBar p, #contactBar address {
	float: left;
	padding-top: 0; /*Overrides padding set for paragraph tags*/
	padding-bottom: 0; /*Overrides padding set for paragraph tags*/
}

#contactBar p {
	padding-right: 10px;
	padding-left: 5px;
}

#contactBar address {
	padding-left: 18px;
	padding-right: 5px;
}


#contactBar .infoType {
	padding: 0 5px;
}


/*----------------Content Styling----------------------*/
#mainContent {
	height: 100%;
	margin-top: 0px;
	padding-bottom: 20px;
}


/*--------------Contact Info SideBar Styling-------------*/
.contactInfo {
	color: #401c0a;
	float: left;
	display: inline;
	margin-top: 40px;
	margin-right: 50px;
	padding: 10px 20px 30px 50px;
	min-width: 210px;
}

.contactInfo p {
	line-height: 1.4;
}

.contactInfo h3, p.contact {
	padding-top: 30px;
}

p.hours {
	padding-top: 2px;
}

/*Removes browser defaul italics from address*/
address {
	font-style: normal;
}

/*Class to style Contact Information Type Designators - ie. A: for Address */
.infoType {
	color: #336d0c;
	font-weight: bold;
}


/*---------------Main Content Styling--------*/
.content {
	color: #295809;
	display: block;
	margin-top: 30px;
	margin-left: 280px;
	margin-bottom: 10px;
	padding: 0px 32px 0px 70px;
	line-height: 1.4;
	border-left: #50b10f solid 3px;
}

.content p {
	padding-right: 60px;
}

/*Targets first line of paragraph text in Content*/
.content p:first-line {
	color: #592703;
	font-size: 1.4em;
	line-height: 1;
}

/*Targets first letter of paragraph text in Content*/
.content p:first-letter {
	font-weight: bold;
	font-size: 1.4em;
}


/*------------------Footer Styling----------------------------*/
#footer {
	background: url("../images/footer_bg.png") no-repeat top center;
	height: 120px;
	margin-left: 80px;
	padding: 0;	
}

#footerNav  {
	margin-left: 140px;
}

#footerNav li {
	float: left;
	margin-top: 20px;
	padding: 0 10px;
	list-style: none;
}

#footerNav li a {
	color: #9fea62;
	float: left;
	font-size: .8em;
	font-weight: bolder;
	text-decoration: none;
}

#footerNav a:hover {
	text-decoration: underline;
}

/*--------Classes to clear elements-----------*/
.clear-left {
	clear: left;
}

.clear-right {
	clear: right;
}

.clear-both {
	clear: both;
}