/*  
Sticky Footer Solution
by Steve Hatcher 
http://stever.ca
http://www.cssstickyfooter.com
*/

* {margin:0;padding:0;} 

/* must declare 0 margins on everything, also for main layout components use padding, not 
vertical margins (top and bottom) to add spacing, else those margins get added to total height 
and your footer gets pushed down a bit more, creating vertical scroll bars in the browser */

html, body {
	height: 100%; 
	font: 12px "Helvetica", "Arial";
	background-color: #f1f3ee;
}

h1, h2, h3, h4, h5{
	margin: 10px 0;	
	color: #2779c1;
}

h5 {
	margin:0!important;
	padding:0!important;
	font-size:14px!important;
}

a {
	color:#003556;
	text-decoration:none;
}
a:hover {
	text-decoration:underline;
}

p {
	line-height:18px;
	margin:10px 0;
}

.ft_box{
width:85px;
}
.left {
float:left;
}
#container{
	min-height: 100%;
	background: #f1f3ee url('../images/bg-top.jpg') repeat-x;
	
	padding: 0;
	margin: 0 auto; 
	position: relative;
}

#wrap {
	min-height: 100% !important;
}

#main {overflow:hidden;
	padding-bottom: 101px;}  /* must be same height as the footer */

#footer {
	height: 101px;
	width: 100%;
	position: absolute;
	bottom: 0;
	background-color: #cacec3;	
	border-top: 1px solid #e1e4dd;
} 

/*Opera Fix*/
body:before {/* thanks to Maleika (Kohoutec)*/
content:"";
height:100%;
float:left;
width:0;
margin-top:-32767px;/* thank you Erik J - negate effect of float*/
}

/* IMPORTANT

You also need to include this conditional style in the <head> of your HTML file to feed this style to IE 6 and lower and 8 and higher.

<!--[if !IE 7]>
	<style type="text/css">
		#wrap {display:table;height:100%}
	</style>
<![endif]-->

*/

#header{
	width: 960px;
	height: 148px;	
	margin: 0 auto;
}

#header #logo-section{
	height: 100px;
	position: relative;	
}

#header #logo-section .logo-left{
	display: block;
	width: 614px;
	height: 52px;
	position: absolute;
	top: 25px;	
}

#header #logo-section .logo-right{
	display: block;
	width: 115px;
	height: 35px;
	position: absolute;
	top: 22px;
	right: 22px;
}

#menu-section ul{
	margin: 0;
	padding: 0;
	z-index: 10;
	position: relative;
	min-height: 1%;

}

#menu-section ul li{
	margin: 0;
	padding: 0;
	float: left;
	margin: 0 10px;
	z-index: 10;
	list-style-image: url('../images/menu-divider.jpg');
}

#menu-section ul li:first-child{
	list-style-type: none!important;
	list-style-image:none;	
	margin-left: 0;
}

#menu-section ul li a{
	display: block;
	padding: 7px 9px;
	font-size: 15px;
	font-family: "Times New Roman", Times, serif;	
	color: #494949;
	text-decoration: none;
	font-weight: bold;
	border: 1px solid #fff;
}

#menu-section ul li#menu-about a:hover, #menu-section ul li#menu-resources a:hover{ 
	/*background: url('../images/home-hover.png') no-repeat; */
	border: 1px solid #ebcbc3;
	background-color: #f00001;
}
#menu-section ul li#menu-submission a:hover, #menu-section ul li#menu-in-the-media a:hover{ 
	/*background: url('../images/submission-hover.png') no-repeat; */
	border: 1px solid #f0caa2;
	background-color: #ff7d00;
}
#menu-section ul li#menu-news a:hover, #menu-section ul li#menu-contacts a:hover{ 
	/*background: url('../images/submission-hover.png') no-repeat; */
	border: 1px solid #ffffa3;
	background-color: #ffff00;
	color: #4a494a;
}

#menu-section ul li#menu-events a:hover{ 
	/*background: url('../images/submission-hover.png') no-repeat; */
	border: 1px solid #afebd0;
	background-color: #007942;
}
#menu-section ul li#menu-feature-blogs a:hover{ 
	/*background: url('../images/submission-hover.png') no-repeat; */
	border: 1px solid #aaaaff;
	background-color: #4241ff;
}
#menu-section ul li#menu-get-involved a:hover{ 
	/*background: url('../images/submission-hover.png') no-repeat; */
	border: 1px solid #f0a3ff;
	background-color: #a500c6;
}


#menu-section ul li a:hover{
	color: #fff;
	background-color: red;	
}

#body-container{
	width: 960px;
	margin: 20px auto;
height: auto!important; /** IE 6 Hack **/
height: 540px; /** IE 6 Hack **/
	min-height: 540px;	
}


#body-container .section2{
	padding-bottom: 2px;
	border-bottom: 2px dotted #bbbbbb;	
}


