body {background: #FFF; color: #000; font-family: Verdana, Arial, Helvetica, sans-serif;  font-size: 90%;} 
body, table, img, button, iframe, ul, li  { margin:0; padding:0; border:0; }
table { text-align:left; }
iframe { width:0; height:0 }

ul { margin-left:20px; }       /* kill default 50px left padding and set 20px */
li { margin-bottom:1em; }          /* set default inter-item vertical spacing */
.tightlist li { margin-bottom:0.25em; }     /* tighter list for simple bullets */

#container { background-position:left; background-repeat:repeat-y; width: 970px; height: auto; margin: auto; text-align:left;}
h1 {color: #AAA;  margin-bottom: 0;}
#main {color: #CCC; margin-left: 14em; padding: 1px 0 1px 5%;
  border-left: 1px solid;}
h1 {
 color: #1B3592; font: 170% verdana, arial, sans-serif; letter-spacing: 2px; font-weight: bold; text-align: center;
 padding-bottom:5px; padding-top:3px; margin:5px;  font-style: italic;
}  

.MyList li {	list-style-type: disc;
		list-style-image: url(images/checkmark.gif);
		list-style-position: inside;
		padding-left: 0; margin-left: 0; padding-right: 2px;	}
.MyCheckList li {	list-style-type: disc;
		list-style-image: url(images/check.jpg);
		list-style-position: inside;
		padding-left: 0; margin-left: 0; padding-right:4px; 	}
.MyCheckList ul  {font-family:verdana, arial, helvetica, sans-serif; font-size:86%;}
.MyList ul  {font-family:verdana, arial, helvetica, sans-serif; font-size:86%;}

p {color: #000000; 
  font-family: Verdana, Arial, Helvetica, sans-serif;
  text-align: left; padding-left:15px;
}



a img {	border:none; padding:1px;}
a:hover img {	border: 1px solid white; }
div.figure {
  border: none;
  margin-top: 0.75em; 
}
div.figure p {
  text-align: center;
  font-style: italic;
  font-size: smaller;
  text-indent: 0; margin-top:1px;
}
div.figure a img{ border: 1px solid white;  margin:auto;}
div.figure a:hover img{ border: 1px solid blue;}
a:link {  color: #269CB8; text-decoration: none;}
a:hover { color: #B74326; text-decoration: underline;}
#footer {clear:left; font-size:70%; color:#7F7F7F; text-align:center; border-top:1px solid #7F7F7F; padding-top:5px; margin-top:10px; margin-left:5px;}

#banner {padding-left: 59px}
#banner img {border:none}
#menu {
	DISPLAY: block; FONT-WEIGHT: bold; FONT-SIZE: 70%; COLOR: #1B3592; margin-top: -20px; POSITION: relative; HEIGHT: 18px; 
}
		
#menuBanner A {
	PADDING-RIGHT: 2px; DISPLAY: block; PADDING-LEFT: 2px; PADDING-BOTTOM: 2px; COLOR: #1B3592; PADDING-TOP: 2px; TEXT-ALIGN: center; TEXT-DECORATION: none;  
}
#menuBanner A:hover {
	COLOR: black; TEXT-DECORATION: none; background-color:#FFFFFF; border: 1px solid blue; padding:1px;
}
#menuBanner UL {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; RIGHT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; COLOR: #1B3592; PADDING-TOP: 0px; LIST-STYLE-TYPE: none
}
#menuBanner LI {
	PADDING-RIGHT: 0px; DISPLAY: block; PADDING-LEFT: 20px; FLOAT: left; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px
}
#menuBanner LI.on {
	FONT-WEIGHT: bold
}
#menuBanner UL LI UL {
	DISPLAY: none
}		

div#nav {float: left; width: 151px; margin: 10px 5px 5px 0; border:2px solid #A1CEEB; color: #1B3592; }

 /* common styling */
/*.menu3 {
font-family: verdana, sans-serif; width:100%; position:relative; font-size:0.85em; z-index:100; height:360px;
clear:both;*/ /* for this page only */
/*}*/

