/*
CSS Developed By Sean Coyne
Copyright 2005
All Rights Reserved
*/
/* BASIC DECLARATIONS */
html, body { margin:0; padding:0; }
body {
	height: 100%;
	background-image: url(/images/bodybg.gif);
	background-position:top left;
	background-repeat:repeat-y;
	min-width: 800px;
}

a:link, a.namedAnchor {
	text-decoration: none;
	color: #02234C;
	font-weight: bold;
	font-size: inherit;
}
a:visited {
	text-decoration: none;
	color: #02234C;	
	font-weight: bold;	
	font-size: inherit;
}
a:hover {
	text-decoration: underline;
	color: #842147;
	font-weight: bold;	
	font-size: inherit;
}
a:active {
	text-decoration: underline;
	color: #02234C;	
	font-weight: bold;	
	font-size: inherit;
}

a img { border: 0; }
img { border: 0;}

br.clearer { clear: both; }
.error { color: red; }
.small { font-size: 8pt; } 
input.text, textarea.text, select.text {
	color: #842147;
	font-family: verdana, sans-serif;
	border: 1px solid #03234C;
	font-size: 10pt;		
}
input.button {
	background-color: #03234C;
	border: 1px solid #9E8298;
	color:#FFFFFF;
	font: bold 10pt Verdana, Arial, Helvetica, sans-serif;
}


/* HEADER */
#header {
	margin: 0;
	padding: 0;
	background-image: url(/images/headerbg.jpg);
	background-position:top left;
	background-repeat:no-repeat;
	height: 76px; 
	width: 100%;
}
/* fix margin problem with IE */
#header img { _margin-bottom: -4px; }


/* SEARCH BAR, QUICKLINKS, BREADCRUMBS */
#searchbar {
	background-color: #842147;
	margin: 0;
	float: left;
	padding: 0;
	width: 100%;
	min-width: 900px;
	display:inline;
	white-space: nowrap;
	font-size: 10pt;
	max-height: 22px;
	height: 22px;
	/* IE doesnt understant max-height so use js to emulate 
	width:expression(document.body.clientWidth < 900? "900px": "100%" );*/
}

#quicklink, #searchform, #crumbs, #searchbar form { display: inline; }

#crumbs {
	float: left;
	margin:0;
	margin-left: 172px;
	width: 352px;
	height: 22px;
	background-color: #D9DEE4;
	background-image: url('/images/angle.gif');
	background-position: top right;
	background-repeat: no-repeat;
	padding: 0;	
	
} 
#crumbcontent {
	margin: 0;
	padding: 0;
	padding-top: .25em; 
	padding-bottom: 0;
	padding-left: 1em;
	font: 8pt verdana, arial, sans-serif;
	color: #02234C;
	background-image: url('/images/corner.gif');
	background-position: top left;
	background-repeat: no-repeat;
	height: 22px;
	width: 352px;
}
#crumbs a { font-weight: bold; }
#crumbs a:link {
	text-decoration: none;
	color: #02234C;
}
#crumbs a:visited {
	text-decoration: none;
	color: #02234C;	
}
#crumbs a:hover {
	text-decoration: underline;
	color: #842147;
}
#crumbs a:active {
	text-decoration: underline;
	color: #02234C;	
}
#crumbs ul {
	list-style: none;
	display: inline;
	margin: 0;
	padding: 0;
}
#crumbs ul li {
	margin: 0;
	margin-left: .25em;
	display: inline;
}

#quicklink {
	width: 160px;
	float: left;
	margin-left: 1em;
}
#quicklink label { display: none; }
#quicklink select {
	width: 200px;
	font: 8pt verdana,sans-serif;
	color: #842147;
	border: 1px solid #03234C;
	margin-top: 2px;
}
#cmdquicklink { display: none; }

#searchform {
	width: 150px;
	float: right;
	text-align: right;
	margin-right: 1em;
	padding: 0;
}
#searchform form {
	display: inline;
	margin: 0;
	padding: 0;
}
#searchform form label { display: none;}
#searchbox {
	width: 100px;
	font: 8pt verdana,sans-serif;
	color: #842147;
	border: 1px solid #03234C;
	margin-top: 2px;
	/* different top margin for IE */
	_margin-top: 0;
}

/* MAIN BODY (Below Header, Above Footer ) */
#main {
	/*float: left;*/
	width: 100%;
	padding: 0;
	margin: 0;
	min-width: 900px;
	min-height: 800px;
	height: 100%;
	_height: 800px;
	/* IE doesnt understant max-height so use js to emulate 
	width:expression(document.body.clientWidth < 900? "900px": "100%" );*/
}


