/* v1.0 | 20080212 */

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, font, 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 {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: bottom;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* fresh css */

body { font-family: helvetica, arial, verdana, sans-serif; font-size: 80%; }

h1 { font-size:160%; }

h2 { font-size:150%; }

h3 { font-size:140%; }

h4 { font-size:130%; }

h5 { font-size:120%; }

h6 { font-size:110%; }

ol { list-style:decimal; }

ul { list-style:disc; }

li { margin-left:1.5em; position:relative; }

p,
li,
dl { line-height:1.4em; }

p,
dl,
hr,
h1,
h2,
h3,
h4,
h5,
h6,
ol,
ul,
pre,
table,
address,
fieldset { margin-bottom:0; }

ul li ul,
ol li ol { margin-bottom:0px; }


#page_wrapper {
	width:960px;
	margin:0 auto;
	padding-bottom:10px;
}

#header {
}

#logo {
	background: url(../images/spectrum-logo.gif) bottom left no-repeat;
	width:200px;
	height:180px;
	float:left;
}

#logo h1, #site_banner h2 {
	text-indent: -9999px;
}

#site_banner {
	float:left;
	padding:0 0 0 20px;
	width:740px;
	height:180px;
	background: url(../images/spectrum-banner.jpg) 70px 0px no-repeat;
	position:relative;
}

#menu_bar {
	clear:both;
	padding-top:10px;
}

#header_link {
	width:200px;
/*	width:250px;*/
	height:20px;
	float:left;
	text-align:right;
	padding-right:20px;
}

#header_link p {
	margin:0;
	padding:0;
}

#header_menu {
	float:left;
/*	background: url(../images/misc/page_tr.gif) top right no-repeat #7bc143; changed to match header-menu-end.gif image*/
	background: url(../images/misc/page_tr.gif) top right no-repeat #6eb43f;
}

#header_menu ul {
/*	width:600px;*/
	width:650px;
	height:20px;
	line-height:20px;
	padding:0 0 0 90px;
	margin:0;
	background: url(../images/misc/header-menu-end.gif) bottom left no-repeat;
	list-style: none;
}

#header_menu li {
	float:left;
	border-left: 1px solid lime;
	padding:0 18px;
	font-weight:bold;
	margin:0;
	line-height:20px;
}

#header_menu li.first-child {
	border-left: 0px;
}

#header_menu li a {
	text-decoration: none;
	color:#FFF;
}

#header_menu li a:hover, #header_menu li a.selected {
	color:#DDD;
}

#content_wrapper {
	clear:both;
	padding-top:10px;
}

#left_column {
	float: left;
	width:200px;
}

#sub_menu_header {
	background: url(../images/misc/page_tl.gif) top left no-repeat #000;
	width: 170px;
/*	width: 220px;*/
	color: #FFF;
	padding:5px 10px 5px 20px;
	font-weight:bold;
}

.sub_menu {
	margin: 0 0 20px 0;
/*	margin: 0 0 20px 0;*/
}

.sub_menu ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

.sub_menu li {
	margin: 10px 0 0;
	width:200px;
/*	width:250px;*/
	height:50px;
	background-color: #7bc143;
	line-height:50px;
	font-weight:bold;
}

.sub_menu li a {
	color: #FFF;
	padding-left: 20px;
	display:block;
	text-decoration:none;
}

.sub_menu li a.selected, .sub_menu li a:hover {
	background-color: #b3d88c;
}
.sub_menu li span {
	font-size:200%;
	float:left;
	margin-right: 0.2em;
	vertical-align:middle;
}

.sidepanel {
	margin:0 0 20px;
	position:relative;
/*	width:250px;*/
	width:200px;
}

.sidepanel > div {
	background: url(../images/panels/sidepanel-background-200px.gif) top center repeat-y;
/*	width:250px;*/
	zoom:1; /*required by IE6 - otherwise it hides the background images*/
}

.sidepanel > div > div {
	background: url(../images/panels/sidepanel-top-200px.gif) top center no-repeat;
}

.sidepanel > div > div > div {
	background: url(../images/panels/sidepanel-bottom-200px.gif) bottom center no-repeat;
}

.sidepanel h2 {
	color: #fff;
	font-size:15px;
	line-height:30px;
	padding:20px;
}

.sidepanel p, .sidepanel ol, .sidepanel ul {
	padding:0px 20px 15px;
}

.sidepanel img {
	margin:0;
	background-color: #fff;
}

.sidepanel_button {
	background-color: #7bc143!important;
	display:inline;
	float:right;
	margin:0 1em 0 0;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;

	padding:5px!important;
	font-weight:bold;
	color: #ffffff;
}

.sidepanel_button a {
	color: #ffffff!important;
	text-decoration: none;
}

#main_content {
	float:left;
	width:740px;
/*	width:690px;*/
	padding-left:20px;
	display:inline;
}

#page_banner {
	margin-bottom:20px;
}

#page_content {
	margin-right: 220px;
}

#page_content h2 {
	font-size:250%;
}

#page_content h2, #page_content h3, #page_content h4, #page_content h5, #page_content h6, #page_content p, #page_content ul, #page_content ol {
	margin-bottom:1em;
}

.gallery {
	padding-bottom: 15px;
}

.gallery img {
	width:250px;
	height:250px;
	padding:0;
	margin:15px 7px 0 0;
	border:0;
}

#right_column {
	float:right;
	width:200px;
}

/* misc */
.spectrum, .misc-spectrum {
	color: #7bc143;
}

.align-center {
	text-align: center;
}

/* footer */

#footer {
	clear:both;
	text-align: center;
	border-top: 1px solid #ccc;
}

#footer div div {
	padding:5px 30px;
}

#footer p, #footer a {
	color:#999;
	line-height: 1em;
	margin:0;
}

#footer a {
	text-decoration: none;
}

#footer a:hover {
	text-decoration: underline;
}

/* contact form */
#contact { }

/* Form style */

label { display: inline-block; float: left; height: 26px; line-height: 26px; width: 110px; }
input, textarea, select { padding: 5px; color: #666; background: #f5f5f5; border: 1px solid #ccc; margin: 5px 0; }   
input:focus, textarea:focus, select:focus { border: 1px solid #999; background-color: #fff; color:#333; }
input.submit { margin-left: 110px; cursor: pointer; font-weight: bold; background:#7BC143; color:#fff; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }
input.submit:hover { }
fieldset { }
legend { padding:0 0 7px 0; }

span.required{ font-size: 13px; color: #ff0000; } /* Select the colour of the * if the field is required. */

/* Style for the error message */

.error_message { display: block; height: 22px; line-height: 22px; background: #FBE3E4 url('../images/misc/error.gif') no-repeat 10px center; padding: 3px 10px 3px 35px; margin: 10px 0; color:#8a1f11;border: 1px solid #FBC2C4; -moz-border-radius: 5px; -webkit-border-radius:5px; }

#succsess_page h1 { background: url('../images/misc/success.gif') left no-repeat; padding-left:22px; }