/* CSS Document */

/*******************************************************/
/*************||  MAIN LAYOUT ELEMENTS  ||**************/

body {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	/*background-color:#000000;*/
	background-image:url(images/site_bg.jpg);
}
tr {}
td {}
table {}
div {}
br {}
hr {}
form {}
lebel {}
input {}

h1 {font-size:13px;font-weight:bold;color:#892E2D;}
h2 {}
h3 {}
h4 {}
h5 {}
h6 {}

/*******************************************************/
/*************||  CONTAINER FORMATTING  ||**************/

.page_container {
	width:780px;
	height:720px;
	margin:0 auto; 
	padding:15px;
	background-color:#FFFFFF;
}
.header {
	background-image:url(images/home_bg_master_01.jpg);
	background-repeat:no-repeat;
	background-position:top left;
	height:163px;
}
.page_middle {height:537px;}
.page_middle .left_col {
	height:537px;
	width:85px;
	vertical-align:top;
	float:left;
	background-image: url(images/home_bg_master_02.jpg);
	background-position:top left;
	background-repeat:none;
}
.page_middle .copy_area {
	height:537px;
	width:695px;
	vertical-align:top;
	float:left;
	background-image:url(images/home_bg_master_03.jpg);
	background-position:top left;
	background-repeat:none;
}
.footer {
	background-color:#746b62;
	color:#ddd6b9;
	height:20px;
}

/*******************************************************/
/*************||  HEADER FORMATTING  ||*****************/

.global {}
.global a {}
.global a:hover {}
.global a:visited, a:active {}

.header #home {
	float:right;
	padding:2px 15px 2px 15px;
	margin:137px 20px 0 0; 
	font-size:15px;
	/*border-top:1px solid #FFFFFF;
	border-bottom:1px solid #FFFFFF;*/
	color:#FFFFFF;
	text-decoration:none;
}
.header #home:hover {color:#660000;}

/*******************************************************/
/*************||  CONTENT AREA FORMATTING  ||***********/

.content_main {}
.content_main a {}
.content_main a:hover {}
.content_main a:visited, a:active {}

/*******************************************************/
/*************||  CONTENT AREA FORMATTING LC  ||********/

.left_col .frame {margin:0px;padding:0;}
#masterdiv {margin-top:50px;}
.menutitle{
	cursor:pointer;
	padding-bottom:2px;
	width:100%;
	color:#160000;
	text-transform:uppercase;
	font-size:10px;
	font-weight:bold;
	/*/*border-top:1px solid #FFFFFF;/* */
	border-bottom:1px solid #FFFFFF;
}
.submenu{margin-bottom: 0.5em;background-color:#FFFFFF;border-top:1px solid #746B62;border-bottom:1px solid #746B62;}
.submenu ul {margin:0; padding:7px 0;}
.submenu ul li {
	list-style-type:none;
	/*&margin-top:2px;
	margin-bottom:2px;*/
}
.submenu ul li a {
	color:#160000;
	display:block;
	margin:1px 0;
	padding:3px 2px 3px 2px;
	border-bottom:1px solid #DDD6B9;
	text-decoration:none;
	font-size:10px;width:80px;
}
.submenu ul li a:hover {/*background-color:#DDD6B9;*/ border-bottom-color:#333333;color:#330000;}
.submenu ul li a:active, a:visited {color:#160000;}
.divider {height:5px;}

/*******************************************************/
/*************||  CONTENT AREA FORMATTING MC  ||********/

.copy_area .frame {margin:20px;}
.copy_area #frame {background:transparent;}

/*******************************************************/
/*************||  FOOTER FORMATTING  ||*****************/

.footer_main {}
.footer_main a {font-size:9px;color:#FFFFFF;text-decoration:none;}
.footer_main a:hover {color:#DDD6B9;}
.footer_main a:visited, a:active {color:#FFFFFF;}

/*******************************************************/
/*************||  FORM AREA FORMATTING  ||**************/

form {margin:0;}
.cssform p{
clear: left;
margin: 0;
padding: 5px 0 8px 0;
padding-left: 155px; /*width of left column containing the label elements*/
border-top: 1px dashed gray;
height: 1%;
}

.cssform label{
font-weight: bold;
float: left;
margin-left: -155px; /*width of left column*/
width: 150px; /*width of labels. Should be smaller than left column (155px) to create some right margin*/
}

.cssform input[type="text"]{ /*width of text boxes. IE6 does not understand this attribute*/
width: 180px;
}

.cssform textarea{
width: 250px;
height: 100px;
}

/*.threepxfix class below:
Targets IE6- ONLY. Adds 3 pixel indent for multi-line form contents.
to account for 3 pixel bug: http://www.positioniseverything.net/explorer/threepxtest.html
*/

* html .threepxfix{
margin-left: 3px;
}