#body-container #left-section{
	float: left;
	width: 370px;
	padding-right: 18px;
	border-right: 1px solid #fff;
}


#body-container #default-left-section{
	float: left;
	width: 666px;
	padding-right: 18px;
	line-height:18px;
}


#body-container .title-box{
	border-bottom: 1px solid #e4e4e3;	
}

#body-container .title-box img{
	float: left;
	margin-right: 5px;
}

#body-container .title-box h3{
	font-family: "Times New Roman", Times, serif;
	font-size: 22px;
	margin-left: 40px;
	color: #003556;	
}

h1 {
		font-size:24px;
		color: #003556;	
}

h2 {
			font-size:20px;
		color: #003556;	
}

h3 {
			font-size:16px;
		color: #003556;	
}


#body-container .title-box2 h3{
	font-family: "Times New Roman", Times, serif;
	font-size: 18px;
	color: #003556;
	font-weight: inherit;
}


#body-container .content-box{
	border-top: 1px solid #fff;	
	padding-top: 9px;
}

#twitter_update_list li {
	margin:0;
	padding:0;
	list-style:none;
	margin-bottom:10px;
}
#twitter_div, twitter_update_list {
	margin:0!important;
	padding:0!important;
}
#twitter_update_list li a {
	clear:left;
	color: #009f42;
	font-size:12px!important;
	display: block;	
}


#twitter_update_list {
	list-style:none;
}

#body-container #right-section .bg-blue-box{
	width: 251px;
	height: 243px;
	margin-bottom: 5px;
	padding-top: 5px;
	padding-left: 15px;
	background: url('../images/blue-right-bg.png') no-repeat;	
}

.bg-blue-box .content-box {
	height:49px;
	overflow:hidden;
}

#body-container #right-section .bg-blue-box .title-box{
	border-bottom: none;
}

#body-container #right-section .bg-blue-box .title-box img{
	float: left;	
}

#body-container #right-section .bg-blue-box .content-box{
	margin-right: 15px;
	border-top: none;
	padding-bottom:10px;
	border-bottom: 1px dotted #fff;	
	color: #fff;
}

	#body-container #right-section .bg-blue-box .content-box a {
		color:#FFF!important;
		text-decoration:none!important;
		line-height:18px!important;
	}
	
	#body-container #right-section .bg-blue-box .content-box a:hover {
		text-decoration:underline!important;
	}

#body-container #right-section .bg-blue-box .title-box h3 {
	font-family: "Times New Roman", Times, serif;
	font-size: 22px;
	margin-left: 40px;
	color: #fff;	
}

#body-container #right-section .bg-green-box{
	width: 236px;
	height: 281px;
	margin-bottom: 15px;
	padding-top: 5px;
	padding-left: 15px;
	padding-right:15px;
	background: url('../images/green-right-bg.png') no-repeat;	
}

#body-container #right-section .bg-green-box .content-box a {
		color:#FFF!important;
		text-decoration:none!important;
		line-height:18px!important;
	}
	
	#body-container #right-section .bg-green-box .content-box a:hover {
		text-decoration:underline!important;
	}


#body-container #right-section .bg-green-box .title-box{
	border-bottom: none;
}

#body-container #right-section .bg-green-box .title-box img{
	float: left;	
}

#body-container #right-section .bg-green-box .content-box{
	border-top: none;
	border-bottom: 1px dotted #fff;	
	color: #fff;
	padding-bottom:14px;
}

#body-container #right-section .bg-green-box .title-box h3 {
	font-family: "Times New Roman", Times, serif;
	font-size: 22px;
	margin-left: 40px;
	color: #fff;	
}

.webapp-text3{
	height:385px!important;
}

#blog-item img{
	float: left; 
	margin-right: 10px;	
}

#blog-item .title{
	font-size: 14px;
	color: #000;
	margin: 0;	
}

#blog-item .date{
	font-size: 12px;
	color: #777777;	
	margin: 0;
}

.date02{
	font-size: 12px;
	color: #777777;	
	margin: 0;
}


#body-container #middle-section{
	float: left;
	width: 266px;
	height: 500px;
	border-left: 1px solid #e4e4e4;
	padding-left: 14px;
	padding-right: 14px;
}

#body-container #right-section{
	float: left;
	width: 269px;
	height: 500px;
}


#footer-main{
	padding: 10px 0;
	width: 960px;
	margin: 0 auto;	
	margin-top: 16px;
}

#footer-main{
	
}

#footer-main .right-section{
	float: right;
}

#footer-main .right-section .supporter{
	margin-right: 10px;	
}

.clear-position{
	clear: both;
	height: 0;	
}

.horizonal-line{
	margin: 10px 0;	
	border-top: 1px solid #e4e4e4;
	border-bottom: 1px solid #fff;
	height: 0px;
}

