/* CSS Document */
body{
	padding:0; 
	margin:0;
	background-color:#0a2b43;
}
div, p, h1, h2, h3, ul, img{
	padding:0;
	margin:0;
}
ul{
	list-style-type:none;
}
.balnk{
	font-size:0px; 
	line-height:0px; 
	clear:both;
}
/*--------------------------------header-------------------*/
#main_header{
	width:100%;
	background:url(images/bg.gif) repeat-x #0a2b43; 
	color:#FFFFFF; 
	height:216px;
}
#main_header #header{
	width:100%;
	background:url(images/header_pic.gif) no-repeat #0a2a41; 
	color:#FFFFFF; 
	height:216px;
	position:relative;
}
#main_header #header ul{
	background:url(images/search_bg.gif) no-repeat #09283f; 
	color:#FFFFFF; 
	display:block; 
	position:absolute; 
	height:22px;
	margin:0; 
	width:250px;
	padding:6px 0 0 26px; 
	top:10px; 
	left:240px;
}
#main_header #header ul li{
	float:left; 
	display:block; 
	margin:0 23px 0 0;
}
#main_header #header ul li a{
	height:15px; 
	text-decoration:none; 
	text-indent:-2000px; 
	display:block; 
	width:20px;
}
#main_header #header ul li a.home{
	background:url(images/home.gif) no-repeat 0 0; 
	width:16px; 
	height:16px;
}
#main_header #header ul li a.home:hover{
	background:url(images/home_h.gif) no-repeat 0 0; 
	width:16px; 
	height:16px;
}
#main_header #header ul li a.user{
	background:url(images/user.gif) no-repeat 0 0; 
	width:16px; 
	height:16px;
}
#main_header #header ul li a.user:hover{
	background:url(images/user_h.gif) no-repeat 0 0; 
	width:16px; 
	height:16px;
}
#main_header #header ul li a.contact{
	background:url(images/contact.gif) no-repeat 0 0; 
	width:19px; 
	height:16px;
}
#main_header #header ul li a.contact:hover{
	background:url(images/contact_h.gif) no-repeat 0 0; 
	width:19px; 
	height:16px;
}
#main_header #header ul li a.print{
	background:url(images/print.gif) no-repeat 0 0; 
	width:19px; 
	height:15px;
}
#main_header #header ul li a.print:hover{
	background:url(images/print_h.gif) no-repeat 0 0; 
	width:19px; 
	height:15px;
}
#main_header #header ul.free{
	background:url(images/user_id.gif) no-repeat #09283f; 
	color:#5d5024; 
	display:block;  
	height:28px;
	width:140px;
	padding:2px 0 0 43px; 
	position:absolute; 
	top:2px; 
	left:830px; 
	margin:0;
}
#main_header #header ul.free li{
	font:11px Verdana, Arial, Helvetica, sans-serif; 
	float:left; 
	display:block; 
	text-align:center;  
	color:#fff6d8;
	font-weight:normal; 
	width:auto; 
}
#main_header #header ul.free li a.name{
	font-weight:bold; 
	text-indent:0px; 
	width:auto; 
}
#main_header #header ul.free li a.id{
	font-weight:bold; 
	text-indent:0px; 
	width:auto; 
}
#main_header #header img.logo{
	position:absolute;
	left:40px; 
	top:74px; 
	display:block;
}
#main_header #header .logo {
	position:absolute;
	left:220px; 
	top:-25px; 
	display:block;
}
/* ------------------ top navigation -------------------- */
#main_header #header div.navi{
	width:700px;
	display:block; 
	position:absolute; 
	top:189px; 
	left:350px;
	background:none;
}
#main_header #header div.navi {
	text-align:center;
	height:22px;
	width:auto;
	padding-left:0px;
	padding-right:0px;
}
#main_header #header div.navi img{
	vertical-align:top;
}
#main_header #header div.navi a{
	font:12px/21px "Trebuchet MS", Arial, Helvetica, sans-serif; 
	color:#847543; 
	text-decoration:none; 
	font-weight:bold; 
	background-color:#fff6d8; 
}
#main_header #header div.navi a:hover{
	color: darkred;
}
/*------------------------------------body----------------------------------*/
#main_body{
	width:100%;
	background-color:#0a2b43;  
	color:#fff6d8; 
}
#body{
	width:764px; 
	margin:0 auto 0 auto; 
	padding:17px 0 0 0; 
	float:left;
	background-color:#0a2b43;
}
#content{
	margin:10px;
	font:11px Verdana, Arial, Helvetica, sans-serif;
}
#body h2{
	font:28px/24px 'Trebuchet MS', Arial, Helvetica, sans-serif	; 
	color:#fff6d9;  
	margin:0 0 15px 10px;
	font-weight:normal; 
	background-color:#0a2b43; 
	display:block;
}

