﻿html {
	width: 100%
}

body {
	font-family: "arial, verdana, Trebuchet MS", verdana, arial, "Times New Roman";
	font-size: 90%;
	font:76% Verdana,Tahoma,Arial,sans-serif;
	color: #3D3535;
	background-color: #E4E5E0;
	background-color: #666666;
	margin: 20px;
	padding: 0px;
	line-height: 140%;
}


/*****************************
	Structure 
******************************/

.outer-container {
}

.inner-container {
	background-color: #FFFFFF;
	border: solid 1px #999999;
	border: solid 1px #993333;
	border: solid 1px #000000;
	margin-left: auto; 
	margin-right: auto; 
	padding: 20px; 
	text-align: left; 
	width: 800px;
}

/********************************
	main container
*********************************/
.main {
	background-color: #ffffff;
}

/********************************
	content area
*********************************/
.content {
	padding: 0 0 0 0;
	padding: 0 10px 0 10px;
	background-color: #ffffff;
	vertical-align: top;
	width: 500px;
}
.content .descr {
	color: #664;
	font-size: 0.9em;
	font-size: 1em;
	margin-bottom: 6px;
}
.content li {
	list-style: url(Images/li.gif);
	margin-left: 18px;
}
.content p {font-family: "Lucida Sans Unicode",sans-serif;}

/********************************
	navigation
*********************************/

.navigation {
	vertical-align: top;
	margin-top: 40px;
	padding-top: 10px;
	width: 260px;
}

.navigation h1 {
	background-color: #A53512;
    background-color: #993333;
	color: #FFFFFF;
	padding: 3px;
	margin: 0px 0px 0px 0px;
	font-size: 100%;
	font-weight: normal;
}

/*************************************
	Toolbar Menu
*************************************/

.menu {
	background-color: #FFFFFF;
	text-align: right; 
	border-bottom: 1px solid #FFFFFF;
}
.header {
	background-color: #EDEEEA;
	padding: 10px; 
	margin-top:3px;
	height: 95px;
}

.menu a:link, .menu a:active, .menu a:visited {
	background: #EDEEEA url(images/corner.gif) no-repeat right top;
	color: #3D3535;
	text-decoration: none;
	padding: 3px 7px 3px 7px;
	margin: 0 0 0 4px;
}

.menu a:hover {
	background: #D6D8CF url(images/corner2.gif) no-repeat right top;
	color: #000000;
	text-decoration: none;
	padding: 3px 7px 3px 7px;
	margin: 0 0 0 4px;
}

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {
	display: inline-table;
}

/* Hides from IE-mac \*/
* html .clearfix {
	height: 1%;
}

.clearfix {
	display: block;
}
/* End hide from IE-mac */

/*the main text container*/
.content {
	margin-right: 255px;
	padding: 20px;
}

.contentWide {
}

.content h1, .contentWide h1 {
	font-size: 110%;
	font-size: 1.2em;
	margin: 10px 0px 0px 0px;
	margin: 10px 0 6px 0;
	padding: 0px 0px 0px 0px;
	color: #993333;
	border-bottom: 2px solid #A53512;
	border-bottom: 2px solid #993333;
	border-bottom: 2px solid #dddddd;
}

.content h2, .contentWide h2 {
	font-size: 1.2em;
	margin: 10px 0px 0px 0px;
	margin: 10px 0 6px 0;
	padding: 0px 0px 0px 0px;
}


.p1 {
	padding: 20px;
	background-color: #F7F7F4;
	font-size:90%;
}

.p2 {
	padding: 20px;
	background-color: #FFFFFF;
	font-size: 90%;
	list-style-image: url(images/b.gif);
	list-style-position: 10px;
}

.p2 ul {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

.footer {
	clear: both;
	background-color: #D6D8CF;
	padding: 4px;
	font-size: 80%;
	text-align: center;
}

a:link, a:active, a:visited {
	color: #A53512;
	color: #993333;
}

a:hover {
	color: #A53512;
	color: #993333;
	text-decoration: none;
}
