/*
 * || Properties ||
 * Author: Lucem Solutions
 * Date: 4/08/08
 * 
 * || Responsibilities ||
 * I am a stylesheet.
 * 
 * || History ||
 * 
 * || Attributes ||
 * 
 */
 
 body {
	margin: 0 auto;
	margin-bottom: 72px;
	background: #fff;
	line-height: 1.5em;
	font-family: Verdana, Arial, sans-serif;
	font-size: 11px;
	scrollbar-3dlight-color: #204c89;
	scrollbar-arrow-color: #204c89;
	scrollbar-track-color: #fff;
	scrollbar-darkshadow-color: #e9efde;
	scrollbar-face-color: #fff;
	scrollbar-highlight-color: #e9efde;
	scrollbar-shadow-color: #204c89
	}

#wrapper {
	position: relative;
	margin: 0 auto;
	padding: 0;
	width: 100%;
	align: center;
	vertical-align: bottom;
	}
	
/* --[header]-- */
#head {
	margin: 0 auto;
	padding: 0;
	width: 850px;
	font-size: 11px;
	text-align: right !important;
	vertical-align: bottom;
	}

#head a, #cont a {
	color: #204c89;
	}
	
#head #headertop {
	font-size: 90%;
	border-bottom:  1px solid #000;
	}
	
#head #banner #logo {
	float: left;
	position: relative;
	width: 175;
	height: 100px;
	border-left:  1px solid #000;
	border-right:  1px solid #000;
	}
	
#head #banner #image {
	float: right;
	position: relative;
	width: 672px;
	height: 100px;
	border-right:  1px solid #000;
	}
	
#contframe {
	font-family: arial, helvetica;
	}
	
/* --[header menus]-- */
#navframe {
	background: #204c89;
	height: 35px;
	clear: both;
	border-top: solid 1px #000;
	border-bottom: solid 1px #000;
	}

/* All <ul> tags in the menu including the first level */
.menulist, .menulist ul {
	margin: 0;
	padding: 0;
	list-style: none;
	}
	
.menulist {
	z-index: 1;
	position: relative;
	margin: 0 auto;
	padding-top: 6px;
	width: 850px;
	}
	
li.last a, li.last li.last a {
	border-bottom: none !important;
	}
	
li.last li a {
	border-bottom: solid 1px #9B2612 !important;
	}

/* Submenus (<ul> tags) are hidden and absolutely positioned downwards from their parent */
.menulist ul {
	visibility: hidden;
	position: absolute;
	margin: 0 0 0 10px!important;
	padding: 0px 0 0px 6px;
	width: 188px;
	top: 2.6em; /* I'm using ems rather than px to allow people to zoom their font */
	left: 0px;
	background-color: #204c89;
	list-style: none;
	border-left: solid 1px #000;
	border-right: solid 1px #000;
	border-bottom: solid 1px #000;
	}

/* Second and third etc. level submenus - position across from parent instead */
.menulist ul ul {
	margin-left: 0 !important;
	top: 0px;
	left: 189px;
	border-top: solid 1px #000;
	}

/*
All menu items (<li> tags). 'float: left' lines them up horizontally, and they are
positioned relatively to correctly offset submenus. Also, they have overlapping borders.
*/
.menulist li {
	float: left;
	position: relative;
	}

/* Items in submenus - override float/border/margin from above, restoring default vertical style */
.menulist ul li {
	float: none;
	margin-right: 0;
	}

.menulist ul>li:last-child {
	margin-bottom: 1px;
	}

/* Links inside the menu */
.menulist a {
	float: left;
	margin: 0;
	padding: 5px 13px;/*padding:7px 25px;*/
	width: auto;
	display: block;
	font-size: 104%;
	color: #fff !important;
	font-weight: bold;
	text-decoration: none;
	text-transform: uppercase;
	}

.menulist li li a {
	margin-right: 4px;
	padding: 5px 3px !important;
	color: #fff !important;
	font-weight: normal;
	text-transform: none;
	border-bottom: solid 1px #000;
	}
	
.menulist li li a:hover {
	color: #cbc1a8 !important;
	}
	
.menulist li li.last a {
	border-bottom: none;
	}
	
.menulist  li a {
	color: #fff !important;
	}

/* Lit items: 'hover' is mouseover, 'highlighted' are parent items to visible menus */
.menulist a:hover, .menulist a.highlighted, .menulist a.highlighted:hover, .menulist a:focus {
	color: #fff;
	}

/*
If you want per-item background images in your menu items, here's how to do it.
1) Assign a unique ID tag to each link in your menu, like so: <a id="xyz" href="#">
2) Copy and paste these next lines for each link you want to have an image:
.menulist a#xyz {
background-image: url(out.gif);
}

.menulist a#xyz:hover, .menulist a.highlighted#xyz, .menulist a:focus {
 background-image: url(over.gif);
}
*/

