html, body {
	height: 100%;
}

body {
	margin: 0px;
	padding: 0px;
	background: #4467C5 url(/images/header-sides.jpg) repeat-x left top;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #75819F;
}

h1 { 
	margin: 0;
	font-weight: normal;
	color: #009B12;
	font-size: 24px;
}

h2 {
	margin: 0;
	font-weight: bold;
	color: #75819F;
	font-size: 13px;
} 

ul {
	margin-top: 0px;
	margin-bottom: 0px;
}

ul {
	margin-top: 0px;
	margin-bottom: 0px;
	line-height: 20px;
	margin-left: 0px;
	padding-left: 0px;
	list-style: none;
}

.ul-style1 {
	color: #FFFFFF;
}

strong {
	color: #525D77;
}

a {
	color: #525D77;
	text-decoration: none; 
}

a:hover {
	text-decoration: underline; 
}

a img {
	border: none;
}

.hr1 {
	margin-bottom: 20px;
	border-bottom: 1px solid #809CE0;
}

/** WRAPPER */

.container {
	width: 900px;
	margin: 0px auto;
}

.Clear {
	clear: both;
}

/** HEADER */

#header {
	height: 100px;
	background: url(/images/header-right.jpg) no-repeat right top;
}

/** MENU */

#menu {
	float: right;
	width: 600px;
}

#menu ul {
	float: right;
	margin: 0px;
	padding: 47px 0px 0px 0px;
	list-style: none;
	line-height: normal;
}

#menu li {
	float: left;
	height: 30px;
	padding: 15px 20px 0px 20px;
	border-left: 1px solid #1A50AE;
}

#menu li.first {
	border: none;
}

#menu a {
	text-decoration: none;
	font-size: 12px;
	color: #FFEA38;
}

#menu a:hover {
	text-decoration: underline;
}

/** PAGE */

#page {
	background: #FFFFFF url(/images/border-sides.jpg) repeat-y left top;
}

#page-bg-top {
	background: url(/images/border-top.jpg) no-repeat left top;
}

#page-bg-btm {
	padding: 20px 40px 20px 30px;
	background: url(/images/border-bottom.jpg) no-repeat left bottom;
}

/** CONTENT */

#content {
	float: right;
	width: 570px;
}

/** SIDEBAR */

#sidebar {
	float: left;
	width: 190px;
	color: #FFFFFF;
}

#sidebar h2 {
	color: #FFEA38;
}

#sidebar a {
	color: #FFFFFF;
	text-decoration: none;
}

#sidebar a:hover {
	text-decoration: underline;
}

/** FOOTER */

#footer {
	height: 100px;
	background: url(/images/double-footer.jpg) no-repeat left top;
}

#footer p {
	margin: 0px;
	padding: 40px 0px 0px 0px;
	text-align: center;
	color: #BCCEFB;
}

#footer a {
	color: #F0F0F0;
}


.SearchFormField {
	width: 250px;
	height: 14px;
	vertical-align: top;
	margin: 3px 0 0 0;
	font-size: 11px;
}

/* sliding doors buttons and input submit buttons */
.btn-green, 
.btn-green span {
	float: left;
	background-image: url(/images/btn-green.png);
	background-repeat: no-repeat;
	height: 22px;
}	
.btn-green {
	background-position: 100% -50px; /* use second part of the image */
	padding-right: 13px; /* space between text and right edge of button */
}
.btn-green span {
	background-position: top left; /* use the left part of the image */
	padding-left: 15px; /* space between text and left edge of button */
	padding-top: 3px; /* space between top of image and link text */
	color: #FFFFFF; /* text color */
	font-size: 11px;
	cursor: pointer; /* makes sure span looks like it is part of the link w/ hand pointer */
}
.btn-green:hover {
	text-decoration: none; /* don't underline when hovered over */
}

.ipt-green {
	position: relative; /* necessary for the input's absolute attribute to work */
	display:-moz-inline-stack; /* forces button to be displayed to the left of the last element */
	display:inline-block; /* forces button to be displayed to the left of the last element */
	zoom:1; /* forces button to be displayed to the left of the last element */
	*display:inline; /* forces button to be displayed to the left of the last element */
	margin-top: 3px; /* lines the button up better with the input field to the left */
}
.ipt-green span span,
.ipt-green input {
	font-size: 12px;	
}
.ipt-green span, 
.ipt-green span span {
	background-image: url(/images/btn-green.png);
	background-repeat: no-repeat;
	height: 22px; /* height of the background image */
}	
.ipt-green span{
	float: left; /* keeps the right next to the left, ignoring the input element */
	background-position: 100% -50px; /* use second part of the image */
	padding-right: 15px; /* space between text and right edge of button */
}
.ipt-green span span {
	background-position: top left; /* use the left part of the image */
	padding-left: 18px; /* space between text and left edge of button */
	padding-right: 0; /* undoes the parent div padding */
	padding-top: 3px; /* space between top of image and link text */
	color: #FFFFFF; /* text color */
}
.ipt-green input { /* be sure input text matches span's text for widths to work out the same */
	position: absolute; /* overlaps input over divs */
	left: 0px; /* overlaps input over divs */
	filter:alpha(opacity=0); /* make the input button invisible */
	opacity:0; /* make the input button invisible */
	overflow: visible; /* fixes problem with ie adding extra padding around button text */
	padding-left: 14px; /* match padding to divs padding (minus a few pixels) */
	padding-right: 13px; /* match padding to divs padding (minus a few pixels) */
	cursor: pointer; /* make it look like a link */
}
