/* CSS Document */
body{
margin:0;
padding:0;
background:url(/absite/static/image/common/background.jpg) repeat-x left top;
}

div,p,ul,li,dl,dt,dd{
margin:0;
padding:0;
font-size:12px;
line-height:1.5;
color:#808080;
}

h1,h2,h3{
margin:0;
padding:0;
}
ul{
list-style-type:none;
}

img{
border:none;
}

a:link,
a:visited,
a:active{
color:#c92121;
text-decoration:underline;
}
a:hover{
color:#c92121;
text-decoration:none;
}


a:link{color:#778899;text-decoration: none}
a:visited{color:#2F4F4F;text-decoration: none}
a:hover{text-decoration:none;border-bottom:1px solid #A9A9A9}

.clear{
clear:both;
}
/* ---------------------------------------------------------- */


#site-banner{
width:750px;
margin:0 auto;
}

/* navigation */
#navigation{
width:752px;
height:41px;
margin:10px auto 0;
background:url(/absite/static/image/common/bg_navigation.gif) no-repeat;
}

#navigation ul{
list-style-type:none;
padding:6px 0 0 6px;
}
#navigation ul li{
float:left;
padding-right:5px;
}
#navigation ul li a{
display:block;
width:109px;
height:29px;
text-decoration:none;
text-align:center;
}
#navigation ul li a span{
display:block;
padding-top:7px;
}
#navigation ul li a:link,
#navigation ul li a:visited{
background:url(/absite/static/image/common/bg_menu.gif) no-repeat left top;
font-size:14px;
font-weight:bold;
color:#ffe1e1;
}
#navigation ul li a:hover,
#navigation ul li a:active{
background:url(/absite/static/image/common/bg_menu.gif) no-repeat left center;
font-size:14px;
font-weight:bold;
color:#ffffff;
}

#navigation ul li.active a:link,
#navigation ul li.active a:visited,
#navigation ul li.active a:hover,
#navigation ul li.active a:active{
background:url(/absite/static/image/common/bg_menu.gif) no-repeat left bottom;
color:#ffffff;
}

#navigation ul li.active a img{
vertical-align:middle;
margin-right:3px;
}

/* container */
#container{
clear:both;
width:750px;
margin:8px auto 0;
overflow:hidden;
}

/* left */
#left{
float:left;
width:170px;
padding-bottom:32768px;
margin-bottom:-32768px;
background:#f8eff2;
}
#left-cnt{
padding:5px;
}
#login{
width:160px;
height:112px;
background:url(/absite/static/image/common/bg_login_area.gif) no-repeat;
}
#login-area{
padding-top:11px;
text-align:center;
}
#login-btn{
width:138px;
height:40px;
margin:0 auto;
}
#entry-btn{
width:138px;
height:40px;
margin:10px auto 0;
}

#login-btn a,
#entry-btn a{
display:block;
width:138px;
height:40px;
}
#login-btn a:link,
#login-btn a:visited{
background:url(/absite/static/image/common/btn_login.gif) no-repeat left bottom;
}
#login-btn a:hover,
#login-btn a:active{
background:url(/absite/static/image/common/btn_login.gif) no-repeat left top;
}
#entry-btn a:link,
#entry-btn a:visited{
background:url(/absite/static/image/common/btn_entry.gif) no-repeat left bottom;
}
#entry-btn a:hover,
#entry-btn a:active{
background:url(/absite/static/image/common/btn_entry.gif) no-repeat left top;
}
#login-btn a span,
#entry-btn a span{
position:absolute;
left:-9999px;
}

#left-btn{
width:160px;
}
#left-btn li{
width:160px;
margin-top:5px;
vertical-align:bottom;
}
#beginner-btn a{
display:block;
width:160px;
height:50px;
}

#beginner-btn a:link,
#beginner-btn a:visited{
background:url(/absite/static/image/common/btn_beginner.gif) no-repeat left bottom;
}
#beginner-btn a:hover,
#beginner-btn a:active{
background:url(/absite/static/image/common/btn_beginner.gif) no-repeat left top;
}
#beginner-btn a span{
position:absolute;
left:-9999px;
}




/* footer */
#foot{
clear:both;
width:750px;
height:60px;
margin:0 auto;
padding-top:5px;
}
#foot-cnt{
padding:19px 0;
border-top:1px solid #dbdde5;
}
#foot ul{
margin-left:72px;
}
#foot ul li{
float:left;
padding:0 11px;
border-right:1px solid #eeeeee;
}
#foot ul li.none{
border-right:none;
}
#foot ul li a:link,
#foot ul li a:visited,
#foot ul li a:active{
color:#666666;
text-decoration:underline;
}
#foot ul li a:hover{
color:#666666;
text-decoration:none;
}

/* banner */
#banner{
clear:both;
width:750px;
height:60px;
margin:0 auto;
padding-top:5px;
text-align:left;
}

/* Basic code - don't modify */
 
 #nav { display: block; margin: 0; padding: 0; position: relative; }
  #nav li { display: block; list-style: none; margin: 0; padding: 0; float: left; position: relative; }
  #nav a { display: block; }
  #nav ul { display: none; position: absolute; left: 0; margin: 0; padding: 0; }
  * html #nav ul { line-height: 0; } /* IE6 "fix" */
  	#nav ul a { zoom: 1; } /* IE6/7 fix */
    #nav ul li { float: none; }
    #nav ul ul { top: 0; }
    
/* Essentials - configure this */

#nav ul { width: 70px; }
#nav ul ul { left: 71px; }
#nav li { width:70px;text-align:center; }
/* Everything else is theming */
 
#nav { background-color: #FAF0E6; height: 24px; width:210px }
#nav *:hover { background-color: none; }
#nav a { border-right: 1px solid white; color: #2F4F4F; font-size: 12px; padding: 6px; line-height: 1; }
  #nav li.hover a { background-color: #FFFAF0; }
  #nav ul { top: 25px; }
    #nav ul li a { background-color: #FFFAF0; }
      #nav ul li.hover > a { background-color: #30A8C3; }
   #nav ul a { border-bottom: 1px solid white; border-right: none; opacity: 0.9; filter: alpha(opacity=90); }
/* #nav ul a { border-bottom: none; } - I also needed this for IE6/7 */