/* andreas07 - an open source xhtml/css website layout by Andreas Viklund - http://andreasviklund.com . Free to use for any purpose as long as the proper credits are given for the original design work.

Version: 1.1, November 28, 2005 */

/**************** Page and tag styles ****************/

/* colors:
 *  #84aaff
 *	#6e96f1
 *  
 */

body {
	margin:0;
	padding:0;
	color:#303030;
	background:#fafafa url('../images/bodybg.gif') top left repeat-y;
	font:76% Verdana,Tahoma,sans-serif;
}

.clear {
	clear:both;
}

ul
{list-style:circle; margin:10px 0 20px 0; font-size:1em;}

li
{margin:0 0 8px 0px;}

a
{color:#6e96f1; font-weight:bold; text-decoration:none;}

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

img
{float:left; margin:0 15px 15px 0; padding:1px; background:#ffffff; border:1px solid #d0d0d0;}

a img
{border:0;}


/**************** Sidebar area styles ****************/

#sidebar {
	position:absolute;
	top:0;
	left:0;
	width:220px;
	height:100%;
	/*overflow:auto;*/
	overflow:hidden;
	/*background:#e0e0e0 url(img/sidebarbg.gif) top right repeat-y;*/
	background:transparent url('../images/sidebar_bg.jpg') bottom left no-repeat;
	text-align:right;
}

body > #sidebar
{position:fixed;}

#sidebar h1
{margin:20px 18px 0 5px; color:#6e96f1; font-size:3.0em; letter-spacing:-2px; text-align:right;}

#sidebar h2, #sidebar h3
{margin:0 20px 18px 5px; color:#808080; font-size:1.5em; font-weight:bold; letter-spacing:-1px; text-align:right;}

#sidebar h3
{margin:20px 18px 4px 5px; color:#606060;}

#sidebar  p
{margin:0 20px 18px 5px; color:#606060; font-size:0.8em;}

#sidebar a
{color:#808080}

/**************** Navigation menu styles ****************/

#menu a {
	display:block;
	width:202px;
	padding:5px 18px 5px 0;
	color:#606060;
	background:#e0e0e0 url('../images/sidebar_bg_pattern.gif') top right repeat-y;
	font-size:1.8em;
	font-weight:normal;
	text-decoration:none;
	letter-spacing:-2px;
}

#menu a:hover 
{color:#303030; background:#f0f0f0 url('../images/sidebar_bg_pattern.gif') top right repeat-y;}

#menu a.active
{padding:5px 18px 5px 0; background:#fafafa; border-top:2px solid #c0c0c0; border-bottom:2px solid #c0c0c0;}

#menu a.active:hover
{color:#505050; background:#fafafa;}

/**************** Content area styles ****************/

#content
{width:520px; margin:0 0 0 240px; padding:20px 0; background:#fafafa;}

#content p
{margin:0 0 20px 0; line-height:1.5em;}

#content h1
{margin:0; color:#6e96f1; font-size:4em; letter-spacing:-5px; text-align:center;}

#content h2
{margin:0; color:#808080; font-weight:normal; font-size:2.5em; letter-spacing:-2px; text-align:center;}

#content h3
{clear:both; margin:30px 0 10px 0; color:#6e96f1; font-weight:normal; font-size: 2em; letter-spacing:-2px;}

/*******/

p#copyright {
	margin-top:40px;
	font-size:0.9em;
}

/*************/

input {
	border:1px solid #999;
	background:#f3f3f3;
	padding:1px;
}

div.set {
	margin:0 0 16px 0;
}
div.label {
	float:left;
	width:12em;
}
div.label span {
	font-size:12px;
	font-style:italic;
	color:#aaa;
}
div.input {
	margin:0 0 0 13em;
}
div.input input {
	width:150px;
}

/******/

div.error {
	background-color:#f3f3f3;
	border:2px solid #e43e31;
	padding:16px;
}

div.notice {
	background-color:#f3f3f3;
	border:2px solid #999;
	padding:16px;
}