@charset "utf-8";

#homepage-top{
	width:929px;
	height:332px;
	margin:0 auto;
	background:url(../images/center-bg.png) no-repeat;
	margin-bottom:20px;
}

/* Quick Links ________________________________________ */
#quicklinks{
	float:left;
	width:203px;
	height:313px;
	margin:5px 0 0 5px;
	background:#25511a;
	color:#fff;
	font-size:12px;
}
#quicklinks ul{
	list-style:none;
	padding:18px 12px;
}
#quicklinks ul li{
	float:left;
	width:48%;
	height:70px;
	padding-top:10px;
	padding-bottom:10px;
	margin:0;
	line-height:100%;
	text-align:center;	
}
#quicklinks ul li:nth-child(1),
#quicklinks ul li:nth-child(3),
#quicklinks ul li:nth-child(5){border-right:1px solid #35602b; border-bottom:1px solid #35602b;}
#quicklinks ul li:nth-child(5){border-bottom:none;}
#quicklinks ul li:nth-child(2),
#quicklinks ul li:nth-child(4),
#quicklinks ul li:nth-child(6){border-bottom:1px solid #35602b;}
#quicklinks ul li:nth-child(6){border:none;}

#quicklinks a{
	color:#eee;
	cursor:pointer;
}
#quicklinks a:hover{
	text-decoration:none;
}
#quicklinks .icon{
	display:block;
	width:50px;
	height:50px;
	margin:0 auto;
	text-align:center;
	opacity:.4; -moz-opacity:.4; -webkit-opacity:.4;
	cursor:pointer;
}
#quicklinks .icon:hover{
	opacity:1; -moz-opacity:1; -webkit-opacity:1;
}
#quicklinks .apply     {background:url(../images/icon-apply.png) no-repeat ; }
#quicklinks .score     {background:url(../images/icon-score.png) no-repeat ;}
#quicklinks .quiz      {background:url(../images/icon-quiz.png) no-repeat ;}
#quicklinks .cal       {background:url(../images/icon-cal.png) no-repeat ; padding-top:2px;}
#quicklinks .contribute{background:url(../images/icon-contribute.png) no-repeat ;}
#quicklinks .meeting   {background:url(../images/icon-meeting.png) no-repeat ;}

#quicklinks .cal h4{text-align:center; font-size:11px; color:#25521b; line-height:18px; height:18px; padding-top:2px;}
#quicklinks .cal b{font-size:18px; line-height:18px;}


/* Login ________________________________________ */
#login{
	float:right;
	width:203px;
	height:313px;
	margin:5px 5px 0 0;
	background:#25511a url(../images/login-bg.png) right bottom no-repeat;
	color:#eee;
	font-size:12px;
	line-height:18px;
}
#login h3{padding:13px 18px 15px; font-size:15px; color:#adc9a6;}
#login form{padding:0 18px;}
#login p{padding:10px 18px;}
#login a{color:#fff;}

#login input[type=text], #login input[type=password]{
	width:150px;
	padding:4px 4px;
	margin-bottom:10px;
	border:1px solid #1e4714;
	box-shadow:inset 0 1px 3px #777;
}
#login input[type=submit]{
	-webkit-appearance:none;
	outline:none;
	border:none;
	width:160px;
	font-size:13px;
	background:#ffde00; color:#111;
	font-weight:bold;
	padding:6px 0;
	box-shadow:0 1px 3px #333;
	cursor:pointer;
}
#member-quick-links{
	list-style:none;
	border-top:1px solid #3c6d30;
	padding:15px 0;
	margin-top:10px;
}
#member-quick-links li{
	padding:8px 0;
}
#member-quick-links a{
	color:#eee;
	background:url(../images/icon-arr.png) 0 1px no-repeat;
	padding-left:15px;
}



/* Picture ________________________________________ */
#pictures{
	display:block;
	margin:0 0 0 207px;
	width:513px;
	padding-top:5px;
	height:313px;
	color:#fff;
	overflow:hidden;
	position:relative;
	z-index:0;	
}
#pictures *{box-sizing:border-box;-webkit-box-sizing:border-box;}
#pictures .pp{
	display:block;
	position:absolute;
	z-index:10;
	width:100%;
	height:100%;
	background:url(../images/center-pp.png);
}
#pictures ul{
	background:#fff;
	height:315px; 
}
#pictures ul li{
	height:315px;
	overflow:hidden;
}


/* Calendar ________________________________________ */
#homepage-calendar{
	width:929px;
	margin:0 auto;
	margin-bottom:40px;
}
#homepage-calendar th, #homepage-calendar td{
	white-space:nowrap;
	vertical-align:middle;
	height:40px;
}
#homepage-calendar th{
	background:#3a652f;
	color:#fff;
	font-size:13px;
	font-weight:normal;
}

