body {
	background: #fff;
	margin: 0px;
}

ul, dl, p, a, h1, h2, h3, h4, h5 {
	padding: 0;
	margin: 0;
}

/*=============================================General Layout Styles===================================================*/

#globalnav {
	height: 25px; 
	padding: 0 10px 0 0; 
	text-align: right; 
	background: #660000;
	color: #fff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: small; 
	font-weight: bold;
}
#globalnav ul {
	list-style-type: none; 
	margin: 0; 
	padding: 3px 0 0 0; 
	width: 100%;
}
#globalnav li {
	display: inline; 
	padding: 0px 3px;   
	border-right: solid 1px white;
}
#globalnav li.last {
	border-right: none;
}
#globalnav a {
	color: #fff; 
	font-size: small; 
	font-weight: bold; 
	text-decoration: none;
}
#globalnav a:hover {
	color: #fff;
	text-decoration: underline;
}

#branding {
	background: #666633 url(../images-layout/header2.jpg) no-repeat; 
	height: 150px; 
	border-bottom: 8px solid #333300;
}
#branding h1#brandingheader {
	text-indent: -9999em;
}
#container { 
	width: 100%; 
	float: left; 
	margin-right: -300px; 
	border-top: solid 6px #c99900;
}
#innercontainer { 
	margin-right: 300px; 
}
#leftcolumn { 
	width: 250px; 
	float: left; 
	padding: 30px 0px;
	border-right: solid 1px gray;
}
#middlecolumn { 
	margin-left: 250px;
	padding: 30px 0px;
}
#rightcolumn { 
	width: 300px; 
	float: right;
	padding: 36px 0px 1em 0px;
}

#footer {
	clear: both; /*Clears the column divs above, forcing the footer to the bottom of the page.*/
	background: #c99900; /*Sets the gold background color*/
	color: #000; /*Sets the font color to black.*/
	font: 75% Geneva, Arial, Helvetica, sans-serif;
	text-align: center; /*Centers the text on the page*/
}

div.featurebox {
	width: 230px; 
	margin: 2em auto 1em auto; 
	background-color: #ffffcc; 
}
div.featurebox h1 {
	background-color: #000; 
	color: #fff; 
	margin: 0px;
}
div.featurebox p {

}
* html div.featurebox {margin-left: 10px;} /*So IE6 will center the div*/


/*======================================================Styles for the text======================================================*/

#leftcolumn h1 { /*Make sure to type the headers as all caps*/
	font: 130% Arial, Helvetica, sans-serif;
	color: #c99900;
	font-weight: bold;
	/*margin: 0px 20px;*/
}
#leftcolumn p {
	font: .75em Verdana, Arial, Helvetica, sans-serif;
	color: #333;
	margin: 0px 30px 1em 20px;
}
#leftcolumn p.subhead { /*Styles the subheader under a header with a gray color - be sure to type in all caps*/
	color: #ccc;
}
#leftcolumn a {
	color: #333;
}
#middlecolumn h1 { /*Make sure to type the headers as all caps*/
	font: 130% Arial, Helvetica, sans-serif;
	color: #c99900;
	font-weight: bold;
	margin: 0px 20px 0px 40px;
}
#middlecolumn h2 {
	font: 115% Arial, Helvetica, sans-serif;
	color: #94a02e;
	margin: 0px 20px 0px 40px;
}
#middlecolumn h3 {
	font: 100% Arial, Helvetica, sans-serif;
	color: #666;
	margin: 0px 20px 0px 40px;
}
#middlecolumn p {
	font: .75em Verdana, Arial, Helvetica, sans-serif;
	color: #333333;
	margin: 0px 20px 1em 40px;
}
#middlecolumn p.subhead { /*Styles the subheader under a header with a gray color - be sure to type in all caps*/
	color: #ccc;
}
#middlecolumn ul {
	margin: 0px 20px 1em 60px;
	font: .75em Verdana, Arial, Helvetica, sans-serif;
}
#middlecolumn ul li {
}
#middlecolumn table {
	margin: 0px 20px 1em 40px;
}
#middlecolumn a {
	color: #666;
	text-decoration: none;
}
#middlecolumn a:hover {
	text-decoration: underline;
}
#middlecolumn img {
	margin: 1em 1em 1em 40px;
}
#rightcolumn h1 { /*Make sure to type the headers as all caps*/
	font: 130% Arial, Helvetica, sans-serif;
	color: #c99900;
	font-weight: bold;
	margin: 0px 20px;
}
#rightcolumn h2 {
	font: 115% Arial, Helvetica, sans-serif;
	color: #94a02e;
	margin: 0px 20px;
}
#rightcolumn h3 {
	font: 100% Arial, Helvetica, sans-serif;
	color: #666;
	margin: 0px 20px;
}
#rightcolumn p {
	font: .75em Verdana, Arial, Helvetica, sans-serif;
	color: #333333;
	margin: 0px 20px 1em 20px;
}
#rightcolumn p.subhead { /*Styles the subheader under a header with a gray color - be sure to type in all caps*/
	color: #ccc;
}
#rightcolumn ul {
	list-style: none;
	margin: 0px 20px 0px 20px;
	font: .75em Verdana, Arial, Helvetica, sans-serif;
}
#rightcolumn li {
	margin: 0px; 
	padding: 6px 0 3px 15px; 
	font-size: 9px; 
	font-weight: bold; 
	color: #C7C7C7;
}
#rightcolumn li a {
	text-decoration: none;
	color: #666;
}
#rightcolumn li a:hover {
	text-decoration: underline;
}
#rightcolumn li.d_bg {
	background: #ededed;
}
#rightcolumn li.d2_bg {
	background: #F9F9F9;
}


