* {margin-top:0;}

/* Accordion pannels CSS */
.applemenu{
margin: 5px 0;
padding: 0;
width: 130px; /*width of menu*/
border: 0px solid #ffffff;
}

.applemenu div.silverheader a{
background-image: 
url('images/headingbar.gif');
font: bold 12px Arial;
color: 292929;
display: block;
position: relative; /*To help in the anchoring of the ".statusicon" icon image*/
width: auto;
border: 1px solid #c0c0c0;
padding: 5px 0;
padding-left: 8px;
text-decoration: none;
}


.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/CC0000background.jpg");
color: white;
}

.applemenu div.submenu{ /*DIV that contains each sub menu*/
background: white;
font: normal 12px Arial;
padding: 5px;
height: 130px; /*Height that applies to all sub menu DIVs. A good idea when headers are toggled via "mouseover" instead of "click"*/
}


/* Body content */

h1
{
font: bold 18px arial;
color: #333333;
margin-bottom: 5px;
}

h2
{
font: bold 14px arial;
color: #333333;
margin-bottom: 0px;
}

p
{
font: normal 13px arial;
color: #333333;
margin-top: 3px;
margin-bottom: 11px;
margin-right: 5px;
}

.tabletext
{
font: normal 13px arial;
color: #333333;
margin-top: 3px;
margin-bottom: 11px;
margin-right: 11px;
}

.hotboxheading
{
font-family: arial;
font-size:13px;
padding-top: 10px;
padding-left: 10px;
padding-right: 10px;
height: 42px;
color: #000000;
font-weight: normal;
}

.hotboxcontent
{
font-family: arial;
font-size:13px;
padding-left: 10px;
padding-right: 10px;
color: #000000;
}

a:link {color: #AA0000; text-decoration: none}
a:visited {color: #AA0000; text-decoration: none}
a:hover {color: #AA0000; text-decoration: underline}

a.footer:link {font-family: arial;
font-size:11px; color: #999999; text-decoration: none}
a.footer:visited {font-family: arial;
font-size:11px; color: #999999; text-decoration: none}
a.footer:hover {font-family: arial;
font-size:11px; color: #999999; text-decoration: underline}

/* Expanding text */
.iconspan{
float: right;
margin: 3px;
cursor:hand;
cursor:pointer;
font-family: arial;
font-size:12px;
}

.eg-bar{
background-image: 
url('images/headingbar.gif');
border: 1px solid #C0C0C0;
padding: 4px;
font-family: arial;
font-size:12px;
}

div.eg-bar{
width: 635px;
}

.icongroup1{
width: 635px;
}

/********** contact form **********/
#contactform { margin:0; padding:5px 10px;}
#contactform * { color:#7a7a7a;}
#contactform ol { margin:0; padding:0; list-style:none;}
#contactform li { margin:0; padding:0; background:none; border:none; display:block;}
#contactform li.buttons { margin:5px 0 5px 0;}
#contactform label { float:left; margin:0; width:100px; padding:5px 0; font:normal 12px Arial, Helvetica, sans-serif; color:#222; text-transform:capitalize;}
#contactform label span { font:normal 10px Arial, Helvetica, sans-serif;}
#contactform input.text { width:480px; border:1px solid #e8e8e8; margin:5px 0; padding:5px 2px; height:25px; background:#f8f8f8;}
#contactform textarea { width:480px; border:1px solid #e8e8e8; margin:10px 0; padding:2px; background:#f8f8f8; height:150px;}
#contactform li.buttons input { padding:3px 0; margin:0 0 0 370px; border:0; color:#FFF;}
p.response { text-align:center; color:#2c2c2c; font:bold 11px Arial, Helvetica, sans-serif; line-height:1.8em; width:auto;}

p.clr, .clr { clear:both; padding:0; margin:0;}
li.bg, .bg { clear:both; border-bottom:1px solid #dedede; padding:10px 0 0 0; margin:0 0 10px 0; background:none; list-style:none;}