/*
-----------------------------
FIXES & RESETS
-----------------------------
*/

* {
	margin: 0;
	padding: 0;
}

.clear {clear:both;}

.clear:after {
	content: ".";
	display: block;
	height: 0;
	font-size: 0;
	clear: both;
	visibility: hidden;
}

/*
-----------------------------
COLORS
-----------------------------

Green (light): #9fb361
Green (dark): #3a4c29
Orange: #e67504
Orange (light): #eea335
Grey: #555
Grey2: #666
Grey (light): #999
Grey (super light): #f0f0f0
Grey (dark): #003300
Blue: #5e599b
Blue (light): #d6ebff
Blue (dark): #282365
Blue (header): #336699
Blue (subnav): #02386f

*/

a {
	color: #e67504;
}

body {
        color: #555;
}

#top h2 {
	color: #999;
}

#horizontal-navigation .active {
	background-color: #6c8b0c;
}

.clear:after, #horizontal-navigation li a, #sub-navigation h2, #contribute h2, #what-you-can-do a, #what-you-can-do h2, #sub-navigation ul li a:hover, #sub-navigation .active, #contribute h2 a {
	color: #fff;
}

#horizontal-navigation {
	background-color: #3a4c29;
}

#sub-navigation h2 {
	background-color: #02386f;
}

#primary-content h2, #primary-content h3 {
	color: #3a4c29}

h2#newsroom  {color: #3a4c29; font-size:14px;}

#what-you-can-do li {
	background-color: #5e599b;
}

#what-you-can-do ul li:hover, #what-you-can-do ul li:hover a, #what-you-can-do h2 {
	background-color: #282365;
}

#contribute h2 {
	background-color: #E77505;
}

#sign-up {
	background-color: #9fb361;
}

#sign-up h2 {
	color: #3a4c29;
}

#home-banner-small, #sub-navigation {
	background-color: #d6ebff;
}

#home-banner-small h2 {
	color: #336699;
}

#sub-navigation a {
	color: #02386f;
}

#footer, #footer a {
	background-color: #f0f0f0;
	color: #666;
}

#sub-navigation ul li a:hover, #sub-navigation .active {
	background: #336699;
}

#primary-content strong {
	color: #000;
}

#primary-content h1, #wrapper-content h1 {
	line-height: 1em;
	margin: 0 0 .5em 0;
}

/*
-----------------------------
MAIN STRUCTURE
-----------------------------
*/

body {
	font-size: 14px;
	font-family: Arial, Helvetica, sans-serif;
	text-align: center;
	line-height: 140%;
}

.topm {
	margin-top: 1em;
}

.bigger {
	font-size: 110%;
}

#wrapper {
	text-align: left;
	width: 960px;
	margin: 0 auto;
}

#top {
	display: block;
	clear: both;
}

#logo a {
	text-indent: -9999px;
	display: block;
	width: 233px;
	height: 75px;
	background: url("http://www.globalactionforchildren.org/sync/images/logo.gif") no-repeat center;
	float: left;
	padding: 5px 0;
}

#top h2 {
	font-size: 14px;
	font-weight: normal;
	line-height: 140%;
	display: block;
	float: right;
	text-align: right;
	width: 600px;
	position: relative;
	top: 25px;
}

#left {
	width: 755px;
	float: left;
	clear: left;
	margin: 5px 0;
	overflow: hidden;
}

#right {
	width: 200px;
	margin: 5px 0 5px 5px;
	float: left;
	overflow: hidden;
}

#banner-large {
	margin: 5px 0 0 0;
}

#sub-banner {
        clear: left;
	margin: 5px 0 0 0;
}


h4 {
        color:#3a4c29; 
        font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	margin: 2em 0 0 0;
}

#wrapper-content {
	padding: 5px 20px 5px 0;
}

#wrapper-content img {padding:4px}

p {
	margin: 1em 0;
}


/*
-----------------------------
HORIZONTAL NAVIGATION
-----------------------------
*/

#horizontal-navigation {
	list-style-type: none;
	letter-spacing: -1px;
	height: 2em;
}

#horizontal-navigation li {
	float: left;
	line-height: 2em;
	margin: 0 8px 0 0;
}

#horizontal-navigation li a{
	padding: 3px 17px;
	text-transform: uppercase;
	font-size: 14px;
	text-decoration: none;
	display: inline;
}

#horizontal-navigation li.active {
	background: #6c8b0c;
}

/*
-----------------------------
SUB NAVIGATION
-----------------------------
*/

#sub-navigation {
	width: 234px;
	text-transform: uppercase;
	margin: 5px 0 0 0;
	float: left;
	clear: right;
}

#sub-navigation h2 {
	font-size: 18px;
	font-weight: bold;
	padding: 10px;
}

#sub-navigation ul li.active a {
	background: url("http://www.globalactionforchildren.org/sync/images/sub-navigation_bullet.gif") left center no-repeat;
	color: #fff;
}

