/* ------------------------------- tag redefinitions ------------------------------- */
html {
	font-size: 100%;
	font-family: Palatino, "Times New Roman", "MS Serif", serif;

} body {
	padding: 0;
	margin: 0;
	
	background: #5984AC url("../../images/pagebackground.gif") repeat-x left top;
	
	* margin-top: 1em; /* making ie behave like firefox... don't know why page has
						  top margin in ff, tho. */
} table {
	font-size: 100%; /* making sure ie inherits proper font sizes into table cells */

} h1, h2, h3 {
	font-weight: bold;

} img {
	border: 0;

} a {
	color: #0F428F;

} a:hover {
	color: #aabcd9;

} a:visited {

/* ------------------------------- general classes --------------------------------- */

/* use this for structural or informative elements
   that should remain hidden in styled view */
} .hiddenstructure {
	display: none;

} .clearing {
	clear: both;

} .subdued {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #999;
	font-size: .7em;
	font-weight: normal;

/* floating image boxes provide easy-to-use caption functionality */
} .imageboxleft {
	float: left;
	margin: 0 0 5px 15px;
	padding-right: 15px;

} .imageboxright {
	float: right;
	
	padding: 10px; 

/*} .imageboxleft, .imageboxright {
	background-color: white;
*/

} .imageboxleft img, .imageboxright img {
	float: none;
	border: 1px solid black;

} .imagecaption {
	padding-top: 4px;
	font-size: .8em;
	line-height: 1em;

} .twocolumnleft, .twocolumnright {
	float: left;
	width: 48%;
	margin-right: 1%;
	
} .noticebox {
	padding: 0px 1em;
	margin: 10px;
	overflow: hidden;
	color: #002E51;
	width: 35%;
	float: right;
	background-color: rgba(204, 231, 252, 0.95);
	background-image: url("images/texture-1.png");
	border-radius: 2px;

/* --------------------------- page formatting elements ---------------------------- */

/* the navmenu contains links to various pages on
   the site.  uses some javascript referenced in the
   body rule at the top of this stylesheet. be careful
   renaming classes! */

} #navmenu {
	width: 12.30em;
	position: absolute;
	top: 100px; left: 10px;

	color: #3D6196;
	font-weight: bold;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: .9em;

	z-index: 501;
	
	} #navmenu ul, #navmenu li, #navmenu a {
		display: block;
		padding: 0;
		border: 0;
	
	} #navmenu ul {
		margin: 0;

		width: 100%;
		border-width: 1px;
		border-style: solid;
		border-color: #0F428F;
		background: #fefefe;
		list-style: none; 
	
	} #navmenu li {
		position: relative;
		border-top: 1px solid #eee;
		padding: 1px;
		z-index: 101;

	} #navmenu ul > li:first-child {
		border-top: 0;

	} #navmenu li.folder {
	
		} #navmenu li.folder ul {
			position: absolute;
			left: 170px; /* for ie */
			top: 5px;
			border: 1px solid #0F428F;
			
		} #navmenu li.folder > ul {
	
	} #navmenu a {
		padding: 4px 2px 4px 8px;
		text-decoration: none;
		color: #0F428F;
		font-weight: bold;
		width: 100%; /* for ie */
	
	} #navmenu li > a {
		width: auto; /* others */
	
		} #navmenu li a.submenu {
			background: url("../../images/subarrow.gif") right no-repeat;
	
		/* regular hovers */
		} #navmenu a:hover {
			background-color: #0F428F;
			color: white;
		
		} #navmenu li.folder a:hover {
			background-color: #0F428F;
			
		/* hovers with specificity */
		} #navmenu li.folder:hover {
			z-index: 102;
		
		} #navmenu ul ul, #navmenu li:hover ul ul {
			display: none;
		
		} #navmenu li:hover ul, #navmenu li:hover #navmenu li:hover ul {
			display: block;
		
		}