/* Only style submenu indicators within submenus. */
.menulist a .subind {
	display: none;
	}

.menulist ul a .subind {
	display: block;
	float: right;
	padding-top: 7px;
	}

/* 'Escaped Comment' hack for horizontal menubar width in IE5/Mac */
.menulist ul a, {
	float: left;
	}

.menulist ul a, {
	float: none;
	}

.menulist ul li, {
	height: 26px;
	}
	
/* \*/
.menulist a {
	float: none;
	}
/* */

.menulist ul a {
	width: 180px;
	float: none;
	}

/* --[body]-- */
#body {
	margin: 0 auto;
	width: 850px;
	align: center;
	border-left: 1px solid #000;
	border-right: 1px solid #000;
	}
	
#body td {
	padding-left: 5px;
	padding-right: 10px;
	text-align: left;
	}
	
#body img.picture {
	margin-top: 0px;
	margin-left: 10px;
	margin-right: 10px;
	margin-bottom: 10px;
	padding: 2px;
	float: right;
	border: 1px solid #ccc;
	}
	
/* --[home]-- */
#hometop {
	height: 150px;
	}
	
#hometop td {
	padding: 0px;
	text-align: left;
	}
	
#homebottom td {
	padding: 0px;
	text-align: left;
	}
	
#homespacer {
	height: 5px;
	background: #204c89;
	border-top: 1px solid #000;
	border-bottom: 1px solid #000;
	}
	
#homebottom {
	height: 150px;
	}

/* --[left navigation]-- */
#leftnav {
	z-index: 0;
	float: left;
	position: relative;
	padding-top: 5px;
	padding-left: 7px;
	width: 200px;
	}
	
