/* Start of CMSMS style sheet 'Layout' */
/******************************************************************************
 * Body
 ******************************************************************************/

body {
	font: normal 0.8em Tahoma, Verdana, Arial, Helvetica, sans-serif;
	color: #333;
	background-color: #999;
	margin: 0;
	padding: 0;
}

img {
	border: none;
	vertical-align: middle;
}

br {
	clear: both;
}

a,
a:link,
a:visited {
	text-decoration: none;
}

a:active,
a:hover {
	text-decoration: underline;
}

.accessibility {
	margin: 0;
	padding: 0;
	height: 0;
	line-height: 0;
	text-indent: -999em;
	visibility: hidden;
	clear: both;
}

dfn {
	position: absolute;
	left: -1000px;
	top: -1000px;
	width: 0;
	height: 0;
	overflow: hidden;
	display: inline;
}

#pagewrapper {
	width: 900px;
	margin: 10px auto;
	background-color: #fff;
	border: 1px solid #000;
}

/******************************************************************************
 * Header
 ******************************************************************************/

div#header {
	height: 100px;
	background: #fff url(uploads/spm/images/header.jpg) no-repeat 0 0;
}

div#header h1 {
	float: left;
	margin: 0.4em 0 0 0.4em;
}
div#header h1#logo a {
	background: transparent url(uploads/spm/images/logo.png) no-repeat 0 0;
	display: block;
	height: 80px;
	width: 301px;
	text-indent: -999em;
	text-decoration:none;
}

p#motto {
	float: left;
	margin: 4.2em 0 0 25em;
	color: #000;
	font-weight: bold;
	font-size: 1em;
	font-style: italic;
}

div#language {
	float: right;
}
div#language ul {
	list-style: none;
	margin: 0 0.2em 0 0;
	padding: 0;
	clear: left;
}
div#language ul li {
	float: left;
	margin-right: 0.2em;
}

/******************************************************************************
 * Menu
 ******************************************************************************/

div#menu {
	width: 100%;
	font-weight: bold;
	font-size: 1.1em;
}
/* hack for Internet Explorer */
* html #menu {
	/* hide ie/mac \*/
	height: 1%;
	/* end hide */
}
#menu ul {
	background-color: #fff;
	margin: 0;
	padding: 0;
	list-style-type: none;
	float: left;
	border-bottom: 4px solid #00a652;
}
#menu ul li {
	float: left;
	width: 180px;
	text-align: center;
}
#menu ul li a,
#menu ul li a:active,
#menu ul li a:visited {
	padding: .3em 0;
	text-decoration: none;
	background-color: #ccc;
	color: #00a652;
	display: block;
	-moz-border-radius: 10px 10px 0 0;
	-webkit-border-radius: 10px 10px 0 0;
	-o-border-radius: 10px 10px 0 0;
	border-radius: 10px 10px 0 0;
}
#menu ul li a:hover {
	background-color: #00a652;
	color: #000!important;
}
#menu ul li.currentpage a,
#menu ul li.currentpage a:active,
#menu ul li.currentpage a:visited,
#menu ul li.currentpage a:hover {
	background-color: #00a652;
	color: #000;
}

/******************************************************************************
 * Main
 ******************************************************************************/

div#main {
	width: 100%;
	overflow: hidden;
	margin-top: 10px;
}

/******************************************************************************
 * Blocks
 ******************************************************************************/

div.block {
	float: left;
	width: 100%;
	margin-bottom: 15px;
	background-color: #ccc;
	border: 1px solid #000;
	color: #000;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	-o-border-radius: 10px;
	border-radius: 10px;
}

div.block h2 {
	font-size: 1.2em;
	padding: 0.1em;
	text-align: center;
	background-color: #00a652;
	color: #000;
	border-bottom: 1px solid #000;
	-moz-border-radius: 8px 8px 0 0;
	-webkit-border-radius: 8px 8px 0 0;
	-o-border-radius: 8px 8px 0 0;
	border-radius: 8px 8px 0 0;
}

