body {
	margin: 0;
	padding: 0;
	border: 0;
	text-align: center;
	color: #530;
	background-color: #F5F5DE;
	font-family: "Lucida Sans Unicode", "Arial Unicode MS", "Lucida Sans", "Lucida Grande", Verdana, Helvetica, Arial, sans-serif;
	font-size: x-small; /*for IE5/Win */
	voice-family: "\"}\"";
	voice-family: inherit;
	font-size: small; /*for compliant browsers */
}

html>body { /* be nice to Opera */
	font-size: small;
}

/* Font size code adapted from Dan Cederholm's "Bulletproof Web Design: Improving flexibility and protecting against worst-case scenarios with XHTML and CSS", 2005 New Riders */



img		{
	border: 0;
	display: block;
	}

/* The #fishwrap is a wrapper that encapsulates the whole design */
#fishwrap	{
	margin: 0 auto;
	padding: 0;
	border: 0;
	width: 792px;
	text-align: left;
	border: 1px solid #cccccc;
	background: #ffffff url(../images/background.gif) bottom left no-repeat;
	}
	
/* The #header encapsulates the H1 headwrap and the banner */
#header	{
	width: 792px;
	height: 150px;
	padding: 0;
	border: 0;
	margin: 0;
	background: transparent;
	}
	
/* The #headwrap allows the banner to be displayed as a background image while obscuring the H1 heading via image replacement. Specifically the overflow is used to achieve this. */
div#headwrap	{
	float: none;
	height: 150px;
	width: 792px;
	border: 0;
	padding: 0;
	margin: 0;
	cursor: pointer;
	}
 div#headwrap h1	{
	background: transparent url(../images/ab_banner.gif) top center no-repeat;
	margin: 0;
	border: 0;
	padding-left: 0;
	padding-top: 150px;
	overflow: hidden;
	height: 0px !important; /* for most browsers */
	height /**/:150px; /* for pre 6.0 IE Win */
	}
	
/* End #headwrap styles */

/* An extra wrapper to place around the main div for more CSS hooks. May be possible to remove and just use the main div by itself. */
#content	{
	margin: 0;
	padding-top: 35px;
	padding-bottom: 60px;
	border: 0;
	float: right;
	width: 600px;
	}
	
/* End of the #content container */

/* The #main is the primary content area. */

#mainContent	{
	width: 375px;
	color: #333333;
	background-color: #fafaf0;
	border: 1px solid #cccccc;
	float: left;
	padding-bottom: 30px;
	}
	
#mainContent h2 {
	background-color: #DEE8F5;
	margin: 0;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 170%;
	color: #353C6A;
	border-bottom: 1px solid #cccccc;
}

#mainContent h3 {
	margin: 0;
	font-size: 125%;
	color: #353C6A;
	background-color: #fafaf0;
}

#mainContent h4 {
	margin: 0;
	font-size: 105%;
	color: #353C6A;
	background-color: #fafaf0;
}

#mainContent h1, h2, h3, h4, p {
	margin: 0;
	padding: 15px 20px;
	}
	
#mainContent li {
	padding-right: 10px;
    }
	
#mainContent ul.nodot {
	list-style: none;
	}
	
#mainContent ol li {
	line-height: 1.3em;
}
	
	

/* A class to make the credit card logos appear horizontally across the bottom */

#mainContent p.inline img {
	display: inline;
	padding: 5px 15px;
}
/* #mainContent link styles */
#mainContent a {
	font-size: 100%;
	font-weight: normal;
	text-decoration: none;
}

#mainContent a:link {
	color: #35597D;
	background-color: #fafaf0;
	border-bottom: 1px dotted #35597d;
}

#mainContent a:active {
	color: #88722A;
	background-color: #fafaf0;
	border-bottom: 1px dotted #88722A;
}

#mainContent a:hover {
	color: #88492A;
	background-color: #fafaf0;
	border-bottom: 1px dotted #88492A;
	
}

#mainContent a:visited {
	color: #7D3545;
	background-color: #fafaf0;
	border-bottom: 1px dotted #7D3545;
}
/* End of #mainContent link styles */
	
/* End #main content area styles */

/* #secondaryContent holds the side bar information on the right of the design */

#secondaryContent {
	width: 180px;
	float: right;
	text-align: left;
	color: #333333;
	background-color: #F1F0FA;
	border-top: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	border-left: 1px solid #cccccc;
	min-height: 300px;
	padding-bottom: 30px;
}