.menu3 {
	position:relative;        /* establish a menu-relative positioning context */
	float:left;                                     /* play nicely with others */
	margin:0;
	padding:0;
	border:0;
	height:auto;                                  /* the menu's overall height */
	width:100%;         /* we always want our menu to fill the available space */
	/*background:#f3f3f3;*/
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:0.85em;         /* this (and also below) sets the menu's font size */
	border-bottom:1px solid black;        /* give us a black border underneath */
}
.menu3 img {
	vertical-align: top;      /* prevent images from being pushed down by text */
}
.menu3 ul {
	padding:0;
	margin:0;
	border:0;
	list-style-type:none;          /* we don't want to view the list as a list */
	line-height:auto;           /* globally set the menu's item spacing. note */
}                               /* this must be 1.0 or 1.5 or 2.0 for Mozilla */
.menu3 li {
	float:left;    /* this creates the side-by-side array of top-level buttons */
	position:relative;    /* create local positioning contexts for each button */
	margin:0; width:100%;
}
.menu3 li.last {
border-bottom:1px solid #00f; margin:0;
}

.menu3 ul li table {
	margin:-1px 0;              /* IE5 needs -1px top and bottom table margins */
	m\argin:0;               /* re-zero the table margins for everyone but IE5 */
	border-collapse:collapse;      /* IE5 needs this for the sub-menus to work */
	font-size:12px;        /* this sets the base font size for our entire menu */
}

.drop {
	display:block;
	padding:0px 0.33em;	       /* this sets the l/r margins for our menu item */
	margin:0;
	text-align:left;   /* this right alignment goes with the float:left below */
	cursor:pointer;      /* IE tries to switch back to an I-beam, don't let it */
	cursor:hand;           /* IE5 only knows about "hand", so set it both ways */
}

.drop span {        /* this simultaneously left and right aligns the text and */
	float:left;       /* the >> in the drop-down menus which link to sub-menus */
}

/*.menu3  a, .menu3  a:visited {
display:block; text-decoration:none; color:black; width:129px; height:auto; border:1px solid #00f; border-width:1px 1px 0 1px; padding-left:10px; line-height:15px; background:#FFFE81 url(images/button_slice.gif) bottom left repeat-x; float:left;
}*/


/*.menu3 table {
margin:-1px; border-collapse:collapse;font-size:1em;
}*/

/* specific to non IE and IE7 browsers */
/*.menu3 a {
color:#c00;
}*/
/*.menu3 ul {
display:block; position:absolute;  margin-top:0px; left:0; width:150px; height:auto;
}*/
/*======================== TOP LEVEL MENU DEFINITIONS ========================*/
.menu3 ul li ul{
	display:none;                  /* initially hide the entire list hierarchy */
	padding:1px;                               /* this is our box border width */
}
.menu3 ul li a,
.menu3 ul li a:visited {                    /* unselected top-level menu items */
	display:block;
	float:left;
	text-decoration:none;
	line-height:auto;
	background:#FFFE81 url(images/button_slice.gif) bottom left repeat-x;
	padding:5px; width:140px;
	border:1px solid #00f; border-width:1px 1px 0 1px;
	color:#000000;
}
/*.menu3 ul li a{
display:block; background:#FFFE81 url(images/button_slice.gif) bottom left repeat-x; color:black; height:auto; line-height:15px; padding:8px 10px; width:129px; 
}*/
.menu3 ul li:hover a,
.menu3 ul li a:hover {                        /* selected top-level menu items */
	border-top:1px solid #000;    /* these 2 lines create the push-in illusion */
	/*height:16px;*/
	font-weight:bold;
	background:#A1CEEB;
}

/*======================== 2ND LEVEL MENU DEFINITIONS ========================*/

.menu3 ul li:hover ul,
.menu3 ul li a:hover ul {                           /* 2nd level drop-down box */
	display:block;
	position:absolute;
	margin:0;
	top:-1px;              /* place us beside menu item */
	left:150px;       /* left-align our drop-down to the previous menu border */
	height:auto;      /* the drop-down height will be determiend by line count */
	color:black;                        /* this sets the unselected-text color */
	/*background:black;         /* this sets our menu's effective "border" color */
}

.menu3 ul li:hover ul.leftbutton,
.menu3 ul li a:hover ul.leftbutton {/* our first dropdown should not be skewed */
	left:0px;
}