#sub-navigation ul li a {
	text-decoration: none;
	display: block;
	padding: 5px 20px;
}

/*
-----------------------------
SIGN-UP BOX
-----------------------------
*/

#sign-up {
	padding: 10px;
	height: 80px;
}

#sign-up h2 {
	text-transform: uppercase;
	font-weight: bold;
	font-size: 18px;
}

#sign-up form input.text {
	border: 1px solid #053703;
	width: 173px;
	display: block;
	margin: 5px 0;
	float: left;
	font-size: 12px;
	padding: 2px;
}

#sign-up form input.short {
	width: 150px;
}

#sign-up form input.image {
	width: 20px;
	height: 20px;
	display: block;
	float: right;
	position: relative;
	top: 6px;
}

/*
-----------------------------
WHAT YOU CAN DO
-----------------------------
*/

#what-you-can-do {
	text-transform: uppercase;
	text-decoration: none;
}

#what-you-can-do h2 {
	font-size: 18px;
	padding: 10px 10px 7px 10px;
	text-align: center;
	margin: 0 0 3px 0;
}

#what-you-can-do ul li {
	font-size: 14px;
	line-height: 14px;
	height: 30px;
	margin: 0 0 3px 0;
}

#what-you-can-do ul li.small {
	font-size: 11px;
}

#what-you-can-do ul li a {
        height: 17px;
	display: block;
	padding: 8px 5px 5px 40px;
	background: url("http://www.globalactionforchildren.org/sync/images/what-you-can-do_bullet.gif") top left no-repeat;
}


/*
-----------------------------
CONTRIBUTE
-----------------------------
*/

#contribute h2 a, #contribute h2 a:hover {
	display: block;
	text-decoration: none;
	line-height: 40px;
}

#contribute h2 {
	font-size: 24px;
	font-weight: bold;
	text-transform: uppercase;
	text-align: center;
	height: 40px;
}

#contribute img {
	display: block;
	padding: 10px 0;
}

#contribute p {
	font-size: 12px;
	margin: 10px 0;
}

#contribute a {
	text-decoration: none;
}

#contribute div {
	padding: 0 10px;
}

/*
-----------------------------
PRIMARY CONTENT
-----------------------------
*/

#two #primary-content {
	width: 500px;
	float: left;
	padding: 10px;
}

#primary-content {
	font-size: 12px;
}

#two #primary-content h3 {
	font-size: 14px;
	font-weight: bold;
	margin: 10px 0 0 0;
}

#primary-content h2, #primary-content .left h3 {
	font-weight: normal;
}

#primary-content .left h2 {
	font-size: 20px;
}

#primary-content .left h3 {
	font-size: 16px;
	margin: 20px 0 0 0;
}

.more {
	text-decoration: none;
	margin: 20px 0;
	display: block;
}

#primary-content .left p img {
	vertical-align: middle; 
}

#primary-content .left {
	float: left;
	width: 330px;
	margin: 20px 0 0 0;
}

#primary-content .right {
	width: 400px;
	margin: 20px 0 0 25px;
	float: right;
}

#primary-content .right h2, #two #primary-content h2, #primary-content p, #primary-content div{
	margin: 0 0 10px 0;
}

#primary-content strong, #wrapper-content strong {
	font-size: 14px;
}

#primary-content ul, #primary-content ol, #wrapper-content ul, #wrapper-content ol {
	margin: 0 30px;
}

#home-story img {
	display: block;
	float: left;
	width: 107px;
	height: 130px; padding:0 5px 3px 0
}

#home-story {
	border: 1px solid #cfcfcf;
	padding: 10px;
}

#home-lower-left {
	border: 1px solid #cfcfcf;
	padding: 10px;
}

a {
	text-decoration: none;
}

#home-banner-small {
	padding: 10px 10px 20px 10px;
	margin: 5px 0 0 0;
}

#home-banner-small h2 {
}

#home-banner-small img {
	display: block;
	float: right;
	border: 1px solid #cfcfcf;
	padding: 3px;
}

#home-banner-small div {
}

/*
-----------------------------
FOOTER
-----------------------------
*/

#footer {
	clear: both;
	display: block;
	padding: 15px;
	margin: 5px 0 0 0;
	height: 75px;
}

#footer p {
	font-size: 12px;
	display: block;
	width: 300px;
	float: left;
	text-align: left;
}

#footer .right {
	display: block;
	float: right;
	text-align: right;
}

#footer .right a {
	text-decoration: none;
}

a img, #what-you-can-do ul .last a {
	border: none;
}

#sub-navigation ul, #what-you-can-do ul {
	list-style-type: none;
}

#primary-content, #what-you-can-do, #contribute {
	margin: 5px 0 0 0;
}

#primary-content, #home-story p, #home-banner-small p, #wrapper-content {
	font-size: 12px;
}

#contribute a:hover, .more:hover, .yellow a:hover, #footer .right a:hover {
	text-decoration: underline;
}