body { margin:0px; padding:0px; font-family: arial, helvetica, sans-serif; background-color: transparent; }
img { border:none; margin:0; padding:0; }
h1 { font-size:12pt; font-style: italic; color:black; line-height:1.0em; margin-top:8px; margin-bottom:8px;  }
h2 { font-size:12pt; font-style: italic; color:black; line-height:1.0em; margin-bottom:8px; }
h3 { font-size:10pt; font-style: italic; color:black; line-height:1.0em; margin-bottom:8px; }
table { font-size:10pt; font-family: arial, helvetica, sans-serif; color:black; line-height:1.0em; margin-bottom:8px; }


#keys-wrap { background-color: black; }
#content-wrap, #dropdownpanel-wrap { background-color: black;}
* html div#body-wrap { padding-top:10px; }
*+html div#body-wrap { padding-top:10px; }

#header, #dropdownpanel, #content, #submenu { width:834px; margin:0 auto 0 auto; background-color:white;}
#keys { width:834px; margin:0 auto 0 auto; background-color:black; font-size:10pt; font-style: italic; color:#ffffff; line-height:1.0em; }
#footer { width:834px; margin:0 auto 0 auto; background-color:white; min-height: 36px; font-face: arial; color:#221e1f; font-size:8pt; line-height:150%;}
  
#submenu-wrap { height: 40px; background-color: black;}/*change when altering the drop down panel tab*/
#submenu-spacer { float:left; width:80px; height:10px; }

ul.horiz-menu { margin:0; padding:0; }
ul.horiz-menu li { float:left; list-style-type: none; padding-left:5px; margin-left:5px; padding-top:2px; font-size:8pt; color:#ffd378;  }
ul.horiz-menu li a {font-weight: bold; color:white; text-decoration:none; }
ul.horiz-menu li a.active { font-weight: bold;color:white; }
ul.horiz-menu li a:hover { font-size:8pt; text-decoration:none; color:#ee1a2c; }

ul.horiz-menu li a.red:hover { font-size:8pt; font-weight: bold;text-decoration:none; color:#e74038; }
ul.horiz-menu li a.blue:hover { font-size:8pt; font-weight: bold;text-decoration:none; color:#4d89bb; }
ul.horiz-menu li a.yellow:hover { font-size:8pt; font-weight: bold;text-decoration:none; color:#ffdd78; }
ul.horiz-menu li a.green:hover { font-size:8pt; font-weight: bold;text-decoration:none; color:#69c860; }
ul.horiz-menu li a.purple:hover { font-size:8pt; font-weight: bold;text-decoration:none; color:#be3cff; }
ul.horiz-menu li a.pink:hover { font-size:8pt; font-weight: bold;text-decoration:none; color:#ffa928; }

#outer-left-content { float:left; margin-left:0px; margin-top:0px; padding-left: 0px; padding-top:0px; width:430px; min-height:400px;  }
*+html #outer-left-content { margin-top:10px; } 

#left-content { float:left; line-height:120%; font-size:8pt; font-decoration: italic; margin-left:0px; margin-top:0px; padding-left: 0px; padding-top:76px; width: 150px; min-height:250px; background-image: url('images/left_logoimage.gif'); background-repeat: no-repeat;    }
*+html #left-content { margin-top:10px; } 

#middle-content { line-height:120%; font-size:10pt; margin-left:160px; margin-top:10px; padding-left: 0px; padding-top:1px; width:265px;  }
*+html #middle-content { margin-top:10px; } 

#right-content { line-height:120%; font-size:10pt; margin-left:490px; padding-top:20px; padding-right:20px; width:300px; }
* html #right-content { height:400px; }


#footer-wrap { background-color:black; font-face: arial; color:#221e1f; font-size:8pt; padding:0px 0px;   }
#footer a {	color:#221e1f; text-decoration:none; }
#footer a:hover { text-decoration:underline; }

#footer-spacer { float:left; width:162px; height:30px;}

#bottom-wrap { background-color: black; height: 12px; }



/*CSS for Drop Down Panel*/

.ddpanel .ddpanelcontent{ /*CSS for "content" DIV of Drop Down Panel*/
color: black;
background: white; /*background of Drop Down Panel*/
/*Do NOT add any "padding" or "margin" properties here! Any padding/margin should be added to your content's container within this DIV instead */
}

.ddpanel .ddpaneltab{ /*CSS for "toggle" tab DIV of Drop Down Panel*/
margin-right: 50px;
font: normal 2px Arial;

}

.ddpanel .ddpaneltab a{ /*"toggle" tab related CSS*/
float: left;
color: blue;
background: green url(images/shop-background.gif) no-repeat left bottom; /*background of toggle tab*/

background-position: left top;
}

.ddpanel .ddpaneltab a span{ /*"toggle" tab related CSS*/
float: left;
display: block;
background: transparent;
padding: 0px 0px 0px 0px;
cursor: pointer;
}

.ddpanel .ddpaneltab a span img.pointerimage{ /*CSS for pointer image within toggle tab*/

margin-left: 0px;
margin-top: 0px;
}

.ddpanel .ddpaneltab a:hover{ /*"toggle" tab related CSS*/
background-color: red; /*background of toggle tab onMouseover*/
}

.ddpanel .ddpaneltab a:active, .ddpanel .ddpaneltab a:focus{ /*"toggle" tab related CSS*/
outline: 0px ;
}

.ddpanel .ddpaneltab a:hover span{ /*"toggle" tab related CSS*/
background: left;
color: transparent;
}



/*CSS for Sub dropdown panels*/

.ddsubpanel .ddsubpanelcontent{ /*CSS for "content" DIV of Drop Down Panel*/
color: green;

background: pink; /*background of Drop Down Panel*/
/*Do NOT add any "padding" or "margin" properties here! Any padding/margin should be added to your content's container within this DIV instead */
}

.ddsubpanel .ddsubpaneltab{ /*CSS for "toggle" tab DIV of Drop Down Panel*/
margin-right: 20px;
font: normal 12px Arial;
}

.ddsubpanel .ddsub-paneltab a{ /*"toggle" tab related CSS*/
float: right;
color: white;
background: black url('toggleleft.gif') no-repeat left bottom; /*background of toggle tab*/
text-decoration: none;
letter-spacing: 1px
}

.ddsubpanel .ddsubpaneltab a span{ /*"toggle" tab related CSS*/
float: left;
display: block;
background: url('toggleright.gif') no-repeat right bottom;
cursor: pointer; padding-left:13px; padding-right:12px; padding-top:1px; padding-bottom:4px
}

.ddsubpanel .ddsubpaneltab a span img.pointerimage{ /*CSS for pointer image within toggle tab*/
margin-top: 2px;
margin-left: 5px;
}

.ddsubpanel .ddsubpaneltab a:hover{ /*"toggle" tab related CSS*/
background-color: navy; /*background of toggle tab onMouseover*/
}

.ddsubpanel .ddsubpaneltab a:active, .ddsub-panel .ddsub-paneltab a:focus{ /*"toggle" tab related CSS*/
outline: 0;
}

.ddsubpanel .ddsubpaneltab a:hover span{ /*"toggle" tab related CSS*/
background-color: transparent;
}