#body p a{
	width:56px; 
	height:12px; 
	display:block; 
	background:url(images/more_bg.gif) no-repeat #0a2b43; 
	margin:3px 0 42px 526px;
	font:11px/12px Verdana, Arial, Helvetica, sans-serif; 
	font-weight:bold; 
	text-transform:uppercase; 
	color:#ffffff;
	padding:0 0 0 5px; 
	text-decoration:none;
}
#body p a:hover{
	background:url(images/more_bg_h.gif) no-repeat #0a2b43; color:#ff0033; 
}
#body table {
	width: 670px;
}
#body td {
	vertical-align:top;
	font:11px/12px Verdana, Arial, Helvetica, sans-serif;
	color:#fff6d8;
	line-height:120%
}
#body h3 {
	vertical-align:top;
	font:14px Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#fff6d9; 
	
}




#column_area {
	width:750px;
	margin-top:10px;
	margin-bottom:10px;
}
#column_front1, #column_front2, #column_front3 {
	float:left;
	margin-left:5px;
	margin-right:5px;
} 
#column_front1 #column_title{
	width:235px;
	background:url(images/peertutoring.gif) no-repeat; 
	height:50px;
}
#column_front2 #column_title{
	width:235px;
	background:url(images/entrepreneurs.gif) no-repeat; 
	height:50px;
}
#column_front3 #column_title{
	width:235px;
	background:url(images/lounge.gif) no-repeat; 
	height:50px;
}
#column_front1 #column_content, 
#column_front2 #column_content, 
#column_front3 #column_content {
	width: 223px;
	border: #fff6d9 1px solid; 
	padding:5px;
	height:65px;
}

/*---------------------------------footer-----------------*/
#main_footer{
	width:100%;
	float:left; 
	background:url(images/footer_bg.gif) repeat-x #0a2b43; 
	color:#ffffff;
	border-top:#ffffff 1px solid; 
	margin:0px; 
	padding:0px; 
}
#footer {
	width:100%; 
	height:130px;
}
#footer table.ad {
	width:750px;
	margin-top:5px;
	margin-bottom:5px;
	margin-left:240px
}
#footer td.block{
	font:10px/12px Tahoma, Arial, Helvetica, sans-serif; 
	color:#d1bd86; 
	font-weight:bold;
	width:150px;
	margin-top: 5px;
	text-align:center;
}

#footer td.block span, #footer td.block_last span{
	color:#ff0033; 
	text-transform:uppercase; 
	margin:0 10px 0 0; 
	display:block;
}

.clearer {
	clear:both;
}

#footer p.copyright{
	text-align:center;
	font:11px/16px Tahoma, Arial, Helvetica, sans-serif; 
	background:url(images/footer_bg.gif) repeat-x #0a5083;
	font-weight:normal;
	height:14px;
	padding-top:10px;
	padding-bottom:10px;
	text-align:center; 
	line-height:12px; 
	color:#fff;
	background:none;
	border-top: #ffffff 1px solid; 
}