/* LEFT COLUMN */
#colLeft {
	float: left;
	width: 172px;
	margin:0;
	padding:0;
	background-color:#842147;  
	height: 100%;	
	z-index: 101;
}

#logon form {
	margin-left: 5px;
	display: inline;
}
#logon form label { display: none; }
#logon form input.text {
	width: 50px;
	font: 8pt verdana,sans-serif;
	color: #842147;
	border: 1px solid #03234C;
}
#logon p, #logon a {
	margin-top: 0;
	margin-left: 5px;
	color: #FFFFFF;
	font: italic 8pt verdana,sans-serif;
}
#logon a { margin-left: 0; }
#nav {
	margin-top: .5em;
	margin-bottom: .5em;
	color: #333;
}
#nav ul {
	margin: 0;
	padding: 0;
	list-style-type:none;
	border: none;
}
#nav ul li {
	text-align:right;
	margin: 0;
	padding: 0;
	color: #FFFFFF;
	background-color: #03234C;
	border-bottom: 1px solid #9E8298;
	border-collapse: collapse;
	font: 10pt trebuchet, arial, sans-serif;
}

#nav ul li.first { border-top: 1px solid #9E8298; }

#nav li a {
	display: block;
	padding: 2px .25em 2px 2px;
	font-weight: normal;
	color: #fff;
	text-decoration: none;
	width: 100%;
	/* IE Gradient */
    filter:progid:DXImageTransform.Microsoft.Gradient(endColorstr='#03234C', startColorstr='#8C2147', gradientType='1');	
}
/* Use Child Selector to hide from IE */
html>body #nav li a {
	width: auto;
	background-image: url('/images/navbg.jpg');
	background-position:center;
	background-repeat:repeat-y;
}

#nav li a:hover {
	color: #fff;
	/* IE Gradient */
	filter:progid:DXImageTransform.Microsoft.Gradient(endColorstr='#03234C', startColorstr='#03234C', gradientType='1');
}
/* Use Child Selector to hide from IE */
html>body #nav li a:hover {
	width: auto;
	background-image: url('/images/navbghover.jpg');
	background-position:center;
	background-repeat:repeat-y;	
}

/* begin: (2006-05-11) flyout menus */
/* Left Nav (dropdown menues) */
#nav, #nav ul { /* all lists */
  padding: 0;
  /* margin: 0; (2006-05-18)*/
  list-style: none;
  float: left;
  width: 100%;
  /* width: 8em; (2006-05-18)*/
}
	
#nav li { /* all list items */
  margin-left: 1em;
  position: relative;
  float: left;
  line-height: 1.25em;
  margin-bottom: -1px;
  width: 100%;
  /* width: 8em; (2006-05-18)*/
}


#nav li ul { /* second-level lists */
  position: absolute;
  left: -999em;
  /* margin-left: 11.05em;
  margin-top: -1.35em; (2006-05-18)*/
  margin-left: 4.9em;
  margin-top: 0.7em;
}
	
#nav li ul ul { /* third-and-above-level lists */
  left: -999em;
}

#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
  left: -999em;
}

#nav li:hover ul,
#nav li li:hover ul,
#nav li li li:hover ul,
#nav li.sfhover ul,
#nav li li.sfhover ul,
#nav li li li.sfhover ul { /* lists nested under hovered list items */
  top: -.7em;
  left: 8em;
}
/* end: (2006-05-11) flyout menus */


#colLeft .content .ad {
	margin: 0;
	padding: 0;
	margin-left: auto;
	margin-right: auto;
	width: 120px;
	heigth: 240px;
	margin-bottom: 10px;	
}

/* CENTER COLUMN */

