/* Neutralize styling: 
   Elements we want to clean out entirely: */
html, body, form, fieldset {
        margin: 0;
        padding: 0;
        font: 100.01%/120% Verdana, Arial, Helvetica, sans-serif;
		height: 100%;
}
body {
	background: #300 url("images/background.jpg") repeat top left;
	font-size: 1em;
	color: #333;
}
a {color: #f63 !important;text-decoration:underline !important;}
a:hover {color: #333 !important;text-decoration:underline !important;}

/* Neutralize styling: 
   Elements with a vertical margin: */
h1, h2, h3, h4, h5, h6, p, pre,
blockquote, ul, ol, dl, address {
        margin: 1em 0;
        padding: 0;
}

/* Apply left margin:
   Only to the few elements that need it: */
dd, blockquote {
        margin-left: 1em;
}

/* Clean up ul and li*/
ul {margin:0;display:block;padding:0px;}
li {list-style:none;float:left;display:block;padding:0;margin:0;}


/* Miscellaneous conveniences: */
form label {
        cursor: pointer;
}
fieldset {
        border: none;
}
input, select, textarea {
        font-size: 100%;
		font-family: inherit;
}
img {border: 0px;}


/*-----------------------------------------------------------------------*/


/* main layout */
#container {
	position:relative; /* needed for footer positioning*/
	margin:0 auto; /* center, not in IE5 */
	width:800px;
	background-image:url("images/rail-white.gif");
	background-color: transparent;
	background-repeat: no-repeat;		
	height:auto !important; /* real browsers */
	height:100%; /* IE6: treaded as min-height*/
	min-height:100%; /* real browsers */
}

#header {
	height: 265px;
	padding: 0;
	margin: 0;
	width: 800px;	
}

#menu-container {
	background: #300 url("images/menu-background.jpg") repeat-x top left;
	height:32px;
	margin: -4px 10px 0 10px;
	padding: 0 53px;
}
#menu {width: 674px;height:32px;}
#menu li {margin: 0 18px 0 0;height:32px;}
#menu li.menu-last {margin: 0;height:32px;}

#content {
	clear:left;
	margin:0;
	padding-bottom: 250px;
	width: 800px;
}

#one-col-body,
#home-col-body {	
	margin: 38px 75px 0px 75px;
	padding: 38px 0 0 0;
	width: 650px;
}
#one-col-body{padding: 24px 0 0 0;}

#one-col-body h1,
#home-col-body h1 {
	color: #8C1229;
	font: italic 32px/40px Georgia, "Times New Roman", Times, serif;
	padding:0;
	margin:0;
}

#one-col-body h2,
#home-col-body h2 {
	color: #421A18;
	font: normal 22px/32px Georgia, "Times New Roman", Times, serif;
}

#one-col-body .two-col h2,
#one-col-body .left-col h2,
#one-col-body .right-col h2,
#one-col-body .left-3-col h2,
#one-col-body .right-3-col h2,
#one-col-body .center-col h2 {
	color: #8C1229;
	font: italic 18px/22px Georgia, "Times New Roman", Times, serif;
	margin: 0 0 5px 0;
	padding: 0;
}
#one-col-body .left-col h2.empty{margin:0 0 20px;}
#one-col-body h2 p {
	color: #421A18;
	font: normal 18px/22px Georgia, "Times New Roman", Times, serif;
}
.mid-header {margin:15px 0 6px;}

.two-col {
	padding: 0;
	margin: 30px 0 0 0;
	width:650px;
}
.two-col li {margin:0 0 20px;width: 300px;}
.two-col li.first {margin-right:50px;}

p.basic,
.two-col, 
.left-col, 
.right-col,
.left-3-col,
.right-3-col,
.center-col {
	color: #333;
	font: normal 14px/16px Georgia, "Times New Roman", Times, serif;
}
.two-col p {margin:0;}
p.basic, .left-col p, .right-col p, .left-3-col p, .right-3-col p, .center-col p {margin:0 0 20px;}

.left-col, .right-col {width:300px;margin-top:30px;}
.left-col, .left-3-col, .center-col {float:left;}
.right-col, .right-3-col {float:right;}
.left-3-col, .right-3-col, .center-col {width:200px;margin-top:10px;}
.left-3-col, .center-col {margin:10px 25px 0 0}

span.sub {color:#8C1229;}

#footer-red {
	background: #8C1229 url("images/rail-red.jpg") repeat-y top left;
	position:absolute;
	width:100%;
	bottom:0; /* stick to bottom */
}


.hide {display:none;}

.clear {clear:both;}