/*
File:			evenlake.css
Description:	Custom styling for the evenlake.com website


*/
body {
	background: #ffffff; 
	color: #111; 
	font: 100% "Helvetica Neue", "Franklin Gothic", Arial, sans serif; 
	font-size: 1em; 
	line-height: 1.171em;
	}
	
	
#container { 
	width: 865px; 
	margin-left: auto;
	margin-right:auto;
	}
	
	#fullpage {
		width: 865px; 
		margin-left: auto;
		margin-right:auto;
		}
		
	#header  { 
		padding-right: 18px; 
		padding-left: 18px; 
		color: #330099; 
		border-bottom-style: double; 
		border-bottom-color: #DDDDDD;
		}
		
	#footer { 
		padding-bottom: 18px;
		padding-top: 18px;
		padding-right: 18px; 
		padding-left: 18px; 
		font-size: 10pt;
		color: #888888; 
		text-align: right;
		border-top-style: double; 
		border-top-color: #DDDDDD;
		clear: both ;
		}
		
	#content { 
		width: 587px; 
		float: left; 
		padding-bottom: 18px;
		padding-top: 18px;
		border-right-style: solid;
		border-right-width: 1px;
		border-right-color:#DDDDDD;
		}
			
	#sidebar { 
		width: 235px; 
		/*border: 0;*/ 
		float: right; 
		padding-bottom: 18px;
		padding-top: 18px;

		}
		
		
/*--TEXT--*/

p { 
	font: "Helvetica Neue", "Franklin Gothic", Arial, sans serif;
	}
	

a { 
	color: #333399; 
	text-decoration: none; 
	border-bottom: 1px dotted #333399;
	}
	
a:visited { 
	color: #6666CC; 
	text-decoration: none; 
	border-bottom: 1px dotted #6666CC;
	}
	
a:hover { 
	color: #FFFFFF; 
	background-color: #6666CC; 
	text-decoration: none; 
	}
	

/*--HEADLINES--*/
h1, h1 a, h1 a:link { 
	color: #261D6C; 
	border-bottom: none; 
	}
	
h1 a:hover { 
	color: #FFFFFF; 
	background-color: #6666CC; 
	border-bottom: none; 
	}
	
h1 a:visited {
	color: #261D6C; 
	border-bottom: none; 
	}
	
h2, h2 a, h2 a:link { 
	color: #261D6C; 
	border-bottom: none;
	}
	
h2 a:hover { 
	color: white; 
	background-color: #6666CC; 
	border-bottom: none;
	}
	
h2 a:visited {
	color: #261D6C; 
	border-bottom: none; 
	}
	
h3, h3 a, h3 a:link { 
	color: #261D6C; 
	border-bottom: none; 
	}
	
h3 a:hover { 
	color: #FFFFFF; 
	background-color: #6666CC; 
	border-bottom: none; }
	
h3 a:visited {
	color: #261D6C; 
	border-bottom: none; 
	}
	
h4, h4 a, h4 a:link { 
	color: #261D6C; 
	border-bottom: none;
	}
	
h4 a:hover { 
	color: #FFFFFF; 
	background-color: #6666CC; 
	border-bottom: none; 
	}
	
h4 a:visited {
	color: #261D6C; 
	border-bottom: none; 
	}

/*--Images--

img.standard {
	background-color: #f3f3f3;
	border: 1px solid #ddd;
	padding: 7px;
	-moz-border-radius: 3px;
}*/

div.img {
	
}
	.img img {
		background-color: #f3f3f3;
		border: 1px solid #ddd;
		padding: 7px;
		-moz-border-radius: 3px;
		}
	div.caption { 
		font-size: 70%;
        font-family: Verdana, Arial, sans-serif;
        font-style: oblique;
        text-align: left; 
        }

/* -- HOMEPAGE -- 

use div.container, and footer, but don't use content or sidebar?
may be build another class called homepage.content that is the size of the container?
*/