﻿/* WRAP AND BACK */

body {
	text-align: center;
	background-color: #838588;
}

#sitewrap {
	width: 901px;
	margin: 0px auto 0px auto;
	position: relative;
	z-index: 1;
	text-align: left;
}

#background {
	width: 100%; 
	height: 900px; 
	z-index: 0; 
	position: absolute; 
	left: 0px; 
	top: 0px;
}

/* start intro page */

#start_left {
	float: left;
	background-image: url('../images/start/left_border.gif');
	height: 710px;
	width: 50%;
	position: relative;
	z-index: 1;
}

#start_div {
	background-image: url('../images/start/back.png');
	width: 921px;
	height: 710px;
}

#start_div_wrap {
	margin: 0 auto 0 auto;
	text-align: center;
	top: 0px;
	position: relative;
	z-index: 2;		
	width: 921px;
}

#start_right {
	float: right;
	background-image: url('../images/start/right_border.gif');
	height: 710px;
	width: 50%;	
	position: relative;
	z-index: 1;
}

#start_middle {
	position: absolute;
	z-index: 1;
	height: 100%;	
}

#bottom_left {
	float: left;
	background-color: #97999C;	
}

#bottom_middle {
	float: left;
	width: 921px;
	background-image: url('../images/start/bottom_middle.gif');
}

#quote_of_week_area {
	position: absolute; 
	left: 520px; 
	top: 80px; 
	color: #AAAAAA; 
	font-size: 12px; 
	font-family: Arial; 
	width: 250px; 
	text-align: left;
}

/* header */

#header {
	width: 901px;
}

#flash_div {
	position: absolute;
	left: 683px;
	top: 0px;
	z-index: 2;
}

#topmenu {
	width: 901px;
	height: 48px;
	background-image: url('../images/header_menu.png');
	color: white;
	font-family: Arial;
	font-size: 13px;
	font-weight: bold;
}


#topmenu a {
	position: relative;
	top: 11px;
	color: white;
	text-decoration: none;
}

/* left side of the page */

#left {
	width: 680px;
	float: left;
	position: relative; 
	z-index: 1;
}

#left_top_images {	
	margin-top: 20px;
}

#left_top_images img {
	margin-left: 20px;
}

#left_content {
	margin-top: 25px;
	width: 620px;
	position: relative;
	left: 35px;
	color: #333333;
	font-size: 12px;
	font-family: Arial;
	line-height: 130%;
}


#left_content h1 {
	font-size: 16px;
	font-weight: bold;
	font-family: Arial;
	color: #FB0103;
	margin-bottom: 20px;
}

#left_content h2 {
	font-size: 14px;
	font-weight: bold;
	font-family: Arial;
	color: #FB0103;
	margin-bottom: 20px;
}

.left_ring {
	width: 618px; 
	height: 175px;
	background-image: url('../images/round_rect.gif');
	margin-top: 40px;
}

#left_content form {
	font-weight: bold;
}

#left_content input {
	width: 180px;
	margin: 4px 0px 4px 0px;
}

#left_content select {
	width: 185px;
	margin: 4px 0px 4px 0px;	
}

#left_content hr {
	border: 1px dotted #FB0103;
	margin: 20px 0px 20px 0px;
}

/* right side of the page */

#right {
	width: 220px;
	float: right;
	position: relative;
	z-index: 1;
}

#right_top {
	height: 50px;
}

#right_bottom {
	border-left: 1px dotted #FB0103;
	font-size: 11px;
	color: black;
	font-family: Arial;	
}

#right_bottom h2 {
	margin-top: 15px;
	color: #FB0103;
	font-size: 13px;
	text-align: center;
}

#right_bottom hr {
	border: 1px dotted #FB0103;
	margin: 15px 13px 15px 13px;
}

.right_info_border {
	border: 1px dotted #FB0103;
	width: 190px;
	background-color: white;
	position: relative; 
	left: 15px;
	top: 35px;
}

.right_info_border ul {
	margin-bottom: 20px;
}

.right_info_border a {
	color: #333333;
	text-decoration: none;
}

.right_info_border li {
	list-style-type: circle;
	list-style-image: url('../images/circle.gif');
	margin-left: 20px;	
	line-height: 160%;
}

.right_info_noborder {
	background-color: white;
	width: 190px;
	position: relative; 
	left: 16px;
	margin-top: 50px;
	padding-top: 10px;
	padding-bottom: 60px;
	color: #333333;
}

.right_info_noborder h3 {
	font-weight: bold;
	size: 12px;
	position: relative;
	left: 13px;
	margin-bottom: 10px;	
}

.news_place {
	position: relative;
	left: 13px;
	width: 165px;
}

/* page footer */

#footer {
	width: 901px;
	float: left;
	font-family: Arial;	
	margin-top: 20px;
}

.left_table {
	color: #333333;
	font-size: 11px;		
	width: 680px;
	text-align: center;
}

.left_table a {
	color: #333333;
	text-decoration: none;
}

.right_table {
	color: black;
	font-size: 10px;
	width: 220px;
	text-align: center;
}

.right_table a {
	color: black;
	text-decoration: none;
}

.right_newsletter {
	position: relative;
	left: 13px;
	margin-top: 25px;
	top: 20px;
	text-align: center;
	width: 165px;
}

.right_newsletter a {
	font-size: 13px;
	color: #FB0103;
	text-decoration: none;
}

.right_newsletter a:hover {
	text-decoration: underline;
}

/* other classes and styles */

.form_tables td {
	vertical-align: middle;
}

.info_link {
	color: red;
}

.info_link a {
	text-decoration: none;
	color: red;
	font-weight: bold;
}

.info_link a:hover {
	text-decoration: underline;
}