.leftNavigation {width: 172px;font-size:0;margin-left:5px;height:1%;}.leftNavigation a {color:#4e6172;text-decoration: none;}.leftNavigation a img {border:none;}.leftNavigation ul {margin:0;padding:0;list-style:none;}.leftNavigation li {float:left;width:172px;}.leftNavigation ul ul li {width:160px;float:none;}.leftNavigation ul ul {border-right:solid 1px #ccc;border-left:solid 1px #ccc;background-color:#fff;}.leftNavigation ul ul li {font:normal 11px arial;padding:4px 3px 0 16px;cursor:pointer;}.leftNavigation ul ul li.ofLastChild  {padding-bottom:0 !important;}.leftNavigation ul ul li.ofFirstChild  {padding-top:6px !important;border-top:solid 3px #f2f2f2}.leftNavigation ul li.leftNavigationParent div {background:#fff url(/js/arrow_off.gif) 9px 9px no-repeat;font:bold 13px arial;border-right:solid 1px #cccccc;border-left:solid 1px #cccccc;border-bottom:solid 1px #cccccc;padding:6px 6px 6px 20px;cursor:pointer;}.leftNavigation ul ul li div {background-image:none !important;background-color:transparent !important;font:normal 11px arial !important;border-right:none !important;border-left:none !important;border-bottom:none !important;padding:0 0 4px 0 !important;}.ofTopBorder div {border-top:solid 1px #cccccc !important;}.leftNavigation li.leftNavigationParent div a {color:#666;}.leftNavigation ul li.leftNavigationParent.ofSelected div {background-image:url(/js/arrow_on.gif);background-color:#e9efde;background-position:7px 9px;background-repeat:no-repeat;}.leftNavigation ul ul li.leftNavigationParent.ofSelected div {background-image:none !important;background-color:transparent !important;}.leftNavigation li.ofOver div {background-color:#e9efde !important;}.leftNavigation ul ul li.ofOver div {background-color:#fff !important;}.leftNavigation li.leftNavigationParent.ofSelected div a {color:#000;}.leftNavigation ul ul li.ofOver a,.leftNavigation ul ul li.ofSelected a,.leftNavigation ul ul li a:hover {text-decoration:underline;color: #333399 !important;}.leftNavigation ul ul li.ofSelected, .leftNavigation ul ul li.ofOver.ofSelected {background-color:#DDDDDD;}.leftNavigation ul ul li.ofSelected a {text-decoration:none;font-weight:bold;}.leftNavigation ul ul li.ofSelected li a {font-weight:normal;}.leftNavigation ul li.ofFirstChild div {border-top:none;}.leftNavigation ul ul li {padding-bottom:4px !important;}.leftNavigation ul ul li.ofLastChild {padding-bottom:12px !important;}.ofNoOver div {cursor:text;background-color:#fff !important;}.ofNoOver .ofOver {background-color:#fff !important;}.leftNavigation ul li.leftNavigationParent div.ofLastChild {border-bottom:none;padding:6px 6px 6px 20px !important;}.leftNavigation ul li.leftNavigationParent.ofSelected div.ofLastChild {border-bottom:solid 1px #cccccc;padding:6px 6px 6px 20px !important;}.leftNavigationTitle {background:#fff url(/js/toc_top.gif) no-repeat top left;height:28px;margin-left:1px;}.leftNavigationTitle span {color:#fff;font:bold 13px arial;margin-left:26px;padding-top:5px;display:block;}.leftNavigationTitle a {color: #fff; text-decoration: none;}.leftNavigationTitle a:hover {text-decoration: none;}.leftNavigation {width:172px;font-size:0;margin-left:5px;height:1%;}.leftNavigation a {color:#4e6172;text-decoration:none;}.leftNavigation a img {border:none;}.leftNavigation ul {margin:0;padding:0;list-style:none;}.leftNavigation li {float:left;width:185px;}.leftNavigation ul ul li {width:175px;float:none;}.leftNavigation ul ul {margin-left: 5px; margin-right: 5px; border-right:solid 1px #ccc;border-left:solid 1px #ccc;background-color:#fff;}.leftNavigation ul ul li {font:normal 11px arial;padding:4px 3px 0 19px;cursor:pointer;}.leftNavigation ul ul li.ofLastChild  {padding-bottom:0 !important;}.leftNavigation ul ul li.ofFirstChild  {padding-top:6px !important;border-top:solid 0px #fff}.leftNavigation ul li div {background-color:#fff;background-image:none;background-position:6px 9px;background-repeat:no-repeat;font:bold 11px arial;border-right:solid 1px #cccccc;border-left:solid 1px #cccccc;padding:6px 6px 6px 16px;cursor:pointer;}.leftNavigation ul li.ofHasSubnav div {background-image: url(/js/arrow_close.gif) !important;background-position:6px 8px;border-bottom: solid 1px #cccccc;border-top:none;}
.leftNavigation ul ul li div {background-image:none !important;background-color:transparent !important;font:normal 11px arial !important;border-right:none !important;border-left:none !important;border-bottom:none !important;padding:0 0 4px 0 !important;}.leftNavigation li.ofHasSubnav div a {color:#666;}.leftNavigation ul li.ofHasSubnav.ofSelected div {background-image:url(/js/arrow_open.gif) !important;background-color:#e9efde;background-position:6px 8px;background-repeat:no-repeat}.leftNavigation ul li.ofNoSubnav div {background-image:none !important; }.leftNavigation li.ofOver div {background-color:#e9efde !important;}.leftNavigation ul ul li.ofOver div {background-color:#fff !important;}.leftNavigation li.ofHasSubnav.ofSelected div a {color:#000;}.leftNavigation ul ul li.ofSelected, .leftNavigation ul ul li.ofOver.ofSelected {background-color:#EEEEEE;}.leftNavigation ul ul li.ofOver a,.leftNavigation ul ul li.ofSelected a {text-decoration:underline;color: #4e6172 !important;}.leftNavigation ul ul li a:hover {text-decoration:underline;color: #333399 !important;}.leftNavigation ul ul li.ofSelected a:hover {text-decoration:none; color: #4e6172 !important;}.leftNavigation ul ul li.ofSelected a {text-decoration:none;font-weight:bold;}.leftNavigation ul ul li.ofSelected li a {font-weight:normal;}.leftNavigation ul li.ofFirstChild div {border-top:none;}.leftNavigation ul ul li {padding-bottom:4px !important;}.leftNavigation ul ul li.ofLastChild {padding-bottom:12px !important;}.ofNoOver div {cursor:text;background-color:#fff !important;}.ofNoOver .ofOver {background-color:#fff !important;}.leftNavigation ul li.ofHasSubnav div.ofLastChild {border-bottom:none;padding:6px 6px 6px 20px !important;}.leftNavigation ul li.ofHasSubnav.ofSelected div.ofLastChild {border-bottom:none 1px purple;padding:6px 6px 6px 20px !important;}.leftNavigationTitle {background:#fff url(/js/toc_top.gif) no-repeat top left;height:28px;margin-left:1px;}.leftNavigationTitle span {color:#fff;font:bold 13px arial;margin-left:26px;padding-top:5px;display:block;}.leftNavigationTitle a {color: #fff; text-decoration: none;}.leftNavigationTitle a:hover {text-decoration: underline;}.leftNavigation ul li.ofSingleLevel div {background-color:#fff;background-image:none;background-position:6px 9px;background-repeat:no-repeat;font:bold 11px arial;border:solid 1px black;border-top:none;padding-top:6px;padding-left:16px;padding-bottom:6px;padding-right:0;cursor:pointer;margin-bottom:0px;}.leftNavigation ul li.ofNoSubnav .ofLastChild div {background-color:#fff;background-image:none;background-position:6px 9px;background-repeat:no-repeat;font:bold 11px arial;border:solid 1px yellow;border-bottom:none;padding-top:6px;padding-left:16px;padding-bottom:6px;padding-right:0;cursor:pointer;margin-bottom:0px;}.leftNavigation ul li.ofNoSubnav.ofSelected div {background-color:#e9efde;border-bottom:none !important;}.leftNavigation ul li.ofNoSubnav .ofLastChild div {background-color:#e9efde}.leftNavigation li.ofIndent a {margin-left: 10px;}.leftNavigation li.ofHover div {background-color: #e9efde !important}.leftNavigation ul li.ofHasSubnavAndOfSelected div {border-bottom: solid 1px #cccccc !important}.ofViewChanger {position: relative;top: 0;margin: 0 0 24px 0;padding: 0;text-align: left;font: normal 11px arial, sans-serif;color: #000;}.ofViewChanger .ofWrapper {position: relative;padding: 8px 11px 8px 11px;background-color: #EEEEEE;border: 1px solid #DDDDDD;}.ofViewChanger h2 {padding: 0 7px 2px 0;margin: -2px 0 0 0;font: bold 11px arial, sans-serif;}.ofViewChanger h3 {padding: 0 10px 10px 0;margin: 0;font: bold 11px arial, sans-serif;color: #666;}.ofViewChanger ul.ofAuxLink {margin: 0;padding: 0;display: inline;position: absolute;top: 11px;right: 13px;}.ofViewChanger ul.ofAuxLink li {margin: 0;padding: 0;display: inline;}.ofViewChanger ul.ofAuxLink li.ofSeparator {padding: 0 2px 0 2px;margin: 0;display: inline;color: #999999;}.ofViewChanger form {margin: 0;padding: 0;}.ofViewChanger label {padding: 0 3px 0 0;margin: 0;font: bold 11px arial, sans-serif;color: #666;}.ofViewChanger select {padding: 0;margin: 0 8px 0 0;font-size: 11px;}.ofViewChanger select.ofLastChild {margin-right: 4px;}.ofViewChanger input {padding: 0;margin: 0;font-size:11px;}.ofViewChanger textarea {padding: 0;margin: 0 8px 0 0;font-size: 11px;}.ofViewChanger input.ofButton {font-size:11px;}.ofViewChanger select.ofFirstChild {padding: 0;margin: 0 11px 0 0;}.ofViewChanger ul {margin: 0;padding: 0;font: normal 11px arial, sans-serif;text-align: left;display: inline;}.ofViewChanger ul li {margin: 0;padding: 0 0 0 0;display: inline;}.ofViewChanger ul li.ofSelected {font-weight: bold;color: #000;display: inline;}.ofViewChanger ul li.ofFirstChild {padding-left: 1px;display: inline;}

/* --[footer]-- */
#footframe {
	margin: 0 auto;
	padding-top: 8px !important;
	height: 32px;
	background: #204c89;
	clear: both;
	font-size: 11px;
	color: #ded2c3;
	text-align: center;
	border-top: solid 1px #000;
	border-bottom: solid 1px #000;
	}
	
#footframe a {
	font-size: 11px;
	color: #fff;
	}
	
