﻿body {font: 0.8em Tahoma, Arial, sans-serif; background-image:url(images/bg.gif); margin: 0px; padding: 0px; line-height: 1.5em; } 
img {border:none;}
.clear {clear:both;}
a {color:#464646; text-decoration:underline;} 
a:hover {color:#E72402; }
ul {font: 0.7em Tahoma, Arial, sans-serif; }
form {margin:0px;}
input{font: 90% Tahoma, Arial, sans-serif;}
h1 {margin: 0; padding: 0; font: 100% Tahoma, Arial, sans-serif; font-weight: bold; color:#FF0000; text-align:left;}

#container {margin:0px auto; width:870px; background-color:#FFF; color:#2F2F2F; padding:15px; }
#container #header {width:870px; text-align:left;}
#container #content {width:870px; text-align:left; background-color:#FFF; }
#footer {font: 90% Tahoma, Arial, sans-serif;width:870px; height:40px; padding-top:20px; margin-top:20px; border-top:1px solid #DEDEDE; color:#898989;line-height: 1.5em;}

.content_left{width:300px; float:left; }
.content_right{width:555px; float:right; padding-left:15px; }

select {font: 95% Tahoma, Arial, sans-serif;}
.logo {width:210px; height:100px; float:left; padding-top:10px; padding-bottom:10px;}
.h_right {width:660px; height:100px; float:right; padding-top:20px;}
.banner {height:95px; border-bottom:1px dashed #DEDEDE; background:url(images/logo_am.gif) no-repeat top right; }
.nav {width:660px; height:40px; float:right;text-align:right; }


.promotion {background-color:#464646; color:#E0DFDF;}
.promotion p {padding: 0px 0px 5px 0px; margin: 0; }
.p_cover {padding:15px 20px 15px 20px;}
.p_pro {padding:15px 20px 15px 20px;font: 85% Tahoma, Arial, sans-serif;}
.txt_cover {float: left; padding-left:10px; font-weight:bold; font: 90% Tahoma, Arial, sans-serif; line-height: 1.2em;}
.txt_cover a { color:#E0DFDF; text-decoration:underline; font-weight:normal;}
.txt_cover a:hover { color:#ED1B23; text-decoration:underline;font-weight:normal;}
.txt_pro {float: left; padding-left:10px;  line-height: 1.2em; height:75px; width:175px; }
.txt_pro a { color:#E0DFDF; text-decoration:underline; font-weight:normal;}
.txt_pro a:hover { color:#ED1B23; text-decoration:underline;font-weight:normal;}
.flash_main {width:553px; height:335px; border:1px solid #464646;}
.title { border-bottom:1px solid #DEDEDE; padding-bottom:5px; border-top:1px solid #DEDEDE;padding-top:5px;}
.title_main { border-bottom:1px solid #DEDEDE; padding-top:20px;padding-bottom:10px; }

.box_highlight {width:185px; float:left; text-align:left;}
.box_highlight p{ padding: 2px 0px 0px auto; margin: 0;}
.box_highlight  img {border:1px solid #464646; margin-bottom:10px;}
.scroll {height:200px; overflow:auto; SCROLLBAR-FACE-COLOR: #A3A3A3; SCROLLBAR-HIGHLIGHT-COLOR: #A3A3A3; SCROLLBAR-SHADOW-COLOR: #A3A3A3; SCROLLBAR-3DLIGHT-COLOR: #A3A3A3; SCROLLBAR-ARROW-COLOR: #ffffff; SCROLLBAR-TRACK-COLOR: #EDEBEB; SCROLLBAR-DARKSHADOW-COLOR: #ffffff}

.box_content ul { font: 100% Tahoma, Arial, sans-serif; line-height: 1.5em;}
.box_content p { padding: 2px 0px 0px auto; margin: 0;}

.f_left {float: left;}
.f_right {float: right;}
.txt_left {text-align:left;}
.txt_right {text-align:right;}
.txt_center {text-align:center;}

.f_red_b {color:#FF0000; font-weight:bold;}
.f_red {color:#FF0000; }
.f_red_u{color:#FF0000; font-weight:bold;text-decoration:underline;}
.f_b {font-weight:bold; }
.f_gray {color:#999999; font: 90% Tahoma, Arial, sans-serif; }
.f_gray2 {color:#999999; font: 80% Tahoma, Arial, sans-serif; }
.f_boldgray {font: 0.8em Tahoma, Arial, sans-serif; font-weight:bold; text-align:center;}

.pl_5{padding-left:5px;}
.pl_10{padding-left:10px;}
.pl_15{padding-left:15px;}
.pl_20{padding-left:20px;}
.pl_30{padding-left:30px;}
.pr_5{padding-right:5px;}
.pt_5{padding-top:5px;}
.pt_10{padding-top:10px;}
.pt15 {padding-top:15px;}
.pt_20{padding-top:20px;}
.pt_50{padding-top:50px;}
.mt_15{margin-top:15px;}

.w_660{width:660px;}

.box_poll {border:1px solid #DfDfDf;}
.box_poll p {padding: 0px 0px 5px 0px; margin: 0;}
.bg_hpoll {background-color:#F3F3F3;}

#mainNavigation {width: 510px; height: 16px; background: #fff; font: 0.7em Tahoma, Arial, sans-serif; }  
#mainNavigation li {list-style: none; float: left;}  
#mainNavigation li a {display: block; text-decoration: none; height: 16px; background-position: 0 0; background-repeat: no-repeat;}    
#mainNavigation li a:hover {background-position: 0 -16px;}  
#mainNavigation li span {visibility: hidden;}    
#mainNavigation li#home a {background-image: url(images/menu_home.gif); width: 54px; }  
#mainNavigation li#magazine a {background-image: url(images/menu_magazine.gif); width: 98px;}  
#mainNavigation li#webboard a {background-image: url(images/menu_webboard.gif); width: 108px;}  
#mainNavigation li#about a {background-image: url(images/menu_aboutus.gif); width: 92px;}  
#mainNavigation li#staff a {background-image: url(images/menu_staff.gif); width: 57px;}  
#mainNavigation li#contact a {background-image: url(images/menu_contactus.gif); width: 93px;}  


.arrowlistmenu ul{
list-style-type: none;
margin: 0;
padding: 0;
font: 0.9em Tahoma, Arial, sans-serif;
/*margin-bottom: 8px; bottom spacing between each UL and rest of content*/
}

.arrowlistmenu ul li{
padding-bottom: 2px; /*bottom spacing between menu items*/

}

.arrowlistmenu ul li a{

background: url(images/arrow.gif) no-repeat left 50%; /*custom bullet list image*/
padding-left: 13px; /*link text is indented 19px*/
text-decoration: underline;
padding-right: 0;
padding-top: 2px;
padding-bottom: 0px;
}

/* =========== Webboard Home ===================*/
.webboardHome ul{
    list-style-type: none;
    margin:0;
    padding:0;
    font: 0.9em Tahoma, Arial, sans-serif;
}
.webboardHome ul li{
    padding-bottom: 2px;
    border-bottom:dashed 1px #AEADAD;
}
.webboardHome ul li a{
    background: url(images/iconwebboard.gif) no-repeat left 50%;
    padding-left: 20px;
}