.read-more-white{
	display: block;
	width: 60px;
	margin-top: 10px;
	padding: 2px 0;
	padding-right: 30px;
	font-size: 12px;
	font-weight: bold;
	color: #fff;
	text-decoration: none;
	background: url('../images/arrow-white.png') no-repeat top right;	
}

.read-more-black{
	display: block;
	width: 60px;
	margin-top: 10px;
	padding: 2px 0;
	padding-right: 30px;
	font-size: 12px;
	font-weight: bold;
	color: #000;
	text-decoration: none;
	background: url('../images/arrow-black.png') no-repeat top right;	
}

.read-more-black2 {
	display: block;
	width: 340px;
	margin-top: 20px;
	padding: 2px 0;
	padding-right: 30px;
	font-size: 12px;
	font-weight: bold;
	color: #000;
	text-decoration: none;
	padding-top:12px;
	border-top: 2px dotted #bbbbbb;	
	background: url('../images/arrow-black.png');
	background-repeat:no-repeat;
	background-position:65px 10px;
}

.read-more-black-blog{
	display: block;
	width: 155px;
	margin-top: 10px;
	padding: 2px 0;
	padding-right: 30px;
	font-size: 12px;
	font-weight: bold;
	color: #000;
	text-decoration: none;
	background: url('../images/arrow-black.png') no-repeat top right;	
}


.footer-menu ul {
	list-style: none;	
}

.footer-menu ul li{
	list-style: none;
	padding: 0 10px;
	border-left: 1px solid #000;
	float: left;
	height: 13px;
}

.footer-menu ul li a{
	color: #000;
	text-decoration: none;
	font-size: 12px;
}

.footer-menu ul li a:hover{
	color: #000;
	text-decoration: underline;
}


.footer-menu ul li:first-child{
	border-left: none;	
}

.webapp {
	overflow:hidden;
	border-bottom:solid 1px #E4E4E4;
}

.webapp2 {
	overflow:hidden;
}


.webapp-author {
	margin-bottom:2px;
}

.webapp-text, .webapp-text3 {
	margin-top:10px;
	line-height:18px;
}

.webapp-text2 {
	margin-top:10px;
	line-height:18px;
}
	
#default-left-section form label {
	float:left;
	width:180px;
}

#default-left-section form .item {
	margin-bottom:10px;
}

#default-left-section form .cat_textbox {
	margin:0!important;
	padding:2px!important;
	border:solid 1px #E4E4E3!important;
	width:300px!important;
}

#default-left-section form .catch {
	margin-left:180px!important;
}

#default-left-section form .cat_button {
	margin-left:180px!important;
	padding:5px!important;
	border:0!important;
	background-color:#003556!important;
	color:#FFF!important;
	cursor:pointer!important;
	display:block;
}
.blog_details {
margin-top:10px;
}
.italicized-words{
font-style:italic;
}
.footnote {
font-size:10px;
}
.clearB {
clear:both;
}
.rcont {
padding-top:10px;
}
.rcont span {
text-decoration:underline;
color: #003556;
}
.rcont ul {
list-style-position:inside;
margin-left:10px;
}
ul.s-items {
margin-top:10px;
}
.rcont h3{
padding-top:10px;
}

.mid-size-container{
margin: 20px 0px 0 33px; padding: 20px; border: 1px solid #e7e7e7; width: 480px;	
padding-top:10px;
padding-bottom:10px;
}

.mid-size-container h3 {
		font-family: "Times New Roman", Times, serif;
	font-size: 18px;
	color: #003556;
	font-weight: inherit;
	margin-top: 20px;	
}

.event-subtitle {
	font-family: "Times New Roman", Times, serif;
	font-size: 18px;
	color: #003556;
	font-weight: inherit;
}

.item #Feedback {
	width:290px!important;
	border:solid 1px #e4e4e4!important;
	height:50px!important;
	font-family:Arial, Helvetica, sans-serif!important;
	font-size:12px!important;
}

.comment-form .item .cat_textbox_small {
	width:290px!important;
	border:solid 1px #e4e4e4!important;

}


form #CaptchaV2 {
	height:13px!important;
	width:100px!important;
	border:solid 1px #e4e4e4!important;

}


.feedbackbox {
	margin-top:10px;
	padding:20px;
	border:solid 1px #e4e4e4;
	padding-top:10px;
	padding-bottom:0px;
	width:480px;
}


.twitterfeed {
        _width: 250px;
	height:152px!important;
	overflow:hidden;
}

.login-box {
	width:145px!important;
	margin-top:5px!important;
	padding:2px!important;
	border:solid 1px #e4e4e4!important;
	height:17px!important;
}
.loginsubmit {
	border:solid 1px #003556!important;
	width:75px!important;
	background-color:#003556!important;
	color:#FFF!important;
		height:23px!important;
		margin-top:4px!important;
}