div.block ul {
	margin: 5px;
	padding-left: 20px;
	list-style-type: square;
	padding-left: 1.2em;
}

div.block a,
div.block a:visited,
div.block a:active,
div.block a:hover {
	color: #000;
}

div.block li a,
div.block li a:visited,
div.block li a:active,
div.block li a:hover {
	color: #000;
}

/******************************************************************************
 * Sidebar Left
 ******************************************************************************/

div#sidebar_left {
	float: left;
	width: 165px;
	margin-left: 15px;
}

div#sidebar_left h2 {
	margin: 0;
}

/* Navigation */
div#nav ul li a {
	font-weight: bold;
}
div#nav ul li.currentpage a {
	font-style: italic;
	text-decoration: underline;
}

/* Search */
div#search {
	text-align: center;
}
div#search label {
	display: none;
}
div#search input[type=text] {
	margin: 0.2em 0;
	padding: 2px 0;
	width: 90%;
	border: 1px solid #000;
}
div#search input[type=submit] {
	display: none;
}

/* News */
div#news ul {
	margin: 0 5px;
	padding: 0;
	list-style-type: none;
}
div#news ul li {
	padding: 5px 0 5px 0;
	border-bottom: 1px dotted #fff;
}

/* Tools */
div#tools {
}

/******************************************************************************
 * Sidebar Right
 ******************************************************************************/

div#sidebar_right {
	margin-left: 720px;
	margin-right: 15px;
}

div#sidebar_right h2 {
	margin: 0;
}

/* Network */
div#network ul {
	clear: left;
	margin: 5px;
	padding: 0;
	list-style-type: none;
}
div#network ul li {
	float: left;
}

/* Ads - Wide Skyscraper */
div#ads_wide_skyscraper {
	border: none;
	text-align: center;
	filter: none;
	background: none;
}
div#ads_wide_skyscraper h2 {
	display: none;
}
div#ads_wide_skyscraper img {
	border: 1px solid #000;
}

/******************************************************************************
 * Content
 ******************************************************************************/

div#content {
	float: left;
	width:500px;
	margin: 0 20px;
}

/* Headings */
div#content h2 {
	clear: both;
	margin: -0.2em 0 -0.4em 0;
	font-size: 1.8em;
	text-align: center;
	color: #000;
}
div#content h2 a {
	color: #000!important;
}
div#content h3 {
	clear: both;
	margin: 0.3em 0;
	font-size: 1.6em;
	color: #ac1014;
}
div#content h3 a {
	color: #ac1014!important;
}
div#content h4 {
	clear: both;
	margin: 0.3em 0;
	font-size: 1.2em;
	color: #000;
	border-bottom: 1px solid #000;
}
div#content h4 a {
	color: #000!important;
}
div#content h5 {
	clear: both;
	margin: 0.3em 0 0.3em 1em;
	font-size: 1.1em;
	border-bottom: 1px dotted #333;
}
div#content h6 {
	clear: both;
	margin: 0.3em 0 0.3em 2em;
	font-size: 1.0em;
	font-weight: normal;
	text-decoration: underline;
}

/* Paragraphs */
div#content p {
	clear: both;
	margin: 1em 0;
	text-align: justify;
}
div#content p.mini {
	font-style: italic;
	font-size: 0.8em;
}
div#content br {
	clear: none;
}

/* Links */
div#content a {
	color: #ac1014;
}

/* Images */
div#content img.left {
	float: left;
	margin: 0 1em 1em 0;
}
div#content img.right {
	float: right;
	margin: 0 0 1em 1em;
}

