/* Begin Reset */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre, a,
abbr, acronym, address, big, cite, code, del,
dfn, em, img, ins, kbd, q, s, samp, small, strike,
strong, sub, sup, tt, var, b, u, i, center, dl,
dt, dd, ol, ul, li, fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, figure,
figcaption, footer, header, hgroup, menu, nav,
output, ruby, section, summary, time, mark,
audio, video
	{
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
	}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section
	{
	display: block;
	}
body {line-height: 1;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,
q:before, q:after
	{
	content: '';
	content: none;
	}

table {border-collapse: collapse; border-spacing: 0;}
/* -----End Reset----- */

html, body	{height: 100%;}
body
	{
	color: #000000;
	background: url('./graphics/pattern.jpg') repeat fixed;
	font: 16px Droid Sans;
	margin: 0px;
	padding: 0px;
	}
a
	{
	color: #ffffff;
	border: none;
	outline: none;
	text-decoration: none;
	}
h1 {color: #000000; font: 24px Droid Sans; font-weight: bold;}
h2 {color: #ffffff; font: 18px Droid Sans;}
table {border-collapse: collapse; border-spacing: 0;}
div {clear: both;}
.error {color: #ffffff; background: #ff0000; padding: 2px 2px;border: 1px solid #000000;}
div.sides
	{
	color: #ffffff;
	text-align: center;
	top: 0px;
	width: 200px;
	position: absolute;
	background: #333333;
	}
#sideleft {position: fixed; left: 0px;}
#sideright {position: fixed; right: 0px;}
#wrap
	{
	min-height: 100%;
	width: 960px;
	margin: 0px auto;
	text-align: center;
	border-left: 1px solid #ffffff;
	border-right: 1px solid #ffffff;
	background: #efefef;
	}
#main {width: 960px; height: 100%;}
#main div {display: inline-block;}
#footer
	{
	color: #ffffff;
	width: 960px;
	height: 30px;
	margin: -40px auto 0px auto;
	padding-top: 8px;
	border-top: 2px solid #000000;
	background: url('./graphics/pattern2.jpg') repeat fixed;
	text-align: center;
	}
#clearfooter {display: block; height: 50px;}
#header {height: 129px; background: #000000;}
#logo
	{
	position: absolute;
	margin-top: 10px;
	margin-left: 10px;
	}
#logo img {border: none; outline: none;}
#search
	{
	color: white;
	font: 22px Droid Sans;
	position: absolute;
	text-align: right;
	margin-top: 10px;
	margin-left: 706px;
	}
#search fieldset
	{
	margin-top: 8px;
	padding: 2px 2px 2px 10px;
	background: #ffffff;
	border: none;
	}
#searchBox {font: 18px Droid Sans; border: none;}
#searchButton
	{
	border: none;
	background: url('./graphics/searchButton.png') no-repeat;
	position: relative;
	top: -2px;
	padding: 0px 10px 6px 10px;
	}
#menu {width: 958px; height: 25px; position: absolute; top: 98px; background: url('graphics/menuBack.jpg'); border-left: 1px solid #000000; border-right: 1px solid #000000;}
#menu a {color: #ffffff; font-size: 16px; line-height: 28px;}
#menu li {display: inline-block; float: left;}
.menuitem {border-left: 1px solid #000000; background: url('graphics/menuBack.jpg'); padding: 0px 48px; height:30px;}
.activemenuitem	{border-left: 1px solid #000000; background: url('graphics/menuBackHover.jpg'); padding: 0px 48px; height: 30px;}
.leftmenuspace {background: url('graphics/menuBack.jpg'); padding: 0px 14px; height: 30px;}
.rightmenuspace {border-left: 1px solid #000000; background: url('graphics/menuBack.jpg'); padding: 0px 4px; height: 30px;}
.menuitem:hover {background: url('graphics/menuBackHover.jpg');}