body {padding:0 0; font:0.8em/1.6 "arial", sans-serif;}
h1, h2, h3, h4, h5, h6, address, blockquote, dl, fieldset, ol, p, table, ul {margin:15px 0;}

/* ----------------------------------------------------------------------------------------------------------
Layout
---------------------------------------------------------------------------------------------------------- */

#main {width:900px; margin:0 auto; padding:0 20px;background-image:url(../images/topbg1.png); background-repeat:no-repeat }
.bottom {width:900px; margin:0 auto; padding:0 20px; background-image:url(../images/bottombg.png); background-repeat:no-repeat; height:20px }
#header {position:relative; height:80px; padding:0 20px; }
#header #logo {margin:0px;}
#header #logo img {display:block;}
#header #nav {position:absolute; top:20px; right:10px; margin:0;}
#header #nav span {margin:0 10px; z-index:1002}
#promo {position:relative; height:250px; overflow:hidden;}
#promo p {margin:0;}
#promo p img {margin:0;}
#promo p#slogan {position:absolute; top:90px; right:0; z-index:999;}
#promo ul#slider {margin:0;}
#footer {padding-bottom:20px; font-size:85%;}
#footer p {margin:0;}

/* ----------------------------------------------------------------------------------------------------------
Page: Homepage
---------------------------------------------------------------------------------------------------------- */

.cols3 {width:940px; margin:20px -20px; padding:20px 0;}
.cols3 .cols3-content {padding-left:20px; background:url("../design/cols3.gif") 0 0 repeat-y;}
.cols3 .cols3-bottom {width:940px; height:3px; background:url("../design/cols3-bottom.gif") 0 0 no-repeat; font-size:0; line-height:0;}
.cols3 .col {float:left; width:270px; margin-right:15px; padding:0 10px 10px 10px;}
.cols3 .col.last {margin-right:0;}
.cols3 .col h2 { padding:8px 10px; font-size:100%; font-weight:bold;}
.cols3 .col h2 a {text-decoration:none;}
.cols3 .col h2 a:hover {text-decoration:underline;}
.cols3 .col p {margin:0;}
.cols3 .col img {margin-bottom:10px;}
.cols3 .col ul {margin:10px 0 10px 10px;}
.cols3 .col ul li {padding-left:2px;  background:url("../design/ul.gif") 0 5px no-repeat;}

/* ----------------------------------------------------------------------------------------------------------
Page: Subpage
---------------------------------------------------------------------------------------------------------- */

#title {margin:0; padding:27px 20px; font:270%/1 "arial",sans-serif; letter-spacing:-1px;}
#subnav {margin:0; padding:15px 20px;}
#subnav span {margin:0 10px;}
.content {width:940px; margin:0 -20px 20px -20px; padding:20px 0;}
.content .content-in {padding:10px 40px; background:url("../design/content.gif") 0 0 repeat-y;}
.content .content-bottom {width:940px; height:3px; background:url("../design/content-bottom.gif") 0 0 no-repeat; font-size:0; line-height:0; margin-top:-1px;}
.content .perex {border-bottom:1px solid #fff; font-size:170%;}
.content .box-01 {padding:15px;}
.content .col50 {float:left; width:420px;}
.content ul {margin:15px 15px;}
.content ul ul {margin:0 0 0 15px;}
.content ul li {padding-left:20px; background:url("../design/ul.gif") 0 7px no-repeat;}

.content ul ul li {padding-left:15px; background:url("../design/ul-ul.gif") 0 7px no-repeat;}
.content table {margin:15px 0; border-collapse:collapse;}
.content table th, .content table td {padding:7px 10px;}
.content table th {text-align:center; font-weight:bold;}
.content dt {font-weight:bold;}
.content dd {margin-left:50px; margin-bottom:15px;}
.content h1, .content h2 {font-size:200%;}
.content h3 {font-size:160%;}
.content h4 {font-size:120%;}
.content h5, h6 {font-size:100%;}

/* ----------------------------------------------------------------------------------------------------------
Others
---------------------------------------------------------------------------------------------------------- */

img.f-right {margin-left:20px;}
img.f-left {margin-right:20px;}
.input {padding:5px; background:url("../design/input.gif") 0 0 no-repeat; font:100%/1 "arial",sans-serif;}
.input-submit {padding:5px; font:bold 100%/1 "arial",sans-serif;}
.smaller {font-size:90%;}
.block {display:block;}


/* menu */
#nav {
    margin:0; 
    padding:0; 
    list-style:none;
}   
     
    /* make the LI display inline */
    /* it's position relative so that position absolute */
    /* can be used in submenu */
    #nav li {
        float:left; 
        display:block; 
         
        background:#7c93b3; 
        position:relative;
        z-index:500; 
        margin:0 1px;
		
		border:1px solid #CCCCCC;
    }
         
    /* this is the parent menu */
    #nav li a {
        display:block; 
		
        padding:5px 23px 0 23px; 
        height:23px; 
        text-decoration:none; 
        color:#fff; 
        text-align:left; 
        color:#333;
    }
 
    #nav li a:hover {
	color:#fff;
	
       
    }
     
    /* you can make a different style for default selected value */
    #nav a.selected {
        color:#fff;
    }
     
        /* submenu, it's hidden by default */
        #nav ul {
            position:absolute; 
            left: 2px; 
			width:140px; 
            display:none; 
            margin:0 0 0 -1px; 
            padding:0px; 
            list-style:none;
			border:1px solid #CCCCCC;
			background-color:#FFFFFF;
        }
         
        #nav ul li {
            width:140px; 
            float:left;
			 padding:2px 0px; 
			border:none;
            
        }
         
        /* display block will make the link fill the whole area of LI */
        #nav ul a {
            display:block;  
            height:15px;
            padding:3px 5px; 
            color:#333333;
        }
         
        #nav ul a:hover { 
			
        }
 
/* fix ie6 small issue */
/* we should always avoid using hack like this */
/* should put it into separate file : ) */
*html #nav ul {
    margin:0 0 0 -2px;
}