@import url("../taglib/css/reset.css");

body {
	background: #848439 url("../images/main/bg-body.png") repeat-x center top;	
	font: 12px/1.75em verdana, arial, sans-serif;
	color: #333;
}

a {
	color: #608446;
}

h1 {
	font-size: 3em;
	letter-spacing: -2px;
	font-family: "gotham", "helvetica neue", arial, helvetica, sans-serif;
	margin: -10px 0 .875em;
	line-height: .875em;	
}

h2 {
	font-size: 1.66em;
	letter-spacing: -1px;
	font-family: "gotham", "helvetica neue", arial, helvetica, sans-serif;
	margin: 1.581em 0 .527em;
	line-height: 1.054em;	
	color: #333;
}

h3 {
	font-size: 1.33em;
	font-family: "gotham", "helvetica neue", arial, helvetica, sans-serif;
	margin: 1.315em 0 0;
	line-height: 1.315em;	
	color: #333;
}


p {
	margin-bottom: 1.75em;
}

ul {
	margin: 0em 0 1.75em 3em;
	list-style: disc;
}

ol {
	margin: 0em 0 1.75em 3em;
	list-style: decimal;
}

hr {
	display: none;
}

#container {
	background: url("../images/main/bg-container.jpg") no-repeat center top;
	min-height: 1100px;
}

#container2 {
	width: 960px;
	padding: 0 0px;
	margin: 0 auto;
	position:relative;
}


/* HEADER */

#header {
	height: 124px;
	padding: 18px 30px 38px;
	background: url("../images/main/bg-header.jpg") no-repeat center bottom;
}

#logo {
	margin: 0;
	padding: 0;
	height: 108px;
	width: 108px;
	background: url("../images/main/bg-logo3.png") no-repeat;
	float: left;
}

#logo a {
	display: block;
	height: 124px;
	text-indent: -900em;
}

#header-nav {
	margin: 34px 0 0;
	list-style: none;
	width: 756px;
	background: url("../images/main/bg-header-nav.png") no-repeat left top;
	height: 18px;
	line-height: 18px;
	font-size: 18px;
	text-transform: uppercase;
	float: right;
}

#header-nav li {
	float: left;
	height: 18px;
	padding-right: 38px;
}

#header-nav li a {
	display: block;
	text-indent: -900em;
	height: 18px;	
}

#header-nav li.link-home {
	width: 54px;
}

#header-nav li.link-home a:hover {
	background: url("../images/main/bg-header-nav.png") no-repeat left center;
}

#header-nav li.link-about {
	width: 63px;
}

#header-nav li.link-about a:hover {
	background: url("../images/main/bg-header-nav.png") no-repeat -92px center;
}

#header-nav li.link-impact {
	width: 61px;
}

#header-nav li.link-impact a:hover {
	background: url("../images/main/bg-header-nav.png") no-repeat -193px center;
}

#header-nav li.link-projects {
	width: 93px;
}

#header-nav li.link-projects a:hover {
	background: url("../images/main/bg-header-nav.png") no-repeat -292px center;
}

#header-nav li.link-support {
	width: 75px;
}

#header-nav li.link-support a:hover {
	background: url("../images/main/bg-header-nav.png") no-repeat -423px center;
}

#header-nav li.link-share {
	width: 60px;
	/*padding-right: 0px;*/
}

#header-nav li.link-share a:hover {
	background: url("../images/main/bg-header-nav.png") no-repeat -536px center;
}

#header-nav .link-gm {
	/*float: right;*/
	height: 33px;
	width: 108px;
	padding: 0;
	background: url("../images/main/bg-link-gm.png");
	margin-top: -15px;
}

#header-nav .link-gm a {
	height: 33px;
}

#header button#support_login {
	font-size:12px;
	-moz-border-radius:0;
	-webkit-border-radius:0;
	border-radius:0;
	margin:0 0 0 16px;
	padding:0;
	float:left;
	background:none;
	display:inline;
	border:none;
	color:#608446;
	/*font-weight:300;*/
}

#header button#support_login:hover {
	text-decoration:underline;
}

#header form {
	/*float:right;
	width:632px;*/
	height:28px;
	display:block;
	font-size:11px;
	margin:0;
	padding-left:142px;
	height:50px;
}

form.header-login button {
	font-size: 10px;
	padding:0.26em 1em;
	vertical-align:top;
	margin:0;
}

form.header-login input {
	margin:0 4px 0 2px;
}

form.header-login > p {
	margin:0;
}

form.header-login label {
	display:inline;
	padding: .66em 0;
}

form.header-login > #input_area {
	float:left;
	margin-top:2px;
}

form.header-login > #forgot_pw {
	float:left;
	margin-left:15px;
	margin-top:2px;
}