#homepage-calendar .month{
	font-family: 'PT Sans Caption', sans-serif !important;
	font-size:36px;
	vertical-align:-8px; 
}
#homepage-calendar td{
	width:27px;
	background:#f3f3f3;
	border:1px solid #ccc;
	color:#777;
	text-align:center;
	font-family: 'Didact Gothic', sans-serif !important;
}
#homepage-calendar .today{
	color:#25511a;
	font-weight:bold;
}
#homepage-calendar td a{
	display:block;
	line-height:40px;
	background:url(../images/cal-event.png) right bottom no-repeat #fff;
	color:#111;
	cursor:pointer;
}
#homepage-calendar td a:hover{
	color:#0b5fd0; 
	text-decoration:none;
}
.cal-list{font-size:13px;}
.cal-list caption{text-align:left; color:#333; font-size:18px; border-bottom:2px solid #2a6cb6; letter-spacing:.2em;}
.cal-list th, .cal-list td{padding:10px; border-bottom:1px solid #ccc;}
.cal-list th{white-space:nowrap; background:#f5f5f5; color:#2a6cb6; width:130px; line-height:18px; font-family: 'Didact Gothic', sans-serif;}
.cal-list td{word-wrap:break-word; word-break:normal;}
.cal-list a{display:block; color:#333; font-size:15px; font-weight:bold; padding-bottom:5px;}
.cal-list a:hover{text-decoration:none; color:#3754a2;}
.reveal-modal p{font-size:12px; color:#999;}


#homepage-news{
	width:929px;
	height:auto!important;min-height:240px;height:240px;
	margin:0 auto;
	font-size:13px;
	/*background:url(../images/underline.png) center bottom no-repeat;*/
}

/* latest ________________________________________ */
.latest{
	float:left;
	width:273px;
}
.latest header{
	position:relative;
}
.latest h2{
	background:url(../images/h-title-news.png) no-repeat;
	height:30px;
	text-indent:-9999em;
}
.latest header a.more{
	position:absolute;
	top:1px;
	right:2px;
	background:url(../images/h-more-news.png) no-repeat;
	width:45px;
	height:20px;
	text-indent:-9999em;
}
.latest section{
	padding-top:5px;
	padding-left:5px;
}
.latest ul li{
	margin-bottom:3px;
	list-style:none;
	line-height:18px;
	padding-bottom:15px;
}
.latest ul li a{
	color:#333;
}
.latest ul li time{
	color:#999;
	display:block;
}
.latest ul li a:hover{text-decoration:none; color:#0b5fd0;}


/* events ________________________________________ */
.latest-events{
	float:left;
	margin-left:53px;
	width:273px;
}
.latest-events header{
	position:relative;
}
.latest-events h2{
	background:url(../images/h-title-events.png) no-repeat;
	height:30px;
	text-indent:-9999em;
}
.latest-events header a.more{
	position:absolute;
	top:1px;
	right:2px;
	background:url(../images/h-more-news.png) no-repeat;
	width:45px;
	height:20px;
	text-indent:-9999em;
}
.latest-events section{
	padding-top:5px;
	padding-left:5px;
}
.latest-events ul li{
	margin-bottom:3px;
	list-style:none;
	line-height:18px;
	padding-bottom:15px;
}
.latest-events ul li time{
	color:#2a6cb6;
	font-weight:bold;
	display:block;
}
.latest-events ul li a{
	color:#333;
}
.latest-events ul li a:hover{text-decoration:none; color:#3754a2;}


/* Knowledge ________________________________________ */
.latest-knowledge{
	float:right;
	width:273px;
}
.latest-knowledge header{
	position:relative;
}
.latest-knowledge h2{
	background:url(../images/h-title-knowledge.png) no-repeat;
	height:30px;
	text-indent:-9999em;
}
.latest-knowledge header a.more{
	position:absolute;
	top:1px;
	right:2px;
	background:url(../images/h-more-news.png) no-repeat;
	width:45px;
	height:20px;
	text-indent:-9999em;
}
.latest-knowledge section{
	padding-top:5px;
	padding-left:5px;
}
.latest-knowledge ul li{
	margin-bottom:3px;
	list-style:none;
	line-height:18px;
	padding-bottom:15px;
}
.latest-knowledge ul li a{
	color:#333;
}
.latest-knowledge ul li time{
	color:#999;
	display:block;
}
.latest-knowledge ul li a:hover{text-decoration:none; color:#3754a2;}