.menu3 ul li:hover ul.skinny,
.menu3 ul li a:hover ul.skinny {             /* 2nd level skinny drop-down box */
	width:8.08333em;   /* with a 12px default font, this is 97px width (97/12) */
}

.menu3 ul.rightmenu li:hover ul,
.menu3 ul.rightmenu li a:hover ul {    /* 2nd level neighborhood drop-down box */
	left:auto;
	right:0;         /* nudge the right menu right to line up under the border */
}

* html .menu3 ul.rightmenu li a:hover ul {         /* IE5/6 needs a tweak here */
	right:-1px;
}

.menu3 ul li:hover ul li a,
.menu3 ul li a:hover ul li a {                   /* 2nd level unselected items */
	/*border:0;*/
	margin:0;
	/*padding:0;
	height:auto;*/
	/*color:#000;               /* this sets the unselected drop-down text color */
	/*background:#d8d8d8;       /* this sets the drop-down menu background color */
	line-height:auto;
	background:#FFFE81 url(images/button_slice.gif) bottom left repeat-x;
	padding:5px; width:140px;
	border:1px solid #00f; border-width:1px 1px 0 1px;
	color:#000000;
	font-weight:normal;
}

.menu3 ul li:hover ul li:hover a,
.menu3 ul li a:hover ul li a:hover {                /* 2nd level selected item */
	/*color:black;
	background:white;*/
	font-weight:bold;
	background:#A1CEEB;
}
/*
.menu3 ul li:hover ul.skinny li a,
.menu3 ul li a:hover ul.skinny li a,
.menu3 ul li:hover ul.skinny li a:hover,
.menu3 ul li a:hover ul.skinny li a:hover {     /* 2nd level un+selected items */
/*	width:8.08333em;
}*/

/*
.menu3 ul li:hover a {
background:#A1CEEB; color:black; font-weight:bold;
}
.menu3 ul li a.drop {
background:#FFFE81 url(images/point3.gif) bottom right no-repeat;
}
.menu3 ul li:hover a.drop {
background:#A1CEEB url(images/point3a.gif) bottom right no-repeat;
}
.menu3 ul li:hover ul {
display:block; position:absolute; left:150px; top:-1px; width:150px;
}
.menu3 ul li:hover ul li a {
background:#FFFE81 url(images/button_slice.gif) bottom left repeat-x; color:black; font-weight: normal;
}
.menu3 ul li:hover ul li:hover a {
background:#A1CEEB; color:black; font-weight:bold;
}*/


/* for IE5.x and IE6 browsers only */
/*.menu3 a:hover {
color:#c00; background:#eee url(images/button_slice.gif) bottom left repeat-x;
}
.menu3 a:hover ul {
display:block; position:absolute; top:29px; left:0; background:#eee; margin-top:0; marg\in-top:1px;
}
.menu3 a:hover ul li a {
display:block; background:#FFFE81; color:black; height:30px; hei\ght:20px; line-height:15px; padding:5px 10px; width:151px; w\idth:129px;
}

.menu3 a:hover ul li a ul {
visibility:hidden; position:absolute; height:0; width:0;
}
.menu3 a:hover ul li a:hover {
background:#A1CEEB; color:black;
}
.menu3 a:hover ul li a.drop {
background:#FFFE81 url(images/point3.gif) bottom right no-repeat;
}
.menu3 a:hover ul li a.drop:hover {
background:#A1CEEB url(images/point3a.gif) bottom right no-repeat;
}
.menu3 a:hover ul li a:hover ul {
visibility:visible; position:absolute; top:0; t\op:-1px; color:black; left:150px;
}
*/

.menu3 a:hover ul li a.drop {
background:#FFFE81 url(images/point3.gif) bottom right no-repeat;
}
.menu3 a:hover ul li a.drop:hover {
background:#A1CEEB url(images/point3a.gif) bottom right no-repeat;
}
.menu3 ul li a.drop {
background:#FFFE81 url(images/point3.gif) bottom right no-repeat;
}
.menu3 ul li:hover a.drop {
background:#A1CEEB url(images/point3a.gif) bottom right no-repeat;
}
hr {clear:both; margin-bottom:30px;}
.left {clear:both;}