/* CSS Document */

/* YUI fonts.css */
body {font:13px/1.22 arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}
table {font-size:inherit;font:100%;}
/**
 * Bump up IE to get to 13px equivalent
 */
pre,code,kbd,samp,tt {font-family:monospace;*font-size:108%;line-height:99%;}



/* redefinitions */
body {
	/* font-family: Verdana, Geneva, Arial, sans-serif; */
	color: #333333;
}
h1, h2, h3, h4, h5, h6, h7, h8, p {
	margin: 1em 0 1em 0;
}
h1 { font-size: 153.8%; color: #187492; } /* 20px */
h2 { font-size: 123.1%; } /* 18px */
h3 { font-size: 107.7%; color: #3E788C; } /* 15px */

/* structural */
/* window/page */
body {
	background-color: #CCCCCC; 
	text-align: center;
	margin: 0px;
	padding: 0px;
	font-size: 12px;
}
#page {
	background: url(/images/page_back.jpg) repeat-y 50% 0px;
	margin: 0px auto;
	padding: 0px;
	width: 812px;
	text-align: left;
}
/* header area */
#hd {
	margin: 0px 30px;
	background: transparent url(/images/head_bar.png) no-repeat 50% 0px;
	height: 31px;
	border-bottom: 1px solid #ffffff;
	font-size: 10px;
}
#hnav { 
	float: right;
	margin: 0 25px 0 0;
	padding: 0px;
	list-style-type: none;
	margin-top: 9px;
}
#hnav li {
	float: left;
}
#hnav a {
	color: #ffffff;
	text-decoration: none;
}
#hnav a:hover {
	text-decoration: underline;
}
/* content area */
#bd {
	background-color: #666666;
	margin: 0px 30px;
}
/* upper 2 col split - left col */
#bd-top-left { 
	border: 1px solid #ffffff;
}
/* upper 2 col split - right cell */
#bd-top-right { 
	border: 1px solid #ffffff;
	background-color: #60A3C6;
	padding: 0 0 0 25px;
}
/* lower 3 col section */
#bd-bottom {
	background-color: #ffffff;
}
#content { 
	background-color: #ffffff;
	padding: 10px 45px 30px 45px;
	min-height: 350px;
	line-height: 1.5em;
}


/* text styling */
#bd-top-right h1 {
	color: #ffffff;
	font-weight: bold;
	font-size: 133.3%;
}
/* footer area */
#ft {
	background: #CCCCCC url(/images/foot_back.jpg) no-repeat 50% 0px;
	padding: 0px 30px;
	text-align: center;
	clear: both;
	color: #666666;
	padding: 0.75em 30px;
}



/* custom classes */

/* >> arrows <span class="more">&gt;&gt;</span> */
.more { color: #FF7200; font-family: "MS Sans Serif", Geneva, sans-serif; font-weight: bold; }
a:hover .more { text-decoration: none; } /* stops hover underline */

/* displays a folded up page for the bottom of a section */
.section {
	padding-bottom: 8px;
	background: url(/images/section-div.jpg) no-repeat bottom right;
	margin-bottom: 6px;
}