@import 'reset.css';
@import 'misc.css';

/* _________________________________________________________________________

								structure
____________________________________________________________________________ */
body {
	background: #c4ead9 url(../images/bg-blue.jpg) repeat-x;
	color: #2e2e2e;
	font: 16px 'Trebuchet MS', Helvetica, sans-serif;	
	line-height: 1.5em;
	text-align: center;
	}

#wrap {
	text-align: left;
	margin: 0 auto;
	width: 940px;
	}

#header {
	float: right;
	color: #fff;
	text-align: right;
	padding: 20px 0;
	}
	
#sidebar {
	float: left;
	width: 150px;
	color: #866114;
	font: 14px 'Trebuchet MS', Arial, sans-serif;
	text-align: center;
	}

#content {
	float: right;
	padding: 20px 30px;
	width: 740px;
	background: #a1ddc3;
	color: #866114;
	}

#footer {
	clear: both;
	text-align: left;
	}

#copyright {
	color: #8e7340;
	font: 14px 'Trebuchet MS', Arial, sans-serif;
	clear: both; 
	margin: 40px 0;
	width: 760px; 
	float: right;
	text-align: center;
}

	
/* _________________________________________________________________________

								navigation
____________________________________________________________________________ */


#nav ul li a {
	font: 16px Lucida Sans, Tahoma, Arial, sans-serif;
	color: #866114;
	font-weight: bolder;
	text-decoration: none;
	padding: 7px 8px;
}
#nav ul li a:hover {
	color: #45bb87;
}
#nav li {display: inline;}
#nav ul {display: table; width: 760px;}

/* _________________________________________________________________________

								links
____________________________________________________________________________ */

a {color: #e7e7e7; text-decoration: underline;}
a:hover {color: #fff;}

#content a, #loginbox a {color: #464646; text-decoration: none; font-weight: bolder;}
#content a:hover, #loginbox a:hover {color: #323232; text-decoration: underline;}

a img {border: none;}

#copyright a{color: #8e7340;}
#copyright a:hover{color: #8e7340;}
/* _________________________________________________________________________

								text
____________________________________________________________________________ */
#content p.indent {text-indent: 20px;}
#content p {
	margin: 0 0 20px 0;
	}

h1 {
	margin: 5px 0;
	color: #fff;
	padding: 2px 5px;
	font: 27px Arial, sans-serif;
	line-height: 120%;
	}
	
h2, h3, h4 {
	margin: 7px 0 0 0;
	color: #866114;
	padding: 2px 5px;
	font: 22px 'Trebuchet MS', Arial, sans-serif;
	font-weight: bolder;
}

#content ul li {
	padding: 5px 0;
	}

#content ul.close li {
	padding: 0;
	margin: 0;
}
	
#content ul.disc li {
	list-style: disc;
	}
	
.fade {
	width: 252px;
	height: 347px;
	}
/* _________________________________________________________________________

								forms
____________________________________________________________________________ */


input, select, textarea {
	padding: 4px;
	font: 12px Arial, Tahoma, sans-serif;
}