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

#head {font:8pt Times New Roman, Times, serif; color:#fff; padding: 0px 0px 0px 0px; width:100%;  margin:0px; }

/******* PAGE STYLE *******/
a { color:#900; text-decoration:underline;  font-weight:bold;}
a:link {color:#900; text-decoration:underline;  font-weight:bold;}
a:hover {text-decoration:none; color:#333; font-weight:bold;}

hr {color:#e7e7e7; text-align:center; border:solid 1px #e7e7e7;}

h1 {font-family:Times, serif; FONT-SIZE: 17pt; color: #000; margin: 0px 0px 0px 0px; font-weight:normal;}
h2 {font-family:Times, serif; FONT-SIZE: 16pt; color: #6A1B41; margin: 20px 0px 0px 0px; border-bottom:1px dotted #fff; font-weight:normal;}
h3{background-color:#900; color:#fff; font-family:Times, serif; FONT-SIZE: 16pt; padding:5px; margin:0px;}
h3 a { color:#fff; text-decoration:none;  font-weight:bold;}
h3 a:link {color:#fff; text-decoration:none;  font-weight:bold;}
h3 a:hover {text-decoration:underline; color:#aaa; font-weight:bold;}


#contentIndex { padding: 0px 0px 0px 0px; margin:0px 0px 0px 1px;  width:857px; background-color:#FFFFFF;}
#middle {width:666px; float:left; padding: 0px 0px 0px 0px; margin: -10px 0px 0px 0px; text-align:left; color:#000; border-left:1px solid #3e3e3e; min-height:425px;background-color:#fff;}
#middle table {margin:5px;}
#middle p{padding: 0px 10px 0px 10px; font: 11px arial, Helvetica, sans-serif; color: #3F4330;}
#middle h1{padding: 0px 10px 0px 10px; }
#right {width:188px; float:right;padding:0px 0px 0px 0px; margin: -10px 0px 0px 0px; color:#fff; font:8pt Times New Roman, Times, serif;}
#left {float:left; width:192px; padding: 5px 5px 15px 15px; margin: 0px 3px 0px 0px; text-align:left;}

/******* Navigation *******/
#menu {width:900px; margin:-3px 0px 0px -22px;  padding:0px 0px 0px 0px;}
/* remove all the bullets, borders and padding from the default list styling */
#menu ul {padding:0px; margin:0px 0px 0px 0px; list-style-type:none; margin-left:22px;}
/* 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:36px; padding:0px; font-size:13px;}
/* style the links for the top level */
#menu a:link, #menu a:visited, #menu a{display:block; text-decoration:none; width:162px;  background-image:url(images/navBack.gif); font-weight:bold; color:#fff; }
#menu a:hover {color:#acacac; display:block;  padding-left:0px; background-image:url(images/navBackOver.gif)}
/* 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:35px; 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-color:#efefef;  color:#333;  border: 1px solid #c1c1c1; padding: 2px 0px 0px 0px; text-align:center; margin:1px 0px 0px 0px;}
/* style the top level hover */
.menu :hover > a, .menu ul ul :hover > a {}
/* 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); }

/*************************************************/
#footer { padding: 10px; text-align:center; background-image:url(images/footerBack.gif); margin: 0px 0px 0px 0px; background-repeat:repeat-x; background-color:#fff; border-left:1px solid #3e3e3e; width:837px; text-align:center; background-color:#FFF;}

#footer td {text-align:left;}

#menu .first { background: url(/images/nav-left.png) no-repeat; width: 23px; height: 36px; }
#menu .last { background: url(/images/nav-right.png) no-repeat; background-right: 0; width: 23px; height: 36px; }