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

html{
	width:100%;
}

body{
	background-color:#28170C;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:14px;
	color:#FFFFFF;
	text-align:center;
	margin:0px;
	margin-left:auto;
	margin-right:auto;
	padding:0px;
}
#flash{
	background-image:url(Images/web_02.gif);
	background-repeat:no-repeat;
	background-position:top center;
	min-height:198px;
	padding:0px;
	margin:0px;
	margin-left:auto;
	margin-right:auto;
	width:1000px;
}

#Content{
	background-image:url(Images/web_04.gif);
	background-position:center;
	background-repeat:repeat-y;
	width:1000px;
	text-align:center;
	margin-left:auto;
	margin-right:auto;
}
#Content:after { 
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden; 
 }
#ContentWrap{
	width:1000px;
	text-align:center;
	margin-left:auto;
	margin-right:auto;
	padding:0px;
	background-image:url(Images/web_05.gif);
	background-position:center bottom;
	background-repeat:no-repeat;
	min-height:74px;
}
#ContentWrap:after { 
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden; 
 }
#Wrap{
	width:900px;
	text-align:center;
	margin-left:auto;
	margin-right:auto;
	padding:0px;
}
#Wrap:after { 
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden; 
 }

#LeftColumn{
	width:225px;
	text-align:center;
	margin-left:auto;
	margin-right:auto;
	float:left;
}
.LeftColumn{
	width:49%; 
	text-align:left; 
	float:left;
}
#LeftColumn:after { 
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden; 
 }

#RightColumn{
	width:675px;
	text-align:center;
	margin-left:auto;
	margin-right:auto;
	float:left;
}

#RightColumn:after { 
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden; 
 }

#Footer{
	background-image:url(Images/web_06.gif);
	background-position:top center;
	background-repeat:no-repeat;
	min-height:115px;
	margin-left:auto;
	margin-right:auto;
	width:1000px;
}
#links{
	width:206px;
	background-image:url(Images/linkcolumn_02.png);
	background-position:center;
	text-align:center;
	margin-left:auto;
	margin-right:auto;
}
.links{
	width:186px;
	text-align:left;
	margin-left:auto;
	margin-right:auto;
}
.links a{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:16px;
	color:#FFF;
	text-transform:uppercase;
	text-align:left;
	width:186px;
	text-decoration:none;
}
.links a:hover{
	color:#28170C;
}

#Text{
	width:656px;
	background-image:url(Images/content_02.png);
	background-repeat:repeat;
	background-position:center;
	text-align:center;
	margin-left:auto;
	margin-right:auto;
	min-height:395px;
}
.text{
	width:600px;
	text-align:left;
	padding:0px 0px 0px 35px;
	margin:0px;
}
.text:after { 
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden; 
 }
.textRightColumn{
	width:49%; 
	text-align:left; 
	float:right;
	margin-bottom:5px;
}
.textLeftColumn{
	width:49%; 
	text-align:left; 
	float:left;
	margin-bottom:5px;
}
.text h1{
	font-size:15px;
	font-weight:bold;
	padding:0px;
	margin:0px;
}
.text a{
	color:#ffffff;
	text-decoration:none;
	font-weight:bold;
}
.text a:hover{
	color:#28170C;
}

.title{
	background-image:url(Images/title.png);
	background-repeat:no-repeat;
	min-height:44px;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:24px;
	padding:12px 0px 0px 80px;
	margin:0px;
	text-align:left;
}

.cssform p{
width: 300px;
clear: left;
margin: 0;
padding: 5px 0 8px 0;
padding-left:100px;
border-bottom: 1px dashed #28170C;
height: 1%;
text-align:left;
}

.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: 150px;
}

/*.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;
}

img a{
	border-color:#FFF;
	border-width:1px;
}
img a:hover{
	border-color:#FFF;
	border-width:1px;
}

a{
	color:#FFF;
}
a:hover{
	color:#28170C;
}