/* CSS Document */

/* PAGE ELEMENTS */
body {
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 11px;
background-color:black;
color: #A4A4A4;
margin:0;}

a:link {color:#A4A4A4;}
a:hover {color: #A4A4A4;}
:visited {color: #A4A4A4;}

#navbar {width:780px;  position:absolute; top:108px; left:5px;z-index:2;background-color:black;}

/* First and Second Level UL tags */

#nav, #nav ul
{
     padding: 0;
     margin: 0;
     list-style: none;
     line-height: 1;
}

/* First Level Links */

#nav li
{
     float: left;
}

#nav li a
{
     width: 200px;
     display: block;
     color: #FFFFFF;
     text-decoration: none;
     background-color: black;
     padding: 4px;
     font:bold 10px verdana, arial, sans-serif;
     text-align:centre;
     border-right: 1px solid #ffffff;

}

#nav li a:hover
{
     color: black;
     background-color:  white;;
     border-right:1px solid #ffffff;
         

}

/* Second Level Links */

#nav li li
{background-color:transparent;
     float: left;border-right:1px;border-color:#ffffff;
}

#nav li li a
{
     /* no need to repeat common styles from #nav li a above */
     width: 139px;
     color: #000000;
     background-color: #E9E9E9;
     font:10px verdana, arial, sans-serif;
     text-align:left;
border-top:1px solid white; height:15px;z-index:2;border-right:1px solid white;

}
     
#nav li li a:hover
{
     color: #ffffff;
     background-color: #eeeeee;height:15px;z-index:2;border-top:1px solid white;

}

/* Hide the drop-downs until mouseover */
     
#nav li ul
{
     position: absolute;
     left: -999em;
     width: 144px;
}
     
/* Show the drop-downs on mouseover */     

#nav li:hover ul, #nav li.sfhover ul
{
     left: auto;
}

#searchbox {float:left; position : absolute;top:137px;left:0px; width:200px; height:300px; z-index:3;}

#leftmenu{float:left; position : absolute;top:137px;left:0px; width:200px; height:300px; z-index:3;background-image: url(images/searchback.gif);background-repeat:no-repeat;}


#container {float:left; height:780px; position:absolute; left:50%; width:780px; margin-left:-390px;background-color :#000000; background-image: url(images/containerback2.gif);background-repeat:repeat;}


#topcontent {float:left; width:780px; height:197px; position:absolute; top:0px; left:0px;background-image: url(images/topback.gif);background-repeat:no-repeat;}

.a {margin-top: 10px;padding:0px; width:560px; background-color:#ffffff;background-image: url(images/barbackc.gif);background-repeat:no-repeat;text-align:left;color:#ffffff; ; font-weight:bold;font-family : Verdana, Arial, Helvetica, sans-serif;font-size : 10px;height:44px;}

.b {margin-top: 10px;padding:0px; width:560px; background-color:#ffffff;background-image: url(images/barbacks.gif);background-repeat:no-repeat;text-align:left;color:#ffffff; ; font-weight:bold;font-family : Verdana, Arial, Helvetica, sans-serif;font-size : 10px;height:44px;}

.c {margin-top: 10px;padding:0px; width:560px; background-color:#ffffff;background-image: url(images/barback.gif);background-repeat:no-repeat;text-align:left;color:#ffffff; ; font-weight:bold;font-family : Verdana, Arial, Helvetica, sans-serif;font-size : 10px;height:44px;}

p {padding-left:13px; } 
#centispiece {float:left; position : absolute;top:128px;left:210px; width:570px; height:1056px; z-index:1;background-color :#ffffff;background-image: url(images/centreback.gif);background-repeat:no-repeat;}
#centispieceh {float:left; position : absolute;top:128px;left:210px; width:570px; height:656px; z-index:1;background-color :#ffffff;background-image: url(images/centreback.gif);background-repeat:no-repeat;}
#centispiecef {position : absolute;top:128px;left:210px; width:570px; height:656px; z-index:1;background-color :#ffffff;background-image: url(images/centerback.gif);background-repeat:no-repeat;}