#design {
	position: relative;
	margin: 0 auto;
	padding: 0;
	width: 850px;
	text-align: right;
	}
	
/* --[general]-- */
a {
	color: #204c89;
	}
	
a.header {
	color: #fff;
	text-decoration: none;
	font-weight: bold;
	}
	
a:visited {
	color: #666;
	}
	
a:visited.header {
	color: #fff;
	text-decoration: none;
	font-weight: bold;
	}
	
a:hover {
	color: #204c89;
	text-decoration: underline;
	}
	
a:hover.header {
	color: #000;
	text-decoration: none;
	font-weight: bold;
	}
	
td {
	color: #000;
	font-family: arial, helvetica;
	font-size: 105%;
	}
	
.small {
	color: #000;
	font-family: arial, helvetica;
	font-size: 95%;
	}
	
.medium {
	color: #000;
	font-family: arial, helvetica;
	font-size: 115%;
	font-weight: bold;
	}
	
.subhead {
	color: #204c89;
	font-family: arial, helvetica;
	font-size: 125%;
	font-weight: bold;
	padding-top: 4px;
	}

h1 {
	font-family: arial, helvetica;
	font-size: 20px;
	line-height: 120% !important;
	}
	
h2 {
	font-family: arial, helvetica;
	font-size: 18px;
	line-height: 120% !important;
	}
	
h3 {
	font-family: arial, helvetica;
	font-size: 16px;
	line-height: 120% !important;
	}
	
hr {
	clear:both;
	}
	
form {
	margin: 0;
	}