/*================================================*/
/*This resets the margins and padding at the top to 0*/
html, body 
{
	margin: 0;
	padding: 0;
}

/*================================================*/
/*This is the style for the body area of the page, font type, size, color, and background color*/
body
{
	font-family: Arial, Helvetica, Verdana, Sans-serif;
	font-size: 12px;
	color: #666665;
	background: #ffc;
}

/*================================================*/
/*This resets the margins of the h1 tag to 0.*/
	/*This is a float to the right, with a 87px margin at the top, and 31 px of padding to the right*/
		/*Used padding-right instead of margin-right because margin-right triggers bugs in IE if used in certain places*/
h1
{
	margin: 0;
	padding: 0;
	float: right;
	margin-top: 115px;
	padding-right: 31px;
}

/*================================================*/
/*This is a class called hidden that allows us to 'hide' any element, without breaking the structure of the page*/
.hidden
{
	display: none;
}

/*================================================*/
/*This is the page container*/
#page-container
{
	
	width: 760px;
	margin: auto;
	background: #9cc;
}

/*================================================*/
/*This is the style for the main navigation bar at the top of the page*/
#main-nav 
{
	height: 50px;
}

/*================================================*/
/*This is the style for the header area, just below the main navigation bar*/
	/*The background color is insert so the page doesn't look to bland if a user has images disabled*/
#header
{
	height: 150px;
	background: #db6d16
				url(boatheader.html);
}

/*================================================*/
/*This makes changes the color of the h1 tag but only within the header*/
#header h1
{
	color: #fc0;
}

/*================================================*/
/*This is the style for the sidebar-a, located on the right side of the page, it is a float*/
	/*The line-height creates vertical space between the lines of text on the sidebar-a div*/
#sidebar-a
{
	float: right;
	width: 250px;
	line-height: 18px;
}

/*================================================*/
/*This creates a padding class for the sidebar-a div*/
#sidebar-a .padding
{
	padding: 25px;
}

/*================================================*/
/*This is the style for the content section, or main area of text, located to the left of the sidebar*/
	/*The line-height creates vertical space between the lines of text on the content div*/
#content
{
	margin-right: 280px;
	line-height: 18px;
}

/*================================================*/
/*This will elimnate the white space between the content division and other divisons.*/
	/*Putting the h2 after the #content specifies to only change the margins and padding for the h2 when it is in the content div, same with the p*/
		/*The padding-bottom puts 15px of padding at the bottom of the text defined by the <p> tag, but only within the content div*/
#content h2
{
	margin: 0;
	padding: 0;
	padding-bottom: 15px;
	padding-top: 10px;
}
/*================================================*/
/*This will elimnate the white space between the content division and other divisons.*/
	/*Putting the <p> after the #content specifies to only change the margins and padding for the <p> when it is in the content div, same with the h2*/
		/*The padding-bottom puts 15px of padding at the bottom of the text defined by the <p> tag, but only within the content div*/
#content p
{
	margin: 0;
	padding: 0;
	padding-bottom: 15px;
}

/*================================================*/
/*This creates a padding class for the content div*/
#content .padding
{
	padding: 25px;
}

/*================================================*/
/*This is the style for the footer, located at the bottom of the page*/
	/*The clear: both part  makes a blank area underneath the content so that the sidebar(s) cannot overlap the footer.*/
		/*Adds a 1 px border to top of footer, sets padding, makes the line height 18px*/
#footer
{
	clear: both;
	height: 66px;
	font-family: Tahoma, Arial, Helvetica, Sans-serif;
	font-size: 10px;
	color: #033;
	border-top: 1px solid #EFEFEF;
	padding: 13px 25px;
	line-height: 18px;
}

/*================================================*/
/*This is the alternative navigation of the page, located bottom right hand side of the footer div*/
/*Make sure you set the width slightly larger than what you need*/
#footer #altnav
{
	width: 350px;
	float: right;
	text-align: right;
}

/*================================================*/
/*This removes the link color and removes the underline feature*/
#footer a
{
	color: #f90;
	text-decoration: none;
}

/*================================================*/
/*This makes the link color red on hover*/
#footer a:hover
{
	color: #FC0410;
}
#navcontainer 
{	
	width: 200px; 
}

#navcontainer ul
{
	padding-top: 10px;
	margin-left: 0;
	padding-left: 0;
	list-style-type: none;
	font-family: Arial, Helvetica, sans-serif;
}

#navcontainer a
{
	display: block;
	padding: 3px;
	width: 120px;
	background-color: #1682cc;
}

#navcontainer a:link, #navlist a:visited
{
	color: #000;
	text-decoration: none;
}

	#navcontainer a:hover
{
	background-color: #c31402;
	color: #fff;
}