img {border: 0; padding: 0; margin: 0}
form {border: 0; padding: 0; margin: 0; font: bold x-small verdana; color: #000000}
input {border: 1px solid #ccc}
table {font: small arial; color: #000000; border: 0; padding: 0}

body {background: #CECECE url(images/page_fade.png) top center repeat-y; border: 0; padding: 0; margin: 15px 0 15px 0}

/* general layout */

#main {width: 738px; margin-left: auto; margin-right: auto; background: #fff; border: 1px solid #999; border-top: none; background: #fff url(images/notice_bgrd_sm.png) bottom left }

#header {width: 738px; margin: 0; clear: both; background: #fff}
#logo {width: 190px; height: 59px; color: #ccc; background: #fff; clear: both; margin: 0 0 4px 0}
#header_left {width: 190px; background: #fff; float: left; margin: 0 10px 0 0}
#menu {width: 190px; height: 206px; float: left; background: url(images/menu_bgrd.jpg) top left repeat-y }
#header_right {width: 538px; background: transparent; float: left}

.greylink {font-size: xx-small }
.shadowcont {width: 210px; background: #fff url(images/shadleft.jpg) bottom right no-repeat }
.shadowright {width: 12px }
.shadowbot {width: 210px; height:14px; clear:both; margin: 0 0 12px 0; background: #fff url(images/shadbot.jpg) top right }

#left {width: 190px; float:left; margin: 0 10px 0 0 }
#left_content {padding: 8px 8px 8px 8px; clear:both}
#content {padding: 15px 20px 20px 0}
#right {width: 538px; float:left }
#content {padding: 15px 20px 20px 0}
#quote {font: italic medium times; color: #161F9E; }

#right_full {width: 730px; float:left }
#full_width {padding: 0 0 0 10px }

#footer {width: 738px; height: 35px; background-color: #A4ACB7; clear: both}
#footer_left {width: 268px; text-align: left; float:left; padding: 5px 0 0 10px }
#footer_right {width: 450px; text-align: right; float:left; padding: 5px 10px 0 0 }


/* typeography */

p.heading {font: x-large arial; color: #666666; border: 0; margin: 0}
p.black_heading {font: xx-large "Times New Roman"; color: #FFFFFF; border: 0; margin: 0; background-color:#000000; padding: 5px 0 5px 10px}

h1 {font: medium arial; color: #666666; border: 0; margin: 0 0 10px 0}

h2 {font: small arial; color: #000; border: 0; padding: 0; margin: 0}
h2.notice {color: #000; background-color: #A4ACB7; padding: 2px 0 2px 8px}

h3 {font: bold x-small arial; color: #06128A; border: 0; padding: 0; margin: 0 0 5px 0; voice-family: "\"}\""; voice-family: inherit; font-size: small}
html>h3{font-size: small}

h4 {font: bold x-small arial; color: #4141A0; border:0 padding: 0; margin: 0 0 6px 0; voice-family: "\"}\""; voice-family: inherit; font-size: small}
html>h4{font-size: small}

h5 {font: xx-small arial; color: #4141A0; border:0; padding: 0; margin: 0; voice-family: "\"}\""; voice-family: inherit; font-size: x-small}
html>h5{font-size: x-small}

h6 {font: bold x-small arial; color: #4141A0; border-bottom: 1px solid #999999; padding: 0; margin: 0 0 8px 0; voice-family: "\"}\""; voice-family: inherit; font-size: small}
html>h6{font-size: small}

p {font: x-small arial; color: #000000; border: 0; padding: 0; margin: 0 0 8px 0; voice-family: "\"}\""; voice-family: inherit; font-size: small}
html>p{font-size: small}

#left p {font: x-small arial; color: #00209F}
#footer_left p {font: x-small arial; color: #FFFFFF; padding: 0; line-height: 20px}
#footer_right p {font: x-small arial; color: #FFFFFF; padding: 0; line-height: 20px}

#content ul { font: 8pt arial; color: #06128A; margin: 0; padding: 0px 0px 0px 25px; list-style: disc; margin: 8px 0px 8px 25px }
#content ol { font: bold 8pt arial; color: #06128A; margin: 0; padding: 0px 0px 0px 25px; margin: 0px 0px 0px 25px }
#content li { font-weight: bold; padding: 0px 20px 3px 0px; color: #06128A }


/* linkology */

a:link, a:visited {font: small arial; text-decoration: none; color: #0f3d5e}
a:hover {font: small arial; text-decoration: underline}
a:active {font: small arial; text-decoration: none}

#footer a:link, #footer a:visited {font: bold x-small arial; text-decoration: none; color: #FFF}
#footer a:hover {font: bold x-small arial; text-decoration: underline}
#footer a:active {font: bold x-small arial; text-decoration: none}

#logo a:link, #logo a:visited {font: bold x-small verdana; text-decoration: none; color: #0f3d5e}
#logo a:hover {font: bold x-small verdana; text-decoration: underline}
#logo a:active {font: bold x-small verdana; text-decoration: none}

.greylink a:link, .greylink a:visited {font: xx-small verdana; text-decoration: none; color: #999999}
.greylink a:hover {font: xx-small verdana; text-decoration: underline}
.greylink a:active {font: xx-small verdana; text-decoration: none}

/* nav - INACTIVE!!!!!!!! */

ul#primary-nav,
ul#primary-nav ul {border: 0; margin: 0; padding: 0; width: 180px; text-align: left;  list-style-type: none}
ul#primary-nav li {position: relative; list-style: none; display: block; float: left; text-align: left; padding: 0; margin: 0 }
ul#primary-nav li a {font: normal 9pt arial; display: block; text-decoration: none;	color: #333399; padding: 0 0 0 10px; line-height: 28px; border-bottom: 1px solid #FFF; width: 180px; height: 25px; text-align: left}

/* Fix IE. Hide from IE Mac \*/
* html ul#primary-nav li {float: left; height: 1%}
* html ul#primary-nav li a {height: 1%}
/* End */

ul#primary-nav ul {position: absolute; display: none; left: 190px; /* Set 1px less than menu width */ top: 0}

ul#primary-nav li ul li a {border: none; border-bottom: 1px solid #fff; border-left: 1px solid #fff; margin: 0; background: #A4AEBA} /* Sub Menu Styles */
ul#primary-nav li ul {background: transparent}

ul#primary-nav li:hover ul ul,
ul#primary-nav li:hover ul ul ul,
ul#primary-nav li.over ul ul,
ul#primary-nav li.over ul ul ul {display: none} /* Hide sub-menus initially */

ul#primary-nav li:hover ul,
ul#primary-nav li li:hover ul,
ul#primary-nav li li li:hover ul,
ul#primary-nav li.over ul,
ul#primary-nav li li.over ul,
ul#primary-nav li li li.over ul {display: block} /* The magic */

ul#primary-nav li.menuparent {background: transparent/* url(images/navarrow.gif) right center no-repeat*/}

ul#primary-nav li.menuparent:hover,
ul#primary-nav li.over {background: #A4AEBA}

ul#primary-nav li a:hover {color: #616161}
ul#primary-nav li ul li a:hover {color: #616161}


/* sub nav INACTIVE!!!!!! */

.subnav ul {border: 0; margin: 0; padding: 0; list-style-type: none; text-align: left}
.subnav ul li {display: block; float: left; text-align: left; padding: 0; margin: 0}
.subnav ul li a {width: 140px; background: #bbb/* url(images/navarrow2.gif) right center no-repeat*/; height: 23px; padding: 0 0 0 15px; margin: 0; border: none; border-bottom: 1px solid #fff; display: block; font: xx-small arial;
	color: #fff;
	text-decoration: none;
	text-align: left;
	line-height: 23px;
	voice-family: "\"}\"";
	voice-family: inherit;
	font-size: x-small;
	width: 140px
	}
html>.subnav ul li a  {width: 140px; font-size: x-small}
.subnav ul li a:hover {background: #999/* url(images/navarrow2.gif) right center no-repeat*/}
.subnav ul li#highlight1 a {background: #03c/* url(images/navarrow2.gif) right center no-repeat*/}

.subnav ul li#subsubnav a {width: 140px; background: #e1e1e1; height: 17px; line-height: 17px; padding: 0 0 0 15px;
	color: #FFF;
	voice-family: "\"}\"";
	voice-family: inherit;
	font-size: x-small;
	width: 140px
	}
.subnav ul li#subsubnav a:hover {background: #d1d1d1}

/* info boxes */


	a.info{
    position:relative; /*this is the key*/
    z-index:24; background-color:#ffffff;
    color:#06128a;
    text-decoration:none}

a.info:hover{z-index:25; background-color:#fff; text-decoration:none}

a.info span{display: none}

a.info:hover span{ /*the span will display just on :hover state*/
    display:block;
    position:absolute;
	font-size:small;
	padding: 2px;
    top:-4em; left:2em; width:35em;
    border:1px solid #acb8bf;
    background-color:#e8e9ed; color:#333;
    text-align: left}
	
	/* NEW NAV */
	/*-----------------------------------------------------------------------------
Vertical Navigation Style Sheet


-----------------------------------------------------------------------------*/


/* =Vertical Pop Out Navigation with images using the Pixie Rollover technique
-----------------------------------------------------------------------------*/

#menu a:link, #menu a:visited {font: 9pt arial; text-decoration: none; color: #1C19A7; line-height: 29px}
#menu a:hover {font: 9pt arial; text-decoration: none; color: #616161; line-height: 29px}
#menu a:active {font: 9pt arial; text-decoration: none; color: #616161; line-height: 29px}

ul.verticalNavPopOut {
	
 	width: 190px;
	margin: 0;
	padding: 0;
	list-style: none;
	border-top: 1px solid #FFFFFF; /* Puts in missing top white border */
}

ul.verticalNavPopOut a {
 	display: block;
	width: 190px;
	height: 29px;
	background: url('images/nav_but_on.png') no-repeat left bottom;
	line-height: 29px;
	text-indent: 10px;
	text-decoration: none;
	padding: 0
}

ul.verticalNavPopOut a:hover {
 	background-position: right bottom;
 	background: url('images/nav_but_on.png') no-repeat left bottom;
	color: #616161;
	text-decoration: none;
}

ul.verticalNavPopOut li {
 display: inline; /* Removes gaps in IE/WIN */
}

ul.verticalNavPopOut ul, ul.verticalNavPopOut ul ul {
	left: -999em;
	position: absolute;
	margin: -30px 0 0 190px;
	padding: 0;
	color: #1C19A7;
	border-right: 1px solid #FFFFFF;
	border-top: 1px solid #FFFFFF; /* Puts in missing top black border */
}
	
ul.verticalNavPopOut li:hover ul, ul.verticalNavPopOut li:hover ul ul,
ul.verticalNavPopOut li.iehover ul, ul.verticalNavPopOut li.iehover ul ul { /* 2nd, 3rd level hide */
	left: -999em;
}
	
ul.verticalNavPopOut li:hover ul, ul.verticalNavPopOut li li:hover ul,
ul.verticalNavPopOut li.iehover ul, ul.verticalNavPopOut li li.iehover ul { /* 2nd, 3rd level show */
	left: auto;
}
.makeapp { width: 120px; height: 22px; color: #fff; background: #fff; border: 0px none; padding: 0; margin: 0; background: url('images/makeapp.jpg') no-repeat left bottom;}


/* menu 3 tier */

#menu2 ul {
	margin: 3px 0 0 0;
	padding: 0;
	list-style: none;
	width: 190px; /* Width of Menu Items */
	}

#menu2 ul li {
	position:relative;
	}

#menu2 ul li a {
	font-size: 9pt;
 	display: block;
	width: 190px;
	height: 34px;
	background: url('images/nav_but_on.png') no-repeat left bottom;
	line-height: 34px;
	text-indent: 10px;
	text-decoration: none;
	padding: 0;
	color: #1C19A7;
	}
	
#menu2 ul li a.sub {
	font-size: 9pt;
 	display: block;
	width: 190px;
	height: 20px;
	background: url('images/nav_but_on.png') no-repeat left bottom;
	line-height: 20px;
	text-indent: 15px;
	text-decoration: none;
	padding: 0;
	color: #1C19A7;
	}
	
#menu2 ul li a.gallery {
	line-height: 25px;
	height: 25px;
	background: url('images/nav_but_on.png') no-repeat left top;
	}

/* Fix IE. Hide from IE Mac \*/
* html #menu2 ul li { float: left; height: 1%; }
* html #menu2 ul li a { height: 1%; }
/* End */

#menu2 ul li a:hover { color: #616161 } /* Hover Styles */

#menu2 ul ul {
	position:absolute;
	display:none;
	left: 190px; /* Set 1px less than menu width */
	top: 0;
}

#menu2 li ul li a { padding: 0 } /* Sub Menu Styles */

#menu2 li:hover ul ul, #menu2 li.over ul ul { display:none; }

#menu2 li:hover ul, #menu2 li li:hover ul, #menu2 li.over ul, #menu2 li li.over ul { display: block; } /* The magic */