/*==============================================Styles for the Main Navigation Drop Down Menu==========================================*/

body {behavior: url(../csshover.htc);} /* WinIE6 behavior call */
div#mainnavigation {/*This is the div that contains the navigational links*/
	background: #0e1b23; /*same color as bottom of header graphic*/
	height: 30px; /*Gives the div a height so you can see the background*/
	font: 85% Geneva, Arial, Helvetica, sans-serif; /*sets the font*/
}
div#mainnavigation ul#mainnav {/*This is the main unordered list that powers the navigational links*/
	margin: 0; /*Removes any margin*/
	padding: 6px 0 0 0; /*Adds a little space at top so nav links appear to be centered vertically*/
}
div#mainnavigation ul#mainnav li {/*Sets the styles for the list items in the unordered list*/
	position: relative; 
	list-style: none; /*Removes the bullet*/
	margin: 0; /*Removes any margin*/
	float: left; /*Makes the list items appear horizontally in a row*/
	width: 12em; /*Sets the width*/
	line-height: 1em; /*Sets the height of each line*/
}
div#mainnavigation ul#mainnav li:hover {
	background: #c99900; /*Gives a gold background color to the main links when moused over*/
}
div#mainnavigation ul#mainnav li a {/*Sets the styles for all the links in the list*/
	color: #fff; /*Makes all the links white*/
	display: block; /*Makes the a tag a block level element instead of an inline*/
	padding: 0.25em 6px; /*Gives it some space - vertical padding is important*/
	text-decoration: none; /*Removes the underline from the link*/
	width: 11em; /*Sets the width that the link text can expand to. Keep this 1em smaller than the li size.*/
	text-align: center; /*Sets all the links to the center*/
}
div#mainnavigation ul#mainnav ul { /*Styles the second level unordered list. Third level inherits these styles*/
	position: absolute; 
	width: 12em; /*Sets the width. Should be same as above.*/
	display: none; /*Hides the list so it only appears when moused over*/
}
div#mainnavigation ul#mainnav ul li {
	border-bottom: 1px solid #ccc;/*This gives a bottom border to all the list items in the drop down menu*/
}
div#mainnavigation ul#mainnav li.submenu:hover {
	background: #c99900 url(../images/dropmenu.gif) 96% 50% no-repeat;/*Gives a gold color and adds an arrow to the list when moused over.*/
}
div#mainnavigation ul#mainnav li.submenu li.submenu {
	background: #0e1b23 url(../images/submenu.gif) 96% 50% no-repeat;
}
div#mainnavigation ul#mainnav li.submenu li.submenu:hover {/*This controls the 2nd level list with a submenu*/
	background-color: #c99900; /*Adds a gold color to the 2nd level list when moused over.*/
}
div#mainnavigation ul#mainnav li.submenu li.submenu li:hover {/*This controls the 3rd level list hover color*/
	background-color: #c99900;
}
div#mainnavigation ul#mainnav.level1 li.submenu:hover ul.level2 {/*This controls the 2nd level unordered list.*/
	display: block; 
	background: #0e1b23; /*Adds the dark background to the 2nd tier unordered list.*/
}
div#mainnavigation ul#mainnav ul.level2 li.submenu:hover ul.level3 {/*This controls the 3rd level unordered list.*/
	display: block; 
	background: #0e1b23; /*Adds the dark background to the 3rd tier unordered list.*/
}
div#mainnavigation ul#mainnav ul.level2 {
	top: 1.5em; /*Moves the second level drop down menu down so it appears to be attached to the menu above.*/
}
div#mainnavigation ul#mainnav ul.level3 {
	top: -1px; 
	left: 12em; /*This moves the third tier of links over to the right so you can see them.*/
	border-top: 1px solid #CCC; /*Gives the third tier of links a border between them.*/
}