/*--------------------------
	Imports
--------------------------*/
@import url('content.css');


/*--------------------------
	HTML Items
--------------------------*/

body
	{
	margin: 0;
	padding: 0;
	font-size: 70%;
	font-family: verdana, helvetica, sans-serif;
	color: #555;
	}

h1,h2,h3
	{
	font: bold 2em/1.5em verdana,helvetica,sans-serif;
	color: #f60;
	}

h1 { margin-top: 43px; padding-top: 0; }
h2 { font-size: 1.5em; color: #036; border-bottom: 2px solid #036; }
h3 { font-size: 1em; text-transform: uppercase; color: #036; }

img { border: none; }

a { color: #66c; }
a:hover { color: #f60; text-decoration: none; }
a:active { color: #aaa; }


/*--------------------------
	Layout Items
--------------------------*/

#header, #content, #footer
	{
	position: relative;
	width: 850px;
	height: auto;
	text-align: left;
	}
	
#header
	{
	height: 316px;
	background: url('../images/header_bg.gif') no-repeat 0 0;
	}

#content
	{
	overflow: hidden;
	background: url('../images/content_bg.gif') repeat-y 277px 0;
	font-size: 1.1em;
	}

#contentBody
	{
	height:auto;
	float: right;
	width: 540px;
	line-height: 1.5em;
	padding: 10px;
	margin: 0;
	background: url('../images/content_topper.gif') no-repeat -13px 0;
	}

#sideMenu
	{
	height: auto;
	float: left;
	width: 260px;
	padding: 0 0 15px 0;
	margin: 0;
	}

#footer
	{
	background-color: #036;
	color: #fff;
	padding: 10px 0;
	text-align: center;
	margin-bottom: 15px;
	}


/*--------------------------
	Selectors
--------------------------*/

#sideMenu h3
	{
	background-color: #99c;
	color: #fff;
	margin: 20px 0 10px 0;
	}

#sideMenu li { list-style-type: none; margin-bottom: 5px; }

#sideMenu ul { margin:0; padding: 0 0 0 18px; }

#sideMenu a 
	{ 
	font-size: 0.9em;
	padding-left: 15px;
	background: url('../images/sidemenu_arrow.gif') no-repeat 0 5px;
	}

#sideMenu a:hover { background-position: 0 -25px; }
 
#sideMenu a:active { background-position: 0 -55px; }

#contentBody li { padding-bottom: 10px; }


/*--------------------------
	Base Classes
--------------------------*/

.inside
	{
	padding: 10px;
	}

.floatPicR
	{
	float: right;
	margin: 0 0 10px 20px;
	}

.floatPicL
	{
	float: left;
	margin: 0 20px 10px 0;
	}

.clear { clear: both; }