body { 
    margin: 0px;
    padding: 0px; 
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #777777;    
    background-color: #ffffff;
}

#wrapper {
    width: 950px;
    margin: 0 auto;
}

#intro {
    padding-bottom: 10px;
}

h2 {
    margin: 0;
    margin-bottom: 14px;
    padding: 0;
}

h3 {
    margin: 0;
    margin-bottom: 14px;
    padding: 0;
    color: #966955;
    font-size: 14px;
}

a:link.body-link	{ color:#789d3e; text-decoration:none; padding: 0px 0px 0px 0px;}
a:visited.body-link	{ color:#789d3e; text-decoration:none; padding: 0px 0px 0px 0px;}
a:hover.body-link	{ color:#966955; text-decoration:none; padding: 0px 0px 0px 0px;}
a:active.body-link	{ color:#789d3e; text-decoration:none; padding: 0px 0px 0px 0px;}

.slider {
    width: 950px;
    margin: 0 auto;
    position: relative;
}

.scroll {
    width: 950px;
    overflow: auto;
    overflow-x: hidden;
    position: relative;
    clear: left;
    background: #FFFFFF url(images/content_pane-gradient.gif) repeat-x scroll left bottom;
}

.scrollContainer div.panel {
    width: 950px;
    padding-right: 50px;
}

.scrollContainer div.panel p{
    font-size: 12px;
    color: #777777;
    line-height: 18px;
    text-align: justify;
}

#NavWrapper {
    background: url(../design_images/top-nav-bkground.gif) no-repeat 0 0;
    width: 950px;
    height: 90px;
}


.footerContainer {
    border-top: solid 1px #d7d7d7;
    width: 950px;
    font-size: 11px;
    padding-top: 20px;
}

.footerContainer div.foot-left {
    float: left;
    width: 475px;
}

.footerContainer div.foot-right {
    float: right;
    width: 405px;
    text-align: right;
}

.table {
    width:630px;
}
.table ul {
    float:left;
    margin:0px;
    padding:0px;

}
.table ul li {
    margin:1px;
    list-style:none;
    padding:5px 10px;
    border:1px solid #C9C9C9;
}

.table_beauty {
    width:305px;
    font-size:10px;
}
.table_beauty ul {
    float:left;
    margin:0px;
    padding:0px;
    font-size:10px;
}
.table_beauty ul li {
    margin:1px;
    list-style:none;
    padding:3px 5px;
    border:1px solid #C9C9C9;
    font-size:10px;
}



/* STYLES FOR DROPDOWN NAVIGATION */

.clear {clear:both}    

/* remove the list style */  
#nav {   
    margin:0;    
    padding:0;    
    list-style:none;
    padding-top: 25px;
    padding-left: 11px;
    height: 90px;
}      
       
    /* make the LI display inline */  
    /* it's position relative so that position absolute */  
    /* can be used in submenu */  
    #nav li {   
        float:left;    
        display:block;    
        position:relative;   
        z-index:500;    
        margin:0 1px;  
	font-weight: bold; 
    }   
           
    /* this is the parent menu */  
    #nav li a {   
        display:block;    
    	color: #789d3e;
    	text-decoration: none;
	padding:3px 12px 0 5px;
    }   
  
    #nav li a:hover {   
    	color: #966955;
    }   
       
        /* submenu, it's hidden by default */  
        #nav ul {   
            position:absolute;    
            left:0;    
            display:none;    
            margin:0 0 0 -1px;    
            padding:0;  
		padding-top:14px;  
            list-style:none;   
        }   
           
        #nav ul li {   
  		width:250px;    
            	float:left;    
        }   
           
        /* display block will make the link fill the whole area of LI */  
        #nav ul a {   
        	display:block;     
		height:15px;   
            	padding-top: 9px; 
            	padding-bottom: 9px; 
            	background-color:#e0e0e0;
	     	border-top: 1px solid #ffffff;
        }   
           
        #nav ul a:hover {   
    		color: #966955;
        }   
  
/* 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;   
}