#colCenter, #MainCol {
	float: left;
	height: auto;
	margin: 0;
	padding: 0;
	color:#000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-color:#ffffff;  
	padding-left: .5em;
	padding-top: 1em;	
	z-index: 100;
	overflow: hidden;
}
#colCenter { 
	width: 50%;
	/* IE doesnt understant min width so use js to emulate 
	width:expression(document.body.clientWidth < 900? "410px": "50%" );	*/	
}
#MainCol {
	min-width: 720px;
	width: 75%;
	/* IE doesnt understant min width so use js to emulate 
	width:expression(document.body.clientWidth < 900? "720px": "75%" );	*/	
}
#colCenter h1, #MainCol h1 {
	margin-top: .5em;
	margin-bottom: 0;
	color: #902147;
	font: 1.5em arial black, arial, sans-serif;
}
#colCenter h2, #MainCol h2 {
	margin-top: .5em;
	margin-bottom: 0;
	color: #03234C;
	font: 1em arial black, arial, sans-serif;
}
#colCenter h3, #MainCol h3 {
	margin-top: .5em;
	margin-bottom: 0;
	color: #03234C;
	font: italic .9em arial black, arial, sans-serif;
}
#colCenter h4, #MainCol h4 {
	margin-top: .5em;
	margin-bottom: 0;
	color: #03234c;
	font: .8em arial black, arial, sans-serif;
}
#colCenter p, #MainCol p {
	margin-top: 0;
	margin-bottom: 1em;
}
#colCenter td, #colCenter th, #MainCol td, #MainCol th {
	color:#000000;	
}
#colCenter p, #colCenter td, #colCenter th, #colCenter legend, #colCenter label, #colCenter li, #colCenter blockquote,
#MainCol p, #MainCol td, #MainCol th, #MainCol legend, #MainCol label, #MainCol li, #MainCol blockquote {
	font-size: .8em;
}
.logoutheader { text-align: right; }

.lpwrapper {width: 714px; z-index:200; }
.lpbox {
	float: left;
	max-height: 126px;
	height:126px;
	padding: .75em;
	max-width:250px;
	font-size: 9pt;
	width: 250px;
	overflow:hidden;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin: 0;
	margin-top: 1px;
	border: 1px solid #902147;
	background-color:#FFFFFF;
}
.lpbox p { color: #902147 !important; }
.lpbox p a { color: #902147 !important; }
.lpbox p a:link {
	text-decoration: none !important;
	font-size: inherit;
}
.lpbox p a:visited {
	text-decoration: none !important;
	font-size: inherit;
}
.lpbox p a:hover {
	text-decoration: underline !important;
	font-size: inherit;
}
.lpbox p a:active {
	text-decoration: underline !important;
	font-size: inherit;
}
.lpimages {float: left; margin: 0; padding: 0;}



.landingpage { background-color:#F5EFF1; float: left; width: 100%; padding-top: 1em; padding-left: 1em; }

ul.landingpagelist { list-style-type: none; float: left; width: 100%; margin: 0; padding: 0; }
ul.landingpagelist li { 
float: left; 
width: 35%; 
margin-bottom: 5px;
height: 50px;
background: url(/images/bullet.jpg) no-repeat top left;
padding-left: 30px; 
padding-top: 4px;
} 

/* RIGHT COLUMN */
#colRight {
	float: right;
	width: 25%; 
	margin: 0%; padding: 0%;
	padding-left: 1em;
	z-index: 98;
	min-height: 600px;
	min-width: 180px;
	height: 100%;
	/* IE Gradient */
	filter:progid:DXImageTransform.Microsoft.Gradient(endColorstr='#FFFFFF', startColorstr='#C1C8D2', gradientType='0');
	/* IE doesnt understant min width so use js to emulate 
	width:expression(document.body.clientWidth < 900? "180px": "25%" );	*/	
}

/* use a child selector to hide from IE */
html>body #colRight {
	background-image: url('/images/rightcolbg.jpg');
	background-position: top left;
	background-repeat:repeat-x;
}

/* replace h1 with image */
#colRight h1.whatsnew {
	font: bold 1.25em georgia, serif;
	background: url('/images/whatsnew.jpg') no-repeat top left; 
	width: 138px;
	height: 27px;
}
#colRight h1 span { display: none; }

#colRight p { padding: 0; min-width: 180px;}
#colRight p img { margin: 0; padding: 0; }
.item {
	padding-right: 1em;
	margin-right: .5em;
	margin-bottom: 1em;
}
.item h2, p {
	margin: 0;
	padding: 0;
}
.item h2 {
	margin-left: .7em;
	margin-top: 0;
	font: bold 1em georgia, serif;
	font-variant: small-caps;	
	color: #842147;
}
.item p {
	margin-left: 1em;
	margin-bottom: 1em;
	font: .75em verdana, sans-serif;
	text-align:left;
	color: #444444;
}

/* 50th Anniversary Logo */
.logo { padding: 0; margin: 0; text-align: center; }


/* FOOTER */
#footer {
	clear: both;
	text-align:right;
	font: .75em geneva,arial,sans-serif;
	padding-right: 1em;
}
#footer p { margin: 0; padding: 0; }

.ad { color: white; font-family: Verdana, Arial, Helvetica, sans-serif; font-size:10px; }