/* ------------ color reference ----------- */
/*
White:			#ffffff
Black:			#000000
*/

/* ------------ basic elements ------------ */

body {
	background: #2E0B0B url(../img/background.png) top center repeat-x;
	font-family: Georgia, "Times New Roman", Times, serif;
	}
body.boxed {
	background: none;
	}
strong {
	font-weight: bold;
	}
label {
	clear: left;
	float: left;
	width: 200px;
	margin: 0 10px 10px 0;
	}
input[type=text] {
	float: left;
	margin: 0 10px 10px 0;
	}
input[type=submit] {
	float: left;
	}
textarea {
	float: left;
	width: 300px;
	height: 100px;
	margin: 0 10px 10px 0;
	}

/* ------------ common classes ------------ */

.left {
	float: left;
	}
.right {
	float: right;
	}
.clear {
	clear: both;
	}
.border {
	padding: 10px;
	border: 2px solid #6c1a1a;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	}

/* ------------ template layout ----------- */
#ie6 {
	display: none;
	}
#container {
	width: 860px;
	margin: auto;
	}
	#header {
		position: relative;
		z-index: 99;
		padding: 75px 10px 0 0;
		}
		#menu {
			float: left;
			margin: 100px 0 0 50px;
			}
			#menu a {
				color: #fff;
				text-decoration: none;
				font-size: 24px;
				margin-right: 20px;
				}
	#content_wrap {
		clear: right;
		float: right;
		height: 586px;
		width: 840px;
		background: url(../img/content_wrap.png) no-repeat;
		padding: 10px;
		margin-top: -45px;
		}
		#content_inner {
			position: relative;
			height: 536px;
			padding: 40px 20px 10px 40px;
			background: url(../img/content.jpg) no-repeat;
			}
			#nav {
				text-align: center;
				}
				#nav a {
					float: left;
					width: 190px;
					text-decoration: none;
					color: #6c1a1a;
					font-weight: bold;
					font-size: 14px;
					}
					#nav a img {
						margin-bottom: 5px;
						}
			#links {
				float: right;
				margin: 50px -70px 20px 20px;
				width: 140px;
				height: 201px;
				padding: 5px;
				background: url(../img/links.png);
				}
				#links ul {
					list-style: square;
					margin-left: 20px;
					}
				#links li {
					margin-bottom: 3px;
					}
				#links a {
					font-size: 12px;
					color: #6c1a1a;
					}
			#content {
				overflow: auto;
				height: 350px;
				color: #000;
				font-size: 15px;
				}
				#content.full {
					height: 100%;
					}
				body.boxed #content {
					height: auto;
					width: auto;
					}
				#content hr {
					clear: both;
					margin: 10px 0;
					height: 2px;
					border: none;
					background-color: #6c1a1a;
					}
				#content h1 {
					font-size: 40px;
					color: #6c1a1a;
					margin-bottom: 10px;
					}
				#content h2 {
					font-size: 28px;
					color: #6c1a1a;
					margin-bottom: 10px;
					}
				#content p {
					margin-bottom: 10px;
					}
				#content a {
					color: #6c1a1a;
					font-weight: bold;
					text-decoration: underline;
					}
					#content a.tooltip {
						float: left;
						position: relative;
						text-decoration: none;
						-moz-border-radius: 5px;
						-webkit-border-radius: 5px;
						background: #fff;
						padding: 2px 4px;
						}
						#content a.tooltip span {
							position: absolute;
							top: 0;
							left: 20px;
							display: none;
							width: 200px;
							padding: 5px;
							background: #fff;
							font-size: 10px;
							text-decoration: none;
							}
						#content a.tooltip:hover span {
							display: block;
							text-decoration: none;
							}

				#content ul {
					list-style: disc;
					margin-bottom: 20px;
					margin-left: 15px;
					}
					#content ul ul {
						margin-bottom: 0;
						font-size: 12px;
						}
				#content ol {
					list-style: decimal;
					margin-bottom: 20px;
					margin-left: 25px;
					}
				#content li {
					margin-bottom: 5px;
					}
				#content img.left {
					margin: 0 10px 10px 0;
					}
				#content img.right {
					margin: 0 0 10px 10px;
					}
				#content div.smallframe {
					width: 50px;
					height: 50px;
					padding: 20px;
					background: url(../img/smallframe.jpg);
					margin: 0 10px 10px 0;
					}
				#content label {
					float: left;
					clear: left;
					width: 175px;
					margin: 0 10px 10px 0;
					text-align: right;
					}
				#content input, #content select {
					float: left;
					margin-right: 5px;
					}
				#content input[type=submit] {
					/*float: right;*/
					margin: 0;
					}
			#content2 {
				overflow: auto;
				height: 500px;
				color: #000;
				font-size: 15px;
				}
				#content2.full {
					height: 100%;
					}
				body.boxed #content2 {
					height: auto;
					width: auto;
					}
				#content2 hr {
					clear: both;
					margin: 10px 0;
					height: 2px;
					border: none;
					background-color: #6c1a1a;
					}
				#content2 h1 {
					font-size: 40px;
					color: #6c1a1a;
					margin-bottom: 10px;
					}
				#content2 h2 {
					font-size: 28px;
					color: #6c1a1a;
					margin-bottom: 10px;
					}
				#content2 p {
					margin-bottom: 10px;
					}
				#content2 a {
					color: #6c1a1a;
					font-weight: bold;
					text-decoration: underline;
					}
					#content2 a.tooltip {
						float: left;
						position: relative;
						text-decoration: none;
						-moz-border-radius: 5px;
						-webkit-border-radius: 5px;
						background: #fff;
						padding: 2px 4px;
						}
						#content2 a.tooltip span {
							position: absolute;
							top: 0;
							left: 20px;
							display: none;
							width: 200px;
							padding: 5px;
							background: #fff;
							font-size: 10px;
							text-decoration: none;
							}
						#content2 a.tooltip:hover span {
							display: block;
							text-decoration: none;
							}

				#content2 ul {
					list-style: disc;
					margin-bottom: 20px;
					margin-left: 15px;
					}
					#content2 ul ul {
						margin-bottom: 0;
						font-size: 12px;
						}
				#content2 ol {
					list-style: decimal;
					margin-bottom: 20px;
					margin-left: 25px;
					}
				#content2 li {
					margin-bottom: 5px;
					}
				#content2 img.left {
					margin: 0 10px 10px 0;
					}
				#content2 img.right {
					margin: 0 0 10px 10px;
					}
				#content2 div.smallframe {
					width: 50px;
					height: 50px;
					padding: 20px;
					background: url(../img/smallframe.jpg);
					margin: 0 10px 10px 0;
					}
				#content2 label {
					float: left;
					clear: left;
					width: 175px;
					margin: 0 10px 10px 0;
					text-align: right;
					}
				#content2 input, #content2 select {
					float: left;
					margin-right: 5px;
					}
				#content2 input[type=submit] {
					/*float: right;*/
					margin: 0;
					}
	#footer {
		clear: both;
		text-align: center;
		padding: 10px 0;
		color: #fff;
		font-size: 12px;
		}
		#footer a {
			color: #fff;
			}