/* Preformatted text and code */
div#content pre {
	padding: 0.4em;
	width: 95%;
	font-size: 1.2em;
	white-space: pre-wrap;
	white-space: -moz-pre-wrap;
	white-space: -o-pre-wrap;
	background: #ddd;
	border-left: 0.4em solid #ccc;
	-moz-border-radius: 0.5em;
	-webkit-border-radius: 0.5em;
	-o-border-radius: 0.5em;
	border-radius: 0.5em;
}
div#content pre.code {
	counter-reset: listing;
}
div#content pre.code code {
	counter-increment: listing;
}
div#content pre.code code:before {
	content: counter(listing) ". ";
	color: gray;
}

/* Quotes */
div#content blockquote {
	padding: 0.4em;
	text-align: justify;
	background: #ddd;
	border-left: 0.2em solid #ccc;
	border-right: 0.2em solid #ccc;
	-moz-border-radius: 0.5em;
	-webkit-border-radius: 0.5em;
	-o-border-radius: 0.5em;
	border-radius: 0.5em;
}
div#content blockquote:before {
	content: "« ";
}
div#content blockquote:after {
	content: " »";
}

/* Tables */
div#content table {
	width: 100%;
	table-layout: auto;
	border-spacing: 0;
	empty-cells: show;
	border-collapse: collapse;
	border-color: #f80;
	border-width: 0 0 1px 1px;
	border-style: solid;
}
div#content table caption {
	color: #f80;
	font-size: 1.2em;
	font-weight: bold;
}
div#content table thead {
	background: #00c;
	color: #fff;
}
div#content table tfoot {
	background: #ccc;
	color: #c00;
}
div#content table th,
div#content table td {
	vertical-align: top;
	border-color: #f80;
	border-width: 1px 1px 0 0;
	border-style: solid;
}

/* Unordered lists */
div#content ul {
	list-style-type: square;
	padding-left: 2em;
}
div#content ul li,
div#content ul li a {
	text-align: justify;
	font-weight: bold;
	color: #ac1014;
}
div#content ul li a {
	text-decoration: underline;
}
div#content ul li a:hover {
	color: #f00;
}
div#content ul ul {
	list-style-type: circle;
}
div#content ul li li,
div#content ul li li a {
	font-weight: normal;
	color: #00a652;
}
div#content ul ul ul {
	list-style-type: disc;
}
div#content ul li li li {
	font-size: 0.9em;
}
div#content ul li li li,
div#content ul li li li a {
	font-style: italic;
	color: #333;
}
div#content ul ul ul ul {
	list-style-type: none;
}
div#content ul li li li li,
div#content ul li li li li a {
	font-style: normal;
}

/* Ordered lists */
div#content ol {
	list-style-type: upper-roman;
	padding-left: 2em;
}
div#content ol li,
div#content ol li a {
	text-align: justify;
	font-weight: bold;
	color: #ac1014;
}
div#content ol li a {
	text-decoration: underline;
}
div#content ol li a:hover {
	color: #f00;
}
div#content ol ol {
	list-style-type: upper-alpha;
}
div#content ol li li,
div#content ol li li a {
	font-weight: normal;
	color: #00a652;
}
div#content ol ol ol {
	list-style-type: decimal;
}
div#content ol li li li {
	font-size: 0.9em;
}
div#content ol li li li,
div#content ol li li li a {
	font-style: italic;
	color: #333;
}
div#content ol ol ol ol {
	list-style-type: lower-alpha;
}
div#content ol li li li li,
div#content ol li li li li a {
	font-style: normal;
}

/* Definition lists */
div#content dl {
	margin: 1em 0 2em 0;
}
div#content dl dt {
	float: left;
	clear: left;
	background: #f80;
	color: #fff;
	font-weight: bold;
	margin-right: 10px;
	padding: 5px;
	width: 100px;
}
div#content dl dt:after {
	content: ":";
}
div#content dl dd {
	margin: 2px 0;
	padding: 5px 0;
}

