﻿.head {
	background-image: url('images/head_bg.jpg');
}
.heading {
	position: absolute ;
	left: 414px; top: 50px;
	width: 68px; height: 43px; right: 909px;
	font-size: 20pt;
	font-family: "Arial Narrow";
	color: white;
}
#left_nav{
	padding-left: 15px;
}
.left_banner {
	width: 150px; height: 270px; background-image: url('images/firefox.jpg'); background-repeat: no-repeat; margin-top: 20px; padding-top: 40px;
}
.heading1 {
	position: absolute ;
	left:105px;
	top:18px;
}

.left_nav {
	width: 150px;
	background-color: #354540 ;
	padding-top: 10px;
}
.left_nav a {
	color: white ;
	display:block ;
	width: 95%;
	text-decoration: none ;
	font-weight: normal ;
}
.left_menu_sub{
	font-size: 12px;
	font-family: "Arial Unicode MS" ;
}
.left_nav a:hover {
	color: black ;
	text-decoration: none ;

}

#sidebar {
	float: left;
	width: 200px;
	margin: 0;
	padding: 0;
	display: inline;
	height: 650px;
}
#sidebar ul.sidemenu {
	list-style:none;
	margin:10px 0 10px 15px;
	padding:0;		

}

#sidebar ul.jcr {
	list-style:none;
	margin:10px 0 10px 15px;
	padding:0;		

}

#sidebar ul.sidemenu li {
	margin-bottom:1px;
	border: 1px solid #364A34;
}
#sidebar ul.sidemenu a {
	display:block;
	color: white;
	font-family: "Trebuchet MS";
	font-size: small; 
	text-align: left; 	
	text-decoration:none;	
	padding:2px 5px 2px 10px;
	border-left:4px solid #364A34;	
	min-height:18px;
}
* html body #sidebar ul.sidemenu a { height: 18px; }

#sidebar ul.sidemenu a:hover {
	padding:2px 5px 2px 10px;
	color: #9EC630;
	border-left:4px solid #9EC630;
}
.add_mails {
	text-align: center ;
}
.add_mails a{
	width: 300px;
	border-bottom: 0px;
	background-image: url('images/01.jpg'); 
	background-repeat: no-repeat ;
	display:block ;

}
.add_mails a:hover {
	background-image: url('images/02.jpg'); 
	background-repeat: no-repeat ;
	background-color: #D1DCD8;

}
#cat1{
	font-size: 10px;
	color: white ;
	margin-left: 10px;
	font-size: 10px;
	font-family: "Arial Unicode MS" ;
	text-align: left ;
}
#cat1 ul{
	margin: 0px;
	padding: 0px;
}
#cat1 li{
	list-style: none ;
	margin-left: 20px;
}
#cat1 a{
	border-bottom: 1px #CCCCCC dashed;
}
h3 { font: bold 12px "Trebuchet MS", "Times New Roman", Times, serif; color: black ; text-transform: uppercase; 	line-height: 12px; }
a {
	color:#666666;
	text-decoration: none ;
	font-weight: bold ;
	color: black ;
}
a:hover {
	color:#3333FF; 
}
h2 {
	color:#666666; 
	font-size: large ;
	border-bottom: 4px #677C75 solid ;
}

.text {
	width: 450px;
	text-align: justify;
	margin-left: 15px; 
	top: 77px;  
	font-size: large ;
		 
}

.add {
	width: 450px;
	margin-left: 15px; 
}

.board {
	width: 125px;
	margin-left: 15px;
	font-weight: bold;
	font-size: large ; 
}

.sub {
	width: 500px;
	text-align: center ;
	margin-left: 15px;
	top: 77px;
	font-size: large ;   
}
.suba {
	width: 500px;
	text-align: center ;
	margin-left: 50px;
	top: 77px;
	font-size: large ;
}

.ins{
	width: 450px;
	margin-left: 15px;
	top: 77px;
	font-size: medium ;
	text-align: justify ;
}

.lissue {
	width: 800px;
	margin-left: 15px;
	top: 77px;
	font-size: medium ;
	text-align: justify ;

}
.eboard {
	width: 500px;
	margin-left: 15px;
	top: 77px;
	font-size: medium ;
	text-align: justify ;

}

.animation {
	position: absolute ;
	height: 172px;
	width: 200px;
	top: 262px;
	right: 219px;
	left: 582px;
	text-align: center ; 
}
.com {
	
	width: 130px;
	height: 130px;  
}
.marq {
	
	width: 94px; 
	height: 107px; 
	position: absolute; 
	top: 190px; 
	left: 85px;
}
.introduction {
	width: 100%;
	height: 260px;
	position: absolute ;  
}
.marqu {
	position: absolute ;
	height: 39px;
	width: 479px;
	top: 500px;
	right: 231px;
	left: 608px;
	text-align: center ; 
	width: 153px;
}
.news {
	position: absolute ;
	left: 167px; 
	top: 550px; 
	width: 162px ; 
	height: 162px;
	
}

.editor {
	height: 90px;
	width: 300px;
	position: absolute ;  
	left: 364px; 
	top: 342px;
}

.treasurer {
	position: absolute ;
	height: 100px;
	width: 300px;
	left: 364px;
	top: 590px; 
}

.secratory {
	height: 100px;
	width: 300px;
	position: absolute ;  
	left: 364px; 
	top: 460px;
}

.assistant {
	height: 100px;
	width: 300px;
	position: absolute ;
	left: 364px;
	top: 720px;    
}


.footer {
	border-top: 4pt  #354540 solid ;
	text-align: center;
	border-top: 4pt #354540 solid ;
	background-color: #D1DCD8;
	padding-left: 125px;
	background-image: url('images/footer.jpg');
}


#best a{
		font-size: small ;
		font-weight: normal;		
}

#best a:hover {
	color: #313D39;
	text-decoration: underline ;
	font-size: medium ;
}

#citation a{
	font-size: medium ;
	font-weight: bold ;
}

#citation a:hover {
	color:  #D1DCD8;
	text-decoration: blink ;
	font-weight:  bold ;
}
.cc {
	display:block;
	color: white;
	font-family: "Trebuchet MS";
	font-size: small; 
	text-align: center; 	
	text-decoration:none;	
	
}

.cc a {
	color: white;
	font-family: "Trebuchet MS";
	font-size: small; 
	text-align: left; 	
	text-decoration:none;	
	
}