#secondaryContent h1, h2, h3, h4, p {
	padding-left: 20px;
	padding-right: 20px;
}

#secondaryContent h3 {
	background-color: #DEE8F5;
	margin: 0;
	padding: 10px 8px 8px 10px;
	font-size: 125%;
	color: #BB4731;
	border-bottom: 1px solid #cccccc;
}

#secondaryContent h4 {
	margin: 0;
	padding: 10px 8px 8px 10px;
	font-size: 110%;
	color: #35597D;
	background-color: #ffffff;
}

#secondaryContent a {
	font-size: 100%;
	font-weight: normal;
	text-decoration: none;
}

#secondaryContent a:link {
	color: #35597D;
	background-color: #ffffff;
	border-bottom: 1px dotted #35597d;
}

#secondaryContent a:active {
	color: #88722A;
	background-color: #ffffff;
	border-bottom: 1px dotted #88722A;
}

#secondaryContent a:hover {
	color: #88492A;
	background-color: #ffffff;
	border-bottom: 1px dotted #88492A;
	
}

#secondaryContent a:visited {
	color: #7D3545;
	background-color: #ffffff;
	border-bottom: 1px dotted #7D3545;
}
	
/* The #mainNav is obviously where the navigation is housed */
	
#mainNav {
	width: 150px;
	text-align: left;
	float: left;
	padding-top: 35px;
	border: 0;
	margin: 0;
	min-height: 300px;
}

/* Begin Navigation Styles */

#mainNav ul 		{
			margin: 0;
			padding: 0;
			list-style: none;
			width: 150px;
			border-bottom: 1px solid #DFDFC4;
}

#mainNav ul li 	{
			position: relative;
}

li ul 	{
			position: absolute;
			left: 149px;
			top: 0;
			display: none;
}

ul.level1 li a  {
			display: block;
			text-decoration: none;
			color: #35597D;
			background: #fafaf0;
			padding: 5px;
			border: 1px solid #DFDFC4;
			border-left: 0;
			border-bottom: 0;
}
	
/* Fix IE. Hide from IE Mac \*/
* html ul li { float: left; height: 1%; }
* html ul li a { height: 1%; }
/* End */

li:hover ul, li.over ul { 
			display: block; 
}

ul li a:active {
	color: #88722A;
}

ul li a:hover {
	color: #BB4731; 
	background: #F2F2DA; 
} /* Hover Styles */

ul li a:visited {
	color: #7D3545;
}

#mainNav p {
	padding-left: 5px;
}

/* End Navigation Styles */

/* The #footer div holds infomation like copyright, validation, and policies */

#footer {
	clear: both;
	margin-top: 75px; 
	margin-bottom: 25px;
	text-align: center;
}


#footer p {
	color: #666666;
	padding: 0px 170px;
}

#footer a {
	text-decoration: none;
}

#footer a:link {
	color: #276488;
}

#footer a:active {
	color: #276488;
}

#footer a:hover {
	color: #333333;
}

#footer a:visited {
	color: #276488;
}

/* End #footer styles */


/* Generic selector styles */

h1, h2, h3, h4 {
	font-weight: normal;
}

h1, h2 {
	text-transform: capitalize;
}

h1 {
	font-size: 180%;
	color: #35597D;
	border-bottom-color: #d46d6d;
	border-bottom-style: dotted;
	border-bottom-width: 1px;
	padding-bottom: 4px;
}
h2 {
	font-size: 150%;
	color: #353C6A;
}

h3 {
	font-size: 125%;
	line-height: normal;
	color: #353C6A;
}

p {
	color: #000000;
	font-size: 100%;
}

a {
	font-size: 100%;
	font-weight: normal;
	text-decoration: none;
}

dl {
	padding: 10px;
}

abbr {
	speak: spell-out;
}

acronym {
	speak: normal;
}

abbr, acronym {
	border-bottom: 1px dotted;
	cursor: help;
}

/* End of generic styles */

/* Begin various classes */

.image_right {
	float: right;
	border: 0;
	padding: 0 0 10px 15px;
}

.image_left {
	float: left;
	border: 0;
	padding: 0 15px 10px 0;
}

.callout {
	color: #353C6A;
}

.publication {
	text-decoration: underline;
}
/* End class styles */