@charset "utf-8";
@import "../css/undohtml.css"; /* Links to CSS document to clear all browser default settings*/

html {
	height: 100%;
	margin-top: -1px;
	margin-bottom: -1px;
}
body {
	font-family: trebuchet ms, Arial, sans-serif;
	margin: 0px; /* Sets entire page right up against the edge of the browser */
	padding: 0px; /* Sets entire page right up against the edge of the browser */
	text-align: left; /* x-aligns all text on the page */
	line-height: 180%; /* Sets the spacing of all text on the page*/
	color: #888888; /* Sets the text color for the entire page */
	font-size: 90%;
	background-color: white;
	background-repeat: repeat-x;
	background-position: left top; /* Sets the header background pattern */
	background-image: url(../images/navbar/header-bg180-g.png);
	height: 100%;
	width: 100%;
}
#contentbox1 {
	background-image: url(../images/navbar/12.png); /* Sets the repeating LH border */
	background-repeat: repeat-y;
	background-position: left top; /*  */
	text-align: left; /* Undoes the "text-align: center" defined in the body above */
	width: 85%; /* Allows the main content to be liquid but always at 85% of total page width */
	margin-left: auto; /* This line and the next keep the header centered on the page */
	margin-right: auto;
	min-width: 892px;
	margin-top: 0px;
	margin-bottom: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	background-color: transparent;
	min-height: 100%;
	position: relative;
}
#contentbox2 {
	margin-left: auto; /* This line and the next keep the div centered on the page */
	margin-right: auto;
	min-width: 800px;
	width: 100%;
	position: absolute;
	height: 100%;
}
#rhsidebar {
	background-image: url(../images/navbar/12-R.png);
	background-repeat: repeat-y;
	background-position: right top;
	height: 100%;
	position:absolute;
	right: 0px;
	width: 13px;
	padding-right: 0px;
}
#content {
	min-width: 800px; /* Manually sets the width of the content div to match the width of the main site logo minus 13px to compensate for the margin offset below */
	min-height: 100%;
	margin-left: auto; /* This line and the next keep the content centered on the page */
	margin-right: auto;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	position: relative;
}
#headerbox1 {
	background-repeat: repeat-y;
	background-position: right top;
	width: 100%;
	margin-left: 0px;
	margin-right: auto;
	min-width: 879px;
	position:relative;
}
#headerbox2 {
	text-align: left;
	height: 180px; /* Manually sets the height of the headerbox */
	margin-left: auto;
	margin-right: auto;
	min-width: 879px;
}
#headerbox3 {
	padding-right: 0px;
	padding-left: 0px;
}
#header {
	margin-left: auto; /* This line and the next keep the header centered on the page */
	margin-right: auto;
	text-align: left;
	height: 180px; /* Manually sets the header height to match the main site logo's height */
}
#template {
	padding-left: 30px;
	padding-right: 30px;
	padding-top: 20px;
	padding-bottom: 180px;
}
#footerwrapper {
	min-width: 892px;
	width: 85%;
	margin-left: auto; /* This line and the next keep the content centered on the page */
	margin-right: auto;
	margin-top: -142px; /* This pushes the entire footer section back up into view */
	margin-bottom: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	position: relative;
}
#footerwrapper1 {
	min-width: 862px;
	margin-top: 0px;
	margin-bottom: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
}
#footeradwrapper {
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	margin-top: 0px;
	margin-bottom: 10px;
	width: 728px;
	height: 90px;
}
#footer {
	padding-top: 5px;
	padding-bottom: 5px;
	margin-left: auto; /* This line and the next keep the footer centered on the page */
	margin-right: auto; /* Allows the footer to be liquid but always at 85% of total page width */
	min-width: 862px; /* Manually sets the width of the footer to never be less than the width of the content div. */
	border: thin solid #666666;
	background-color: #333333;
	margin-top: 0px;
	margin-bottom: 0px;
	height: 30px;
	text-align: center;
}
* html #wrapper-contentbox1 { 
	height: 1%; /* Some random HTML hack */
}
.centered { 		/* Used to center images within their respective divs */
	display: block;
	margin-right: auto;
	margin-left: auto;
}
h1 {
	font-size: 180%;
	font-weight: bold;
	color: #666666;
}
h2 {
	font-size: 110%;
	color: #5b8fbe;
}
h3 {
	font-size: 100%;
}
h6 {
	font-size: 100%;
	font-style: italic;
	color: #000000;
	clear: both;
}
a:link {
	color: #5b8fbe;
	text-decoration: underline;
}
a:visited {
	color: #5b8fbe;
	text-decoration: underline;
}
a:hover{
	color: #666;
	text-decoration: underline;
}
img {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
/* Thanks to Brian Williams for his article on drop shadows.  Taken from here: http://www.alistapart.com/articles/onionskin/ */
.wrap1, .wrap2, .wrap3 {
	display:inline-table;
	/* \*/display:block;/**/} 
.wrap1 {
	float:left;
	background-image: url(../images/dropshadows/shadow.gif);
	background-repeat: no-repeat;
	background-position: right bottom;
}
.wrap2 {
	background-image: url(../images/dropshadows/corner_bl.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
}
.wrap3 {
	padding:0 12px 12px 0;
	background-image: url(../images/dropshadows/corner_tr.gif);
	background-repeat: no-repeat;
	background-position: right top;
}
.wrap3 img {
	display:block;
	border:1px solid #ccc;
	border-color:#efefef #ccc #ccc #efefef;}
#imagewrapper {
	height: auto;
	margin-left: auto;
	margin-right: auto;
	width: auto;
}
* + html #imagewrapper { /* conditional comments for IE7 */
	width: 1px;
	margin-left: 0px;
}
#outerimagewrapper {
	text-align:center;
	background-color: #CC3300;
}
.image {
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	width: 1px;
}
#tableclear {
	clear: both;
	}
.indented	{
	text-indent: 16px;
}