/**
 * 100% height layout with header and footer
 * ----------------------------------------------
 * Feel free to copy/use/change/improve
 */

html,body {
	margin:0;
	padding:0;
	height:100%; /* needed for container min-height */
	background:gray;
	
	font-family:arial,sans-serif;
	font-size:small;
	color:#666;
}

h1 { 
	font:1.5em georgia,serif; 
	margin:0.5em 0;
}

h2 {
	font:1.25em georgia,serif; 
	margin:0 0 0.5em;
}
	h1, h2, a {
		color:orange;
	}

p { 
	line-height:1.5; 
	margin:0 0 1em;
}
a {
	color: #666;
}


div#container {
	position:relative; /* needed for footer positioning*/
	margin:0 auto; /* center, not in IE5 */
	width:965px; /* real browsers */
	background-color: #FFF;
	background-image: url(images/rightrpt.jpg);
	background-repeat: repeat-y;
	background-position: right;
}

div#header {
	padding:0em;
}
	div#header p {
		font-style:italic;
		font-size:1.1em;
		margin:0;
	}

div#content {


}
.banner {
	font-family:arial,sans-serif;
	font-size:20pt;
	color:#800000;
}
div#footer {
	width:100%;
	bottom:0;
	background-image: url(images/btmrpt.jpg);
	background-repeat: repeat-x;
	height: 22px;
	color: #FFF;
	text-align: center;
	clear: both;
	float: none;
	margin-bottom: auto;
}
.layout #rightbottom {
	background-image: url(images/rightbtm.jpg);
	background-repeat: no-repeat;
	background-position: right bottom;
	height: 18px;
	width: 228px;
	margin-left: 738px;
}

	div#footer p {
		padding:1em;
		margin:0;
	}
.layout #sidebar1 {
	float: left; /* since this element is floated, a width must be given */
	width: 350px; /* padding keeps the content of the div away from the edges */
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 15px;
	padding-left: 20px;
	background-color: #FFF;
}
.layout #sidebar2 {
	float: right; /* since this element is floated, a width must be given */
	width: 228px; /* the background color will be displayed for the length of the content in the column, but no further */
	padding: 0px; /* padding keeps the content of the div away from the edges */
	background-color: #EBEBEB;
	background-image: url(images/rightrpt.jpg);
	background-repeat: repeat-y;

}
.layout #mainContent {
	margin-right: 240px;
	margin-bottom: 0;
	margin-left: 400px;
	padding-top: 40px;
	padding-right: 10px;
	padding-bottom: 0;
	padding-left: 10px;
} 
.layout #mainContent2 {
	margin-right: 240px;
	margin-bottom: 0;
	margin-left: 10px;
	padding-right: 10px;
	padding-bottom: 0;
	padding-left: 10px;
}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:left;
	height:0;
	font-size: 1px;
	line-height: 0px;
}
.layout #sidebarheading{
	font-weight: bold;
	color: #FFF;
	background-image: url(images/righttop.jpg);
	background-repeat: no-repeat;
	height: 44px;
	width: 228px;
}
.layout #headings{
	color: #003368;
	font-weight: bold;
}
.layout #nav{
	background-image: url(images/nav.jpg);
	background-repeat: no-repeat;
	height: 33px;
	width: 965px;
}
li {
	list-style-image: url(images/bullet.jpg);
	list-style-position: outside;
	margin-left: -20px;
}
.borderbox2 {
	padding-left: 5px;
	border-left-width: 5px;
	border-left-style: solid;
	border-left-color: #CCC;
	border-right-width: 5px;
	border-right-style: solid;
	border-right-color: #CCC;
}
.redtext {
	color: #666;
}
.borderbox3 {
	padding-left: 5px;
	border-left-width: 5px;
	border-left-style: solid;
	border-left-color: #CCC;
	padding-top: 0px;
	padding-bottom: 0px;
	border-right-width: 5px;
	border-right-style: solid;
	border-top-color: #CCC;
	border-right-color: #CCC;
	border-bottom-color: #CCC;
}