* {margin: 0; padding: 0;}
body{ background-image: url("gif/bg1.gif");}
#container 
{
width: 900px;
margin: 40px auto; 
height:538px;     
border: solid #000;
background-image:url(jpg/bgs1.jpg);
}

#leftColumn {width: 350px;
height:508px;
float: left;
}

#rightColumn 
{
width: 550px;
height:508px;
float: right;
background-image:url(gif/logo1.gif);
background-repeat:no-repeat;
background-position:bottom right;             
}

#footer 
{
clear: both;
height:30px;
background: #FFF;
text-align:center;                 
}
#footer p
{
padding-top:10px;
font-family:Arial;
font-size:10px;
}
#menucontainer 
{
width:350px;
height:375px;
margin-top:10px;
margin-left:0px;	
font-weight:bold
}
#logotext 
{
width:350px;
height:100px;
text-align:center;
font-family:Times New Roman;
font-size:42px;
color:#000;
}
#logotext h2
{
text-align: center;
font-family:Times New Roman;
font-size:25px;
}
#textbox
{
width:535px;
height:auto;
margin:10px 0px 0px 0px;
}
#textbox p
{
text-align: justify;
padding:10px 10px 10px 10px;
font-family:Tahoma, "ms Sans-Serif";
font-size:16px;
}
h3{ font-family:Arial;
font-size:20px;
color:#FFFFFF;
}
#textbox p a:hover 
{background:#FFFF99;
}
a {color:#000;}
#hex {padding:0; margin:0 auto; list-style:none; width:325px;}
#hex li {display:block; float:left; width:104px; margin-right:4px;  height:120px;}
#hex li.p1 {padding-left:54px;}
#hex li.p2 {margin-top:-26px;}
#hex li a {text-decoration:none; color:#000; cursor:pointer;}
#hex li a b {display:block; width:0; height:0; overflow:hidden; border-bottom:30px solid #9966FF; border-left:52px dotted transparent; border-right:52px dotted transparent;}
#hex li a span {display:block; width:104px; height:60px; line-height:59px; text-align:center; background:#9966FF; font-size:11px; font-family: arial, veradana, sans-serif;}
#hex li a em {display:block; width:0; height:0; overflow:hidden; border-top:30px solid #9966FF; border-left:52px dotted transparent; border-right:52px dotted transparent;}
/* hack for IE5.5 */
* html #hex li a b, * html #hex li a em {width:104px; height:30px; w\idth:0; he\ight:0;}
#hex li a.inner b {border-bottom-color:#9900CC;}
#hex li a.inner span {background:#9900CC;}
#hex li a.inner em {border-top-color:#9900CC;}
#hex li a.home b {border-bottom-color:#0066FF;}
#hex li a.home span {background:#0066FF;}
#hex li a.home em {border-top-color:#0066FF;}
#hex li a:hover {white-space:normal;}
#hex li a:hover b {border-bottom-color:#FFFF99;}
#hex li a:hover span {background:#FFFF99;}
#hex li a:hover em {border-top-color:#FFFF99;}
#hex li a.inner:hover b {border-bottom-color:#FFFF99;}
#hex li a.inner:hover span {background:#FFFF99;}
#hex li a.inner:hover em {border-top-color:#FFFF99;}