/******* base style component *******/

/* Base style */
body { 
padding: 0;
font-size:13px;
font-family: sans-serif;
}

#wrapper {
width:950px;
margin: auto;
border:1px solid #888;
border-bottom:0px solid #888;
background:#f4f4f4;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
}

.contentbox, .cb{
border:1px solid silver;  padding:0px 10px 5px 10px ;background:#fff;
clear:both;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
-moz-box-shadow: #ddd 0px 0px 8px;
-webkit-box-shadow: #ddd 0px 0px 8px;
}

a:link {color: #002288; text-decoration: none}
a:visited {color: #002288; text-decoration: none}
a:hover {color: #DD0000; text-decoration: none;}

h1 {font-size:180%;}
h1 a:visited {color: #000000; text-decoration: none}

h2, h3 {
font-size:150%;
color: #555;
margin:5px 5px 5px 0px;
text-decoration:none;
padding:5px;
}

h4,  h5, h6 {
   color: #07E;
   margin:8px 0px 0px 0px;
   }
h4 a:visited {color: #444; text-decoration: none}
   
   
p {margin:5px;}

.tinytext {font-size:75%;}

td {vertical-align:top;}

#headpic{
float:left;
margin:10px;
border:none;
}


#socialbuttons{
float:right;
clear:none;
margin:-5px -5px 0px 0px;
color:#444;
font-size:180%;
}


#header{
float:right;
margin:10px 20px 0px 0px;
clear:right;
color:#444;
font-size:180%;
}





img  {
border: 0px none; 
margin:5px;
}

.salepic {
border: 1px solid gray;
   }

#main {
   
   padding: 10px 5px 10px 5px;
   
}

#footer {
   
   clear:both;
   text-align: center;
   padding: 0px ;
   font: 12px/25px sans-serif; font-weight: bold;
   color: #EEE;
   background: url("button120.gif") repeat-x 20px;
   }







/******* blackmenu style component *******/

/* black menu css component */

#menu ul{
clear:both;
padding:0 0 0 32px; margin:0; list-style:none; height:20px; background:#fff url(button120.gif); border:1px solid #000; border-width:0 1px; border-bottom:1px solid #444;}
#menu li {float:left; border-right:0px solid #333;border-left:1px solid #333;}
#menu li a {display:block; float:left; height:20px; line-height:20px; color:#eee; text-decoration:none; font-size:12px; font-weight:bold; text-align:center; padding:0 0 0 8px; cursor:pointer;outline: none;}
#menu li a b {float:left; display:block; padding:0 16px 0 8px;}
#menu li.current a {color:#fff; background:url(button420.gif);}
#menu li.current a b {background:url(button420.gif) no-repeat right top;}
#menu li a:hover {color:#fff; background:#000 url(button320.gif);}
#menu li a:hover b {background:url(button320.gif) no-repeat right top;}
#menu li.current a:hover {color:#fff; background:#000 url(button420.gif); cursor:default;}
#menu li.current a:hover b {background:url(button420.gif) no-repeat right top;}