/* pagecontainer contains the rest of the page up until the footer. */
/* Giving this container "layout" status so it doesn't blow up in IE 6 win */
/* Hide from IEMac \*/
* html #pagecontainer { height:1%; }
/* End hide */

#pagecontainer {
	position: relative;
	top: 10px;
	* position: static;
	margin: 0 100px 0 12.5em;
	padding: 0 0 20px 0;
	
	background: white url("../../images/contentbackground.gif") top left no-repeat;
	border: 1px solid #ddd;

/* pageheader contains the page title and image. */
} #pageheader {
	
	} #pagetitlecontainer {
		position: relative;
		top: 80px;

		min-height: 30px;
		* height: 34px;
		margin: 1em 20px 1em 20px;
		background: #5E86AF; 
		border-bottom: 4px solid #AEBED8;
		
		
		padding-right: 100px;
	
	} #pagetitle a, #pagetitletext a:visited {
		color: #fff8b1;
		text-decoration: none;
	
	} #pagetitle a:hover {
		color: #fff8b1;
		text-decoration: underline;

	} #pagetitle {
		position: relative;
		top: 4px; left: 16px;
		width: 100%;
		z-index: 13;
		margin: 0;
		
		font-size: 1.2em;
		font-weight: bold;
		font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
		color: white;

		} #pagephoto {
			z-index: 11;
			position: absolute;
			right: 0; bottom: 0;
	
/* maincontent contains the page content */
} #maincontent {
	margin-top: 100px;
	padding: 0 30px 0 30px;
	line-height: 140%;

} #maincontent blockquote {
	margin: 0;
	font-size: .9em;

} #maincontent p, #maincontent h6 {
	margin: 0 1em 1em 1em;
	padding-top: 0;
	
} #maincontent h1, #maincontent h2, #maincontent h3, #maincontent h4, #maincontent h5 {
	color: #0F428F;

} #maincontent h6, #maincontent h7 {
	color: #658FA9;
	padding-right: 5px;

} #maincontent h2 {
	font-size: 1.2em;

} #maincontent h3 {
	margin-left: -6px;
	margin-top: 2.5em;
	padding: 3px 3px 0 6px;
	font-size: 1em;
	background: url("../../images/headerbackground.gif") top repeat-x;

} #maincontent h5, #maincontent h6 {
	font-size: .9em;

} #maincontent h1, #maincontent h2, #maincontent h3, #maincontent h4, #maincontent h5, #maincontent h6, #maincontent h7 {
	margin-bottom: .2em;
	padding-bottom: 0;
	line-height: 120%;

	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-weight: bold;
	
} #maincontent ul {
	list-style-image: url(../../images/arrow_blue.gif);
	margin: 0 0 0 24px;
	padding: 0;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size: .8em;
	line-height: 1.4em;

} #maincontent ul ul, #maincontent ul ol {
	font-size: 1em;

} #maincontent ul.tableofcontents li h5 {
	display: inline;

} #maincontent li {
	margin-top: .33em;

} #maincontent .highlight a {
	padding: 1px;
	background: #F8ED90;

	text-decoration: none;
	font-weight: bold;

} #maincontent .highlight a:hover {
	background: #0F428F;
	color: white;

} #maincontent .highlight li, #maincontent ul.yellow li {
	list-style-image: url(../../images/arrow_yellow.gif);

} #toplink {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: .8em;
	line-height: 1.4em;

/* footer contains copyright and contact information
   and remains uniform across the site */
} #footer {
	padding: 8px 4px 8px 24px;
	z-index: 12;
	
	border-width: 3px 0 3px 0;
	border-style: solid;
	border-color: #f9f9f9;
	background: #f5f5f5;
	color: #bbb;
	
	line-height: 1.75em;
	font-size: .6em;
	font-family: Verdana, Arial, Helvetica, sans-serif;

	} #footer a {
		color: #999;
	
	} #footer a:hover {
		color: #cdcdcd;

	} #copyright { /* this isn't working....  */
		margin-right: 100px;

	} #compliance {
		white-space: nowrap;
	
	}