/* ====================== Page Formatting  ========================*/
body, table, p, a {
	margin: 0px;
	padding: 0px;
	color: #000000;
	font-size: 12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;}

body {
	text-align: center;
	background-color: #42398d;}

h1, h2, h3, h4, h5, h6, h7 {
	margin: 0px;
	padding: 10px 0px 0px 0px;
	color: #42398d;
	font-weight: bold;}
h1 {font-size: 16px;}
h2 {font-size: 14px;}
h3, h4, h5, h6, h7 {
	font-size: 12px;}
p {padding-bottom: 10px;}
ul {
	margin: 0px;
	padding: 5px 0px;
	list-style-type: none;
	position:relative;}
li {
	padding: 3px 0px 4px 20px;
	background: url(images/bullet.gif) no-repeat 5px 7px;}
li a {
	text-decoration: none;
	padding: 3px 0px 4px 0px;}
li a:hover {text-decoration: underline;}

a:visited, a:link, a:active, a:hover  {
	text-decoration: underline;
	color: #42398d;}
a:hover  {color: #000000;} 

.clearBoth {
	clear: both;
	visibility: hidden;
	line-height: 1px;}

/* ====================== layout & columns ========================*/
#siteContainer {
	width: 780px;
	margin: 0px auto;
	text-align: center;
	background: url(images/siteBG.jpg) repeat-y;}
#main, #headerContainer, #footer {width: 760px;}
#main {
	background-color: #ffffff;
	margin-bottom: 20px;
	border-left: 2px solid #000000;
	border-right: 2px solid #000000;}
#main {border-bottom: 2px solid #000000;}
#leftMaster {
	/*there is no width set on this div, instead a margin-right subtracts from the "main" to determine the width */
	/*LM must come after RM in the structure of the HTML*/
	margin-right: 230px;}
#rightMaster {
	/*width cannot exceed the value of margin-right in "leftmaster", but it can be smaller if a blank margin is desired between LM & RM*/
	float: right;	
	width: 225px;
	padding-top: 30px;}
	
#contentArea {
	padding: 10px;
	text-align: left;}

/* ====================== Header & Footer ====================== */
#logoContainer {}
#headerContainer {}
#logo {
	padding-top: 5px;}

#pageBanner {
	height: 245px;
	background: url(bnrs/homeBnr.jpg) no-repeat 0px 90px;}

#footer {
	clear: both;}

#footerContent {
	padding: 5px;}
#footer .first {border-left: 1px solid #999999;}
#footer p, #footer a:visited, #footer a:link, #footer a:active {
	font-size:9px;
	color: #42398d;}
#footer a:hover  {
	color: #000000;
	text-decoration: underline;}
	
/* ====================== Menu ====================== */
#navContainer {
	display: block;
	width: 760px;
	height: 25px;
	background: url(buttons/navBG.jpg) repeat-x;}
#navMenu {}
#navMenu a {
	color: #000000;
	font-weight: 600;}
#navMenu a:hover {color: #ffffff;}

/* ====================== Callouts ====================== */
.callout {
	margin-right: 5px;
	margin-left: 5px;
	margin-bottom: 5px;}
.calloutTitle {
	display: block;
	background-color: #42398d;}
.calloutTitle h1 {
	font-size: 11px;
	color: #ffffff;
	padding: 2px 5px;}
.calloutBody {
	text-align: left;
	padding: 5px 10px;
	background-color: #000000;}
.calloutBody p, .calloutBody a {
	color: #FFFFFF;
	font-size: 9px;}
.calloutBody a:hover {
	color: #ffffff;
	text-decoration: none;}
	
/* ====================== Overrides ====================== */