/* 
----------------------------------------------
general styles
----------------------------------------------
*/

body
{
	margin:15px; background:#C0C0C0; font-style:normal; font-variant:normal; font-weight:normal; font-size:85%; font-family:Century Gothic; padding-left:0px; padding-right:0px; padding-top:15px; padding-bottom:10px
}

a:link { color: #660066; }
a:visited { color: #660066; }
a:hover { color: #6600FF; }
a:focus, a:active { color: #000; }
h1, h2, h3, h4, h5, h6, p { margin-top: 0; }
img { border: 1px solid #FFFFFF; }


/* 
----------------------------------------------
container styles
----------------------------------------------
*/

#container
{
	margin: 1px auto 0;
	width: 860px;
	background: #fff;
}

/* 
----------------------------------------------
header styles
----------------------------------------------
*/

#header
{
	background: url(../images/bg-header.jpg) repeat-x 0 100%; 
	position: relative;
	float: left;
	width: 860px;
}

#header h1
{
	margin: 0;
	padding: 10px 5px 15px;
}

#header #skip
{
	position: absolute;
	top: 10px;
	right: 10px;
	font-size: 90%;
}

/* 
----------------------------------------------
navigation styles
----------------------------------------------
*/

#navigation ul
{
	margin: 1px;
	padding: 0px;
	float: left;
	width: 858px;
	background: #895742;
	font-size: 110%
}

#navigation li
{
	list-style-type: none;
	display: inline;
}

#navigation li a
{
	margin: 0;
	padding: 3px 10px;
	float: left;
	display: block;
	background: #895742;
	font-size: 110%;
	border-right: 1px solid #fff;
	text-align: center;
	text-decoration: none;
	color: #fff;
}

#navigation li a:hover, #navigation li a.current { background: #492656 }


/* 
----------------------------------------------
content styles
----------------------------------------------
*/

#content
{
	margin: 20px 30px;
	float: left;
	width: 785px;
}

#content h2
{
	color: #3C0C76;
	font-size: 165%;
	font-weight: normal;
	margin-left:0; margin-right:0; margin-top:0; margin-bottom:.5em
}

#content h3
{
	color: #3C0C76;
	font-size: 125%;
	margin-left:0; margin-right:0; margin-top:0; margin-bottom:.5em
}

#content h4
{
	color: #666666;
	font-size: 100%;
	margin-left:0; margin-right:0; margin-top:0; margin-bottom:.5em
}

#content h5
{
	color: #C0C0C0;
	font-size: 100%;
	margin-left:0; margin-right:0; margin-top:0; margin-bottom:.5em
}

#content h6
{
	color: #808080;
	font-size: 120%;
	margin-left:0; margin-right:0; margin-top:0; margin-bottom:.5em
}

#content ul
{
	margin: 0 0 1em;
	padding: 0;
}

#content ul li
{
	margin: 0;
	list-style-type: none;
	padding: 0 0 0 15px;
	background: url(../images/bullet.gif) no-repeat 0 .4em;
}

/* 
----------------------------------------------
sidebar styles
----------------------------------------------
*/

#sidebar
{
	margin: 20px 0px;
	float: left;
	width: 210px;
	padding: 15px;
	background: #fff5d1;
}

#sidebar form
{
	font-size: 95%;
	margin: 0;
}

#sidebar form div
{
	clear: left;
	margin: 10px 0 0;
}

#sidebar form label
{
	float: left;
	width: 4.5em;
	padding: 0;
}

#sidebar form input
{
	width: 130px;
	border: 1px solid #70acd0;
	padding: 0;
	height: 18px;
}

#sidebar form select
{
	width: 130px;
	padding: 0;
	margin: 0;
}

#sidebar #joinbutton
{
	width: 47px;
	height: 22px;
	border: none;
}

/* 
----------------------------------------------
footer styles
----------------------------------------------
*/

#footer
{
	border:1px solid #fff; background-position: 100% 0; clear: both;
	font-size: 100%;
	text-align: left; color: #fff; padding-left:30px; padding-right:30px; padding-top:30px; padding-bottom:20px;
	background-image:url('../images/bg-footer.jpg'); background-repeat:no-repeat; background-attachment:scroll
}

#footer ul
{
	margin: 0;
	padding: 0;
}

#footer li
{
	padding: 0;
	list-style-type: none;
	display: inline; text-align:center; margin-left:0; margin-right:1em; margin-top:0; margin-bottom:0
}

/* 
----------------------------------------------
class styles
----------------------------------------------
*/

.structural
{
	position: absolute;
	left: -500em;
}

.image-caption
{
	float: right;
	width: 250px;
	font-size: 70%; text-align:right; margin-left:1em; margin-right:0; margin-top:0; margin-bottom:1em
}