/* Forms */
div#content div.field,
div#content div.checkbox,
div#content div.radio,
div#content div.submit {
	clear: both;
}
div#content div.field label {
	float: left;
	width: 25%;
	margin: 0.4em 0;
}
div#content div.field input,
div#content div.field select,
div#content div.field textarea {
	margin: 0.2em 0;
	padding: 0;
}
div#content div.field input,
div#content div.field textarea {
	width: 73%;
}
div#content div.field textarea {
	height: 3.9em;
}
div#content div.field input,
div#content div.field textarea,
div#content div.field select {
	margin-left: 1%;
	float: left;
	padding: 1px;
	background-color: #fff;
	border: 1px solid #999;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	-o-border-radius: 4px;
	border-radius: 4px;
}
div#content div.field input:hover,
div#content div.field textarea:hover,
div#content div.field select:hover {
	border: 1px solid #ac1014;
}
div#content div.checkbox label,
div#content div.radio label {
	float: left;
	margin-top: 0.5em;
}
div#content div.submit input {
	text-align: center;
	font-weight: bold;
	padding: 1px;
	margin: 0.4em 0;
	background-color: #ccc;
	color: #333;
	border: 1px solid #999;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	-o-border-radius: 4px;
	border-radius: 4px;
}
div#content div.submit input:hover {
	background-color: transparent;
	color: #000;
	border: 1px solid #ac1014;
}
div#content div.captcha {
	float: left;
	clear: both;
}
div#content div.captcha img {
	float: left;
	margin-right: 5px;
}
div#content div.captcha input.cms_textfield {
	width: 100px;
	margin-left: 0;
}
div#content div.captcha br {
	clear: none;
}
div#content div.error_message,
div#content div.error_message ul li,
div#content div.error_message ul li a {
	color: #c00;
}

/* Sitemap */
div#content div#sitemap {
	font-size: 1.2em;
}
div#content div#sitemap a {
	text-decoration: none!important;
}

/* Search */
div#content ul#search_result {
	font-size: 1.1em;
}
div#content ul#search_result li,
div#content ul#search_result li a {
	font-weight: normal!important;
	color: #000!important;
}

/* News */
div#content ul#newslist {
	font-size: 1.1em;
}
div#content ul#newslist li,
div#content ul#newslist li a {
	font-weight: normal!important;
	color: #000!important;
	text-decoration: none;
}
div#content ul#newslist li a:hover {
	text-decoration: underline;
}

/******************************************************************************
 * Shortcuts
 ******************************************************************************/

div#shortcuts {
	border-top: 4px solid #f80;
	padding: 10px 15px;
	/* IE */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#000', endColorstr='#999');
	/* Webkit */
	background: -webkit-gradient(linear, left top, left bottom, from(#000), to(#999));
	/* Gecko */
	background: -moz-linear-gradient(top, #000, #999);
	/* Opera */
	background-image: -o-linear-gradient(rgb(0,0,0),rgb(153,153,153));
	/* Non-css3 browsers */
	background-color: #000;
	color: #fff;
	font-size: 0.95em;
}

div#shortcuts .col {
	width: 25%;
	float: left;
}

div#shortcuts h3 {
	margin: 0;
	padding: 0;
}

div#shortcuts ul {
	margin: 0;
	padding-left: 20px;
	list-style-type: none;
	padding-left: 1.2em;
}

div#shortcuts a,
div#shortcuts a:visited,
div#shortcuts a:active,
div#shortcuts a:hover {
	color: #f80;
}

div#shortcuts li a,
div#shortcuts li a:visited,
div#shortcuts li a:active,
div#shortcuts li a:hover {
	color: #fff;
}

/******************************************************************************
 * Footer
 ******************************************************************************/

div#footer {
	padding: 5px;
	background-color: #fff;
	color: #000;
	font-size: 0.85em;
}

div#footer p {
	margin: 0;
	padding: 0;
	text-align: center;
}

div#footer p a,
div#footer p a:visited,
div#footer p a:active,
div#footer p a:hover {
	color: #000;
}

/* End of 'Layout' */