/* --------------------------
AUTHOR : Zechen Liu 
email:   lynn.liuzechen@gmail.com
Copyrights by BGI 
----------------------------*/


body 
{
    width:920px;
    margin-left:auto;
    margin-right:auto;
}

.titleImage
{
    height:144px;
    background-image:url(images/ICG1.jpg);
    position:relative;
    /*margin-left:5%;
    margin-right:5%;*/
    width:100%;
}

#menu
{		
	    height:30px;
        position:relative;
        /*margin-left:5%;
		margin-right:5%;*/
		width:100%;
        margin-top:2px;
		font-weight:bold;
		background-color:#261501;
}
            
    #menu ul
    {
        margin:0 0 0 30px;
        padding:0px;
        font-size:15px;
        color:#D6C6A2;
        line-height:30px;
        white-space:nowrap;
        list-style-type:none;
    }
        
        #menu li {
            list-style: none;
            display: inline;
            color:#D6C6A2;    
            margin-left:1%;
            margin-right:1%;
            text-decoration:none;
        }
        
        #menu li a 
        {
            color:#D6C6A2;
            list-style-type:none;
            font-family: Arial;
            padding: 7px 8px;
            text-decoration:none;
        }
        
			#menu li a:hover 
			{         
				color:#DFFFFF;
				background:url(images/Backbar.jpg) repeat-x;
			}
        
			#menu li a.current 
			{         
				color:#D6DFFF;
				background:url(images/Backbar.jpg) repeat-x;
			}
			
        
        #su
        {
            margin-left:79%;
		    background-color:#261501;
		    font-weight:bold;
		    width:150px;
		    height:55px;
        }    
        
#content
{
    height:600px;
    width:90%;
    font-family:Arial;
	margin-top:2px;
    /*margin-left:5%;
    margin-right:5%;*/
    width:100%;
    background-color:#E9DECC;
    float:right;
}					

    #verticalMenu
    {
    	padding:0px;
    	margin:0;
        float:left;
        width:136px;
        height:350px;
		background-color:#472701;
        text-decoration:underline;
        text-align:left;
        color:#D6C6A2;
    }
    
        #verticalMenu ul
        {
            padding:0px;   /* 在 IE8 里面 菜单向左飘 */
            margin:0;      /* 在 IE7 里面 菜单向左飘 */  
            text-align:left;
            font-size:12px;
            color:#D6C6A2;
            line-height:30px;
            list-style-type:none;
            text-decoration:none;
        }
        
        #verticalMenu li
        {
            height:10%;  
            margin-top:8px;  
            text-align:left;
            list-style-type:none;
            font-size:13px;
        }
        
        #verticalMenu li a 
        {
            color:#D6C6A2;
            list-style-type:none;
            font-family: Arial;
            padding: 7px 10px;
            text-decoration:none;
            text-align:left;
        }
        
        #verticalMenu li a:hover 
        {         
            color:#D6DFFF;
            background-image:url();
            text-align:left;
        }
        
        #verticalMenu li a:visited 
        {
            color:#D6DFFF;
            background-image:url();
        } 
    
    
    #textTitlepicture
    {
        float:right;
        width:100%; 
        height:150px;  
        background-image:url(images/photo.jpg);
    }
    
    #text
    {
        float:left;
        width:75%;        
        margin-top:20px;
    }
    
    #note
    {
    	position:relative;
        float:right;
        width:195px;    
        height:30%;
        margin-top:3px;
    }
    
    #sponsor
    {
    	position:relative;
        float:right;    
        width:195px;
        height:70%;
        margin-top:5px;
    }
     #sponsor1
    {
    	position:relative;
        float:right;    
        width:195px;
        margin-top:5px;
    }

#copyright
{
    width:100%;
	margin-top:10px;
    /*margin-left:5%;
    margin-right:5%;*/
    text-align:center;
}