/* NEW DESIGN CSS */
* {padding:0;margin:0;}

body {
background-color: #ddd;
}

#divheader {  /* Used in numerous pages */
background: #ddd;
width: 950px;
height: 168px;
margin: 15px auto 0 auto;
}

#wraplogo {  /* Used in numerous pages */
background-color: #ddd;
float: left;
clear: right;
margin-top: 15px;
}

#introtxt {  /* Index page only */
float: left;
width: 470px;
margin: 15px;
}

#introtxt p.txt {  /* Index page only */
font-size: .75em;
margin: 0;
}

#introtxt h1 {  /* Index page only */
font-family:Arial,Helvetica,sans-serif;
font-size:.95em;
font-weight:600;
font-size:1.2em;
color:#A52A2A;
text-align: center;
margin: 0;
padding: 0;
}

#introtxt h2 {  /* Index page only */
font-family:Arial,Helvetica,sans-serif;
font-size:.9em;
color:#000;
font-weight:600;
font-size:.95em;
color:336633;
padding-bottom:3px;
text-align: center;
margin: 0;
padding: 0 0 4px 0;
}

#wraplist {  /* Index page only */
background-color: #ddd;
width: 160px;
padding-bottom: 3px;
float: right;
margin-top: 15px;
padding: 0;
}

#wraplist select {  /* Index page only */
width: 160px;
font-size: .75em;
background-color: #ddd;
color: blue;
}

h1.hdr1 {
text-align: center;
background-color: #ddd;
margin: 0 auto 0 auto;
padding: 0;
font-size: .9em;
color: #A52A2A;
}

/* START STYLES FOR ROLLOVER POP-UP BOXES (leaving HMTA site) */
a.popup span {
display: none;
}

a.popup:hover span {
display:block;
position:absolute;
text-decoration:none;
padding:5px;
margin:10px;
z-index:100;
color:#FFF;
background: #000;
font: 11px Verdana,sans-serif;
text-align:left;
}

a.popup:hover {
color: #411;
background: #ddd;
}
/* END POP-UP BOX STYLES */

p.txt {  /* Used in numerous pages */
font-family:Arial,Helvetica,sans-serif;
font-size:.85em;
color:#000;
font-weight:400;
margin:0;
}

a.a2 {  /* Used in numerous pages */
margin: 0px;
text-align:left;
font-family: Arial,Helvetica,sans-serif;
font-size:.65em;
text-decoration:underline;
}
a.a2:link {color:#6D7B8D}
a.a2:visited {color:#0000FF}
a.a2:hover {color:#996600}
a.a2:active {color:#996600}

h1 {  /* Used in numerous pages */
font-family:Arial,Helvetica,sans-serif;
font-size:.95em;
color:#000;
font-weight:400;
margin-bottom:.4em;
font-weight:600;
font-size:1.2em;
color:#336633;
}

h2 {  /* Used in numerous pages */
font-family:Arial,Helvetica,sans-serif;
font-size:.95em;
color:#000;
font-weight:400;
margin-bottom:.4em;
font-weight:600;
font-size:1em;
color:336633;
padding-bottom:6px;
}

span.span1 {  /* Used in numerous pages */
font-style:italic;
font-weight:600;
}

td.footernote, #footernote {  /* Used in numerous pages */
vertical-align:middle;
width: 340px;
font-size: 8pt;
text-align: left;
}

p.fnote {  /* Used in numerous pages */
font-size: 1em;
font-style:normal;
font-weight: normal;
margin: 4px;
}

div#list td {
text-align:left;
}

#rcol ul {
font-family:Verdana,Arial,Helvetica,sans-serif;
font-size:.9em;
list-style: square outside;
margin-left:40px;
}

/* START INDEX PAGE DIRECTDRIVE.COM ACCORDION MENU RULES */

.applemenu {
margin: 0 0 5px 0;
padding: 0;
width: 129px; /*width of menu*/
}

.applemenu div.silverheader a {
background: #ddd url(images/silvergradient.gif) repeat-x center left;
font: bold 12px Tahoma, "Lucida Grande", "Trebuchet MS", Helvetica, sans-serif;
color: white;
display: block;
position: relative; /*To help in the anchoring of the ".statusicon" icon image*/
width: auto;
padding: 5px 0;
padding-left: 8px;
}

.applemenu div.silverheader a:visited, .applemenu div.silverheader a:active { color: white; }

.applemenu div.selected a, .applemenu div.silverheader a:hover {
background-image: url(images/silvergradientover.gif);
color: white;
text-decoration: none;
}

.applemenu div.submenu { /*DIV that contains each sub menu*/
background: #ddd;
padding: 5px;
height: 80px; /*Height that applies to all sub menu DIVs. A good idea when headers are toggled via "mouseover" instead of "click"*/
font-family:verdana,sans-serif;
font-size: .75em;
font-weight: normal;
background:#ddd url(images/gr8.jpg);
}

div.submenu a {text-decoration:none;}
div.submenu a:link {color: blue;}
div.submenu a:visited {color: blue;}
div.submenu a:hover {color: blue;}
div.submenu a:active {color: blue;}

/* END INDEX PAGE END ACCORDION MENU RULES */

input.hand {
cursor: pointer;
cursor: hand;
}

/* START INDEX PAGE MISC STYLES */
#body-container { 
background: #ddd;
width: 950px;
margin: 0 auto; 
}

#lcwrapper { 
float: left;
}

#body-content { 
background: #ddd;
width: 810px;
float: right;
padding: 0;
margin: 0;
}

#spotlite { /* spotlight box */
background: #000 url(images/sl.jpg) no-repeat;
width: 25%;
height: 450px;
float: left;
text-align: center;
}

#spotlite p.sltitle { /* spotlight title */
font: bold 16pt Georgia,serif;
color: #fff;
padding: 20px 0 20px 0;
}

#spotlite a.slitem { /* spotlight links */
font: bold 1em Arial,sans-serif;
text-decoration: none;
margin: 0 0 15px 0;
}
#spotlite a.slitem:link {color: #FFCC99;}
#spotlite a.slitem:visited {color: #FFCC99;}
#spotlite a.slitem:hover {color: #FF9900;}
#spotlite a.slitem:active {color: #FFCC99;}

#spotlite p.slitem { /* spotlight item paragraphs */
margin: 0 0 10px 0;
}

#ccol {  /* center column containing rollover titles */
float: left;
width: 50%;
margin: 0 8px 0 12px;
}

.ddheader { 
cursor: hand;
cursor: pointer;
color: #000080;
padding: 2px 5px;
background: #FFCC99 url(images/silvergradient.gif);
margin: 0 0 4px 0;
}

.openddheader { /* class specified in "toggleclass" in .init of 1st demo when they are open */
background: #FF9900 url(images/silvergradientover.gif);
color: #000099;
}

/* END INDEX PAGE MISC STYLES */