html{
margin:0;
padding:0;
}

body {
	padding: 0;
	font: 100% Arial, Helvetica, sans-serif;
	background-color: #293038;
	margin-top: 0px;
	text-align: center; /* centering the content for IE6 */
	line-height: 140%;
	color: #293038;
	margin: 0 auto;
}
#wrapper {
/*	display:table;  must put this in for FireFox. */
	width:803px; /* for IE6 and Firfox centering */
	text-align:left;
	height:100%;  /*Have to put SOMETHING in here for the height for both
browser. DO NOT put in a percentage, must be a pixel value */
	margin: 0 auto;
}

#header{
	background-image: url(headerbg.jpg);
	height: 175px;
	margin-top: 0px;
	width: 760px;
}
#menu{
	float:left; /* float the menu to the left */
	text-align:center;
	height:100%; /* so the menu has the height of the main content and
visa versa */
	min-width: 34px;
	width: 36px;
}
#divider{
	width: 803px;
	margin-top: 10px;
	color: #CD3528;
	background-color: #CD3528;
	margin-bottom: 10px;
	height: 5px;
	clear: both;
	padding-bottom: 0px;
}
#content{
	background-color: #FFFFFF;
	overflow: visible;
	float:left; /* float the content to the right */
	width:760px; /* original 490px */
	height:100%;/* so the content has the height of the menu and visa
versa */
	font-size: 90%;
	margin: 0;
	padding: 0;
	vertical-align: top;
	background-image: url(cube.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
	text-align:left;
}
.pagetitle{
	color: #C73528;
	font-size: 26px;
	text-transform: uppercase;
}
.menu-child a, .menu-sibling a, .menu-current a{
	color: #2C3948;
	font-size: 18px;
	text-transform: uppercase;
	line-height: 150%;
	text-decoration: none;
}

.menu-child a:hover, .menu-sibling a:hover, .menu-current a:hover{
text-decoration:underline;
}
ul.menu-child, ul.menu-sibling{
}

li.menu-child, li.menu-sibling, li.menu-current{
	list-style-type:none;
	text-indent: -41px;
}
.padding10{
padding:10px;
}
li.menu-current a{
	color: #CD3528;
	font-weight: bold;
}