form.header-login input[type="text"], 
form.header-login input[type="password"] {
	font-size:11px;
	padding:0.237em;
}

#header .link-be_counted {
	float:left;
	margin: 4px 0 0 8px;
}

#header .link-be_counted a {
	background:url("../images/main/bg-header_link-be_counted-2.png") no-repeat scroll left top transparent;
	display:block;
	height:13px;
	text-indent:-900em;
	width:122px;
	/*position:absolute;
	top:140px;
	right:60px;*/
}

#header .link-be_counted a:hover {
	background:url("../images/main/bg-header_link-be_counted-2.png") no-repeat scroll left bottom transparent;
}

.logged_in {
	float:left;
	margin:0 0 0 18px;
	height:50px;
	color:#777;
	font-size: 11px;
}

.addthis_toolbox{
	position:absolute;
	top:200px;
	right:60px;
	z-index:1200;
}

/*social links */
#header .social_links {
	overflow:auto;
	float:right;
	margin-right:10px;
}

#header .social_links span {
	float: left;
	line-height: 1.75em;
	font-family:verdana;
}

#header .social_links ul { 
	margin: 0;
	float: left;
	list-style: none;
}

#header .social_links ul li {
	height: 24px;
	width: 24px;
	float: left;
	margin-left: 4px;
}

#header .social_links ul li a {
	height: 24px;
	display: block;
	text-indent: -900em;
}

#header .social_links .link-twitter {
	background: url("../images/main/twitter.png") repeat-y center top;
}

#header .social_links .link-facebook {
	background: url("../images/main/facebook.png") repeat-y center top;
}

#header .social_links .link-youtube {
	background: url("../images/main/youtube.png") repeat-y center top;
}

/*header_counter*/
#header_counter p{
	float:left;
	font-family: "gotham","helvetica neue",arial,helvetica,sans-serif;
    font-size: 20px;
    font-weight: bold;
    margin:-19px 0 0 96px;
    padding-right:21px;
   	line-height:55px;
    height:56px;
    background: url("../images/main/bg-header_counter.png") no-repeat right top;
}

#header_counter span {
	padding-left:21px;
   	line-height:55px;
    height:56px;
    display: block;
    float: left;
    margin-right:0.33em;
	background: url("../images/main/bg-header_counter_span.png") no-repeat left top;
}

/* CONTENT */ 

#content {
	background: url("../images/main/bg-content.png") repeat-y center top;
}

#content2 {
	background: #fff url("../images/main/bg-content2.jpg") no-repeat center -10px;
	padding: 30px 30px 1px;
	margin: 0 30px;
	min-height: 529px;
}

#content-footer {
	clear: both;
}

/* FOOTER */

#footer {
	text-align: center;
	color: #777777;
	font-family: arial, helvetica, verdana, sans-serif;
	font-size: 11px;
	margin: 0 30px;
	padding: 25px 30px;
	background: url("../images/main/bg-footer.png") no-repeat center top;
	height: 96px;
}

#footer a {
	text-decoration: none;
	color: #777777;
}

#copyright {
	line-height: 30px;
}

#footer-nav {
	margin: 0;
	list-style: none;
}

#footer-nav li {
	height: 30px;
	width: 100px;
}

#footer-nav .link-advance {
	float: left;
	background: url("../images/main/bg-link-the_advance.png") no-repeat left center;
}

#footer-nav .link-umcor {
	float: right;
	background: url("../images/main/bg-link-umcor.png") no-repeat right center;
}

#footer-nav li a {
	height: 30px;
	display: block;
	text-indent: -900em;
}	

#footer h2 {
	width:401px;
	height:32px;
	text-indent:-3000px;
	background: url("../images/main/footer-h2.png") no-repeat center bottom;
	margin:0 auto 25px;
}


/* FORMS */

form > ul {
	list-style: none;
	margin: .875em 0;
}

form > ul > li {
	margin-bottom: .875em;
}

form label {
	display: block;
}

form input[type="text"],
form input[type="password"],
form select,
form textarea {
	font-family: arial, verdana, sans-serif;
	font-size: 12px;
	background: url("../images/main/bg-form-field.png") repeat-x left top;
	border: 1px solid #bebea8;
	padding: .437em;
}

form textarea {
	background: #fff url("../images/main/bg-form-field.png") repeat-x left top;
}

button {
	background: #080806 url("../images/main/bg-form-button.png") repeat-x left top;
	padding: .66em 1.33em;
	font-size: 14px;
	font-family: "gotham", "helvetica neue", arial, helvetica, sans-serif;
	color: #fff;
	font-weight: bold;
	border: 1px solid #000;
	border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
}

#login_error {
	color: #f00;
	font-weight: bold;
}