@charset "utf-8";
/* CSS Document */

/* Global Styles */
body {
	text-align: center; /* for IE */
	font-family: Verdana, Georgia, Verdana, serif;
	font-size: 10pt;
	line-height: 1.8em;
	margin: 0;
	background: url('../images/body_background.jpg') repeat-x #7C312E;
}

h1 {
	font-size: 16pt;
	color:#4D4D4F;
}
h2 {
	color:#852925;
	font-weight:normal;
	font-size:16pt;
	padding:5px 0 0 10px;
}

fieldset {
	padding: 10px;
	border: 1px solid #137abe;
}
label {
	width: 200px;
	float:left;
	text-align: right;
	padding-right: 10px;
	display: block;
}

legend {background:#137abe;font-weight:bold;color:#fff;padding:3px;text-transform:uppercase;}

img {border:0;}

input,select,textarea {
	font-family: Verdana, sans-serif;
	font-size:10pt;
	background:#efeddb;
	width:350px;
}
/* End Global Styles */


/* This style affects the page size, and entire page elements */
#main {
	text-align: left;
	margin: 0 auto;
	padding :0px;
	width: 850px;
	background:#fff;
	background: url('../images/main_background.jpg') repeat-y;
	color:#000;
}
#main a {color:#fff;}
#container {
	clear:both;
	padding:0px;
	margin:10px;
	height:100%;
	overflow:hidden;
	background:#fff;
}
#container.home {
	padding:10px;
	margin:0;
	background:none;
}
/* This style affects the header container of the logo, company logo, search fields, company tabs */
#header {
	padding:10px 0 10px 0;
}
#header img{
	position:relative;
	left: 280px;
}

/* This section styles the top navigation elements of the website */
#navigation {
	clear:both;
	height:30px;
	text-align:center;
}
#navigation a {
	padding:5px;
	text-decoration:none;
}
#navigation a:hover {
	text-decoration:underline;
}

/* This affects all content */
#content {

}
#content a:hover {text-decoration:underline;}

#large_content {
	width: 620px;
	float:right;
	margin-top:10px;
	margin-left:10px;
	padding-right:10px;
	background:#fff;
}

#large_content a{color:#000099;}
#large_content a:hover {text-decoration:underline;}
#content p, #large_content p {
	padding-left:10px;
}


/* floating sidebar to split up the page into different columns.  Is a class because you can have multiple columns */
#sidebar {
	width: 190px;
	float: left;
	padding-top:10px;
	padding-bottom:2000px;
	margin-bottom:-2000px;
	background:#E4D9AC;
}

#sidebar ul {
	display:block;
	list-style: none;
	list-style-type:none;
	margin: 0;
	padding:0;
	padding-bottom:10px;
}

#sidebar ul li{
	margin: 0;
	padding:0;
}

#sidebar a{
	display:block;
	color:#000;
	font-size:10pt;
	padding:3px;
	padding-left:10px;
	text-decoration:none;
}

#sidebar a:hover {
	text-decoration: none;
	background:#fff;
	color:#852925;
}

.bottom_box {
	width:105px;
	margin:7px;
	padding-top:5px;
	float:left;
	display:inline;	
	text-align:center;
	line-height:1.2em;
}
.bottom_box img{
	border:2px solid #fff;
	margin-bottom:3px;
}
.bottom_box a {text-decoration:none;}

/* Styles the footer, where all of the links are held at the bottom of the page */
#footer {
	text-align: center;
	font-size:10pt;
	clear:both;
	height:101px;
	padding-right:30px;
	padding-top:20px;
	color:#fff;
	background: url('../images/footer_background.jpg') bottom no-repeat;
}
#footer a {
	padding:3px;
	text-decoration:none;
}
/* End Section Styles */

/* Individual Styles */
/* Unordered list with green arrows as bullets */
ul.arrow {
	clear:both;
	list-style:none;
	padding:0;
	margin:0;
	padding-left:10px;
}
ul.arrow li {
	background: url('../images/arrow.gif') no-repeat left 10px;
	padding:5px;
	padding-left:18px;
}
ul.arrow a {
	text-decoration: none;
	color: #006600;
}
.right {
	float:right;
	padding:15px;
}
.nowidth {width:auto;}
.red {color:#ff0000;font-weight:bold;}
/* End Individual Styles */