body{ margin: 0px 0px 0px 0px; background-image:url(images/back.gif); color: #3F4330; }
p, li{font: 12px arial, Helvetica, sans-serif; color: #3F4330;}

tr, td, table{font: 11px arial,  Helvetica, sans-serif;  color: #3F4330;}
input, textarea, select { background-color:#123456; height: 10 px; border:1px solid #fff;color:#fff;}
hr {border: 1px dotted #000; width:85%; text-align:center;}

/******* PAGE STYLE *******/
a {color:#848873; text-decoration:none; }
a:link {color:#848873; text-decoration:none; }
a:hover {text-decoration:underline;}
a:visited {}
#logo {position:relative; 	height:0px;	right:220px;	top: 95px; z-index:1;}

h1 {font-family:Times, serif; FONT-SIZE: 22pt; color: #fff; margin: 0px 0px 0px 0px; border-bottom:1px dotted #fff; font-weight:normal;}
h2 {font-family:Times, serif; FONT-SIZE: 16pt; color: #123456; margin: 20px 0px 0px 0px; border-bottom:1px dotted #fff; font-weight:normal;}

/******* Navigation *******/
.menu {width:900px;  position:relative; z-index:100; }
/* remove all the bullets, borders and padding from the default list styling */
.menu ul {padding:0;margin:0;list-style-type:none;}
/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.menu li {float:left;position:relative; text-align:center; line-height:35px;padding:0px; font-size:16px; font-family:"Times New Roman", Times, serif; }
/* style the links for the top level */
.menu a, .menu a:hover {display:block;text-decoration:none; color:#fff; width:149px;  border: solid #fff; border-width:1px 0px 1px 1px; background-image:url(images/navBack.gif); font-weight:bold; text-shadow : #000 0.05em 0.05em; }
/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul {visibility:hidden;position:absolute;height:0;top:37px; margin:0px 2px 0px 0px;}
/* style the table so that it takes no ppart in the layout - required for IE to work */
.menu table {position:absolute; top:0; left:0; border-collapse:collapse;}
/* style the second level links */
.menu ul ul a{background:url(images/navOver.gif); color:#333; height:auto;  border: solid #fff; border-width:1px 0px 1px 1px;  width:149px;font-size:12px; font-weight:bold; line-height:15px; padding:5px 0px 5px 0px;text-shadow : #000 0.00em 0.00em; border-color:#FFFFFF}
/* style the top level hover */
.menu :hover > a, .menu ul ul :hover > a {color:#fff; background-image:url(images/navBack.gif);text-shadow : #000 0.00em 0.00em;}
/* make the second level visible when hover on first level list OR link */
.menu ul li:hover ul, 
.menu ul a:hover ul{visibility:visible; color:#fff; background-image:url(images/navBack.gif); }

/******* RIGHT COLUMN STYLE *******/

#contentIndex {font: 8pt verdana,  Helvetica, sans-serif; color: #3F4330; padding: 0px 0px 10px 0px; margin: 0px 0px 10px 0px;  background-color:#FFFFFF; text-align:center; width:900px;}

#flash {position:absolute;	top:134px;	text-align:right;	padding:0px;	width: 900px;}
#inside {width:483px;float:left;background:#fff; padding: 10px 0px 20px 0px; margin:0px 5px 7px 5px; text-align:left;}
#inside img {padding-right:20px; margin-right:10px;}
#inside ul{}
#inside li{list-style-image:url(images/bullet.png); margin-left:25px; padding-left:5px;}

#middle {width:612px;float:left; background-color:#fff; padding: 0px 0px 5px 0px; margin: 0px 0px 0px 15px; text-align:left; color:#000;}
#middle h1 {font-family:Times, serif; FONT-SIZE: 22pt; color: #123456; margin: 0px 0px 0px 0px; border-bottom:1px dotted #123456; font-weight:normal;}

#left {float:left; width:439px; height:210px; padding: 5px 0px 5px 5px; margin: -3px 3px 0px 3px; background-image:url(images/middleBack.gif); background-repeat:repeat-x; background-color:#224A71;text-align:left; color:#FFFFFF;}
#left  table, tr,td {color:#fff;}
#left  a {color:#fff; text-decoration:none; }
#left a:link {color:#fff; text-decoration:none; }
#left a:hover {text-decoration:underline; color:#E0EBCE;}
#left a:visited {}

#right {width:255px;float:right;padding:5px 0px 5px 5px; height:260px; margin: 0px 2px 0px 0px; text-align:left; background-color:#E3EBF0; font-weight:bold;}
#right h1 {color:#123456;}

#right .small {font-size:9px; font-style:italic;}

#footer {font: 12px verdana, Helvetica, sans-serif; padding: 10px 0px 10px 0px; margin: 8px 0px 0px 0px; text-align:center; border-top:1px dotted #123456; background-color:#E0EBCE;}
#footer p{margin: 0px;}
#footer .banner { width:860px; text-align:left; padding:3px; text-align:center;}
#footer img {padding-right:7px;}

/***SUB NAV **********/
#insideNav {background-image:url(images/leftBack.gif); background-repeat:repeat-x; background-color:#f2f2f2;
	margin: 0px 0px 0px 2px; 	padding: 00px 0px 0px 0px;	width: 141px;	float: left; border-bottom: 5px solid #A9AD9A;}
#insideNav ul {	margin: 0;	padding: 0;	width: 141px;	float: right;	list-style: none;}
#insideNav ul li {	margin: 0;	padding: 0;	font-family: Verdana, Arial, Helvetica, sans-serif;	color: #FFFFFF;		border-bottom-width: 2px;	border-bottom-style: solid;	border-bottom-color: #FFFFFF; 	}
#insideNav ul li a {margin: 0;	display: block;	color: #000;text-decoration: none; background-image:url(images/subNavBack.gif); padding: 6px 5px 6px 10px; text-align:left;}
#insideNav ul li a:hover {	color: #022045;	background-color: #DCD5B9;	text-decoration: none; background-image:url(images/subNavArrow.gif);}