#footer p.copyright a{
	color:#fff; 
	background-color:#0c1d2a; 
	text-decoration:underline;
}
#footer p.copyright a:hover {
	color:#fff;
	background-color:#0a5083;
}
/*------------------------------------ left navigatino menu -------------------------*/
#main_body #leftmenu {
	background: url(images/leftmenu.gif) no-repeat;
	width:210px;
	height:378px;
	padding-top:20px;
	padding-left:30px; 
	float:left;
	background-color:#0a2b43;
}
#main_body #leftmenu h2 {
	font-family: sans-serif, Verdana;
	font-size: 22px;
	font-weight:normal;
	color:#fff6d9;
}
#main_body #leftmenu ul.leftnavi {
	display:block;
	width:175px;
	margin-top:15px;
	background:none;
	list-style:none;
}
#main_body #leftmenu  ul.leftnavi li {
	font-family: verdana;
	font-size:11px;
	display:block; 
	height:26px;
}
#main_body #leftmenu  ul.leftnavi a, 
#main_body #leftmenu a:visited, 
#main_body #leftmenu a:active {
	display:block; 
	height:20px; 
	padding:5px 5px 0px 5px; 
	font:12px/21px "Trebuchet MS", Arial, Helvetica, sans-serif; 
	font-weight: bold;
	color:#847543; 
	text-decoration:none; 
	border-bottom:solid 1px #DFCD95;
}
#main_body #leftmenu  ul.leftnavi a:hover{
	color: darkred;
}
#main_body #leftmenu  ul.leftnavi .active a,
#main_body #leftmenu .active a:visited, 
#main_body #leftmenu .active a:active, 
#main_body #leftmenu .active a:hover {
	background:#ffffcc;
}
#main_body #rightmenu {
	background-color:#0a2b43;
	float:left;
}
#leftmenu2 {
	float:left;
	margin-left: 19px;
	background:url(images/leftmenu2.gif) repeat-x #0a2b43;
	width: 197px;
	height: 500px;
	margin-right: 15px;
}
#leftmenu2 h2 {
	font-family: verdana;
	font-weight:normal;
	position: absolute;
	top:190px;
	left: 65px;
	color:#fff6d9;
}

#leftmenu2 ul.leftnavi {
	display:block;
	width:175px;
	background:none;
	list-style:none;
	padding-left:10px;
	padding-top: 15px;
}
#leftmenu2 ul.leftnavi li {
	font-family: verdana;
	font-size:11px;
	display:block; 
	height:26px;
}
#leftmenu2 ul.leftnavi a, 
#leftmenu2 a:visited, 
#leftmenu2 a:active {
	display:block; 
	height:20px; 
	padding:5px 5px 0px 5px; 
	font:12px/21px "Trebuchet MS", Arial, Helvetica, sans-serif; 
	font-weight: bold;
	color:#847543; 
	text-decoration:none; 
	border-bottom:solid 1px #DFCD95;
}
#leftmenu2 ul.leftnavi a:hover{
	color: darkred;
}
#leftmenu2 ul.leftnavi .active a,
#leftmenu2 .active a:visited, 
#leftmenu2 .active a:active, 
#leftmenu2 .active a:hover {
	background:#ffffcc;
}

img.front_image {
	float:left;
	margin: 10px;
	border: #fff6d8 3px double; 
	cursor: hand;
	vertical-align:baseline;
}

#content table.members_left,
#content table.members_right {
	float:left;
	width:370px;
	margin-bottom:20px;
}
#content .category_officers {
	font-size:24px;
	font-family: Verdana;
	color:#FFF6D8;
	height:35px;
	padding-right:15px;
	padding-top:15px;
	
}
#content .member_box {
	background:url(images/members/background.gif) no-repeat #0a2b43;
	height:100px;
	width:auto;
}
#content .member_box .photo{
	position: relative;
	top:15px;
	left:15px;
	background:url(images/new.jpg) repeat-x #0a2b43;
	border: #000 1px solid;
}
#content .member_box .title{
	position: relative;
	top:-80px;
	left:110px;
	font-size:15px;
	font-weight:bold;
	border-bottom:#fff6d8 3px double; 
	color:#FFF6D8;
}
#content .member_box .name{
	position: relative;
	top:-70px;
	left:110px;
	font-weight:bold;
	color:#000;
}
#content .member_box .mail a{
	position: relative;
	top:-65px;
	left:110px;
	font-weight:bold;
	color:#000;
}
#content .member_box .mail a:hover{
	color:#FFF6D8;
}