﻿/* CSS SlaterLabs structure & design created atela.net */

/* must be the first for the show-hide script */
.languages {
	width: 850px;
	height: 50px;
	padding-top: 10px;
	text-align: right;
	visibility: hidden;
}

ul.languages {
margin-left:0;
padding-left:0;
white-space:nowrap;
}

.languages li {
display:inline;
list-style-type:none;
}

.languages a {
font-size:70%;
color:#fff;
border:1px solid #918A91;
text-decoration:none;
padding:0 10px;
}

.languages a:hover {
border:1px solid #fffcf1;
}

/* CSS styles */
.clr {
clear:both;
}

div.mosimage_caption {
font-size:11px;
}

#page_bg {
height:100%;
background:#FAF9FA url(../images/main_bg.gif) 0 0 repeat-x;
border:0;
margin:0;
padding:0;
}

#center {
text-align:center;
}

#main_bg {
margin-bottom:20px;
margin-left:auto;
margin-right:auto;
width:850px;
text-align:left;
font-family:Arial, Helvetica, sans-serif;
}

#content_bg {
margin:0 10px;
}

#topheader {
width:850px;
height:60px;
background:url(../images/logo.gif) 0 0 no-repeat;
margin-top:0;
margin-bottom:0;
}

#topmenu {
height:25px;
width:850px;
margin-top:0;
margin-bottom:0;
}

#flashcontent {
	width: 850px;
	height: 155px;
	margin-top: 0px;
	overflow: hidden;
}

ul#navlist {
margin-left:50px;
padding-left:0;
white-space:normal
}

#navlist li {
display:inline;
list-style-type:none;
}

#navlist a {
font-size:90%;
border-right:1px solid #fff;
color:#fff;
text-decoration:none;
padding:0 10px;
}

#navlist a:hover {
background-color:#B4A6B3;
text-decoration:none;
}

#content {
	font: normal normal normal 100% serif;
	float: left;
	width: 625px;
	padding-top: 20px;
	padding-bottom: 20px;
	color: #432C3C;
}

#content h1 {
font-family:Arial, Helvetica, sans-serif;
font-size:105%;
font-weight:700;
color:#432C3C;
text-align:left;
border-bottom:1px solid #CCC;
}

#content h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 85%;
	font-style: italic;
	line-height: 13pt;
	color: #333;
}

#content p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 85%;
	line-height: 13pt;
	color: #432C3C;
	vertical-align: middle;
}

#content a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 90%;
	line-height: 13pt;
	color: #432C3C;
	font-style: normal;
}

.readon {
font-family:Arial, Helvetica, sans-serif;
font-size:90%;
font-weight:700;
color:#760000;
margin-bottom:25px;
}

.readon a:visited {
font-family:Arial, Helvetica, sans-serif;
font-size:90%;
font-weight:700;
color:#432C3C;
text-decoration:none;
background-image:url(../images/readmore.gif);
background-repeat:no-repeat;
background-position:left;
padding-left:20px;
}

.readon a:link {
font-family:Arial, Helvetica, sans-serif;
font-size:90%;
font-weight:700;
color:#432C3C;
text-decoration:none;
background-image:url(../images/readmore.gif);
background-repeat:no-repeat;
background-position:left;
padding-left:20px;
}

#content_left {
float:left;
width:270px;
padding-top:20px;
}

#content_right {
float:right;
width:270px;
padding-top:20px;
}

#navigation {
float:right;
width:225px;
}

#navigation h1 {
font-family:Arial, Helvetica, sans-serif;
font-size:100%;
font-weight:700;
color:#dadada;
text-align:right;
text-transform:uppercase;
margin-bottom:-17px;
margin-top:25px;
}

#navigation_menu ul {
list-style:none;
}

#navigation_menu li {
padding-top:0;
height:30px;
list-style-type:none;
margin:0;
}

#navigation_menu a {
font-size:85%;
color:#999;
padding-top:10px;
border-bottom:1px solid #CCC;
text-decoration:none;
text-align:right;
}

#navigation_menu a:visited {
display:block;
height:20px;
}

#navigation_menu a:link {
display:block;
height:20px;
}

#navigation_menu a:hover {
color:#432C3C;
background:#E7E4E7;
}

#footer {
font-size:75%;
text-decoration:none;
clear:both;
color:#999;
text-align:left;
border-top:1px solid #CCC;
padding-top:5px;
margin-top:50px;
}

#footer_left {
float:left;
width:625px;
}

#footer_right {
float:right;
text-align:right;
width:225px;
}

#footer a {
color:#999;
}

#footer a:visited {
text-decoration:none;
}

#footer a:link {
text-decoration:none;
}

#footer a:hover {
color:#432C3C;
text-decoration:underline;
}

.readon a:hover {
color:#432C3C;
text-decoration:underline;
}