* { margin: 0; padding: 0; }



body {

	font: 62.5% Arial, Helvetica, sans-serif;

	background: #fff;

	color: #3F3F3F;

	text-align: center;

}



.clearfix:after {

    content: ".";

    display: block;

    height: 0;

    clear: both;

    visibility: hidden;

}

.clearfix {

	display: inline-table;

	min-height: 1%; /* clearfix for ie7 */

}



/* Hides from IE-mac \*/

* html .clearfix {height: 1%;}

.clearfix {display: block;}

/* End hide from IE-mac */





a { color: #8A9ABB; }

a:hover { text-decoration: underline; }

img { border: 0; }



h2 {

	color: #C9672C;

	font-size: 1.5em;

	text-transform: uppercase;

	margin: 0 0 5px;

}

h3 {

	font-size: 1.4em;

	margin: 0 0 5px;

}

h4 {

	font-size: 1.2em;

	margin: 0 0 5px;

}

ul, ol {

	padding: 0 30px;

	font-size: 1.1em;

}

ul li {

	padding: 0 0 5px;

}

div.content p {

	margin: 0 10px 8px;

}



#container {

	text-align: left;

	width: 750px;

	margin: 0 auto;

	padding: 10px;

}

#masthead {

	height: 128px;

	width: 770px;

	background: url(../img/masthead-bg.gif) no-repeat 0 0;

	position: relative;

}



	/* global navigation */

	#global-nav {

		list-style: none;	

		font-size: 1.2em;

		position: absolute;

		float: right;

		right: 23px;

		top: 3px;

	}

	#global-nav li {

		display: inline;

		padding: 0 3px 0 0;

		color: #17385A;

	}

	#global-nav li a {

		padding: 0 3px 0 0;

		color: #17385A;

		text-decoration: none;

		font-weight: bold;

	}

	#global-nav li a:hover {

		text-decoration: underline;

	}

	

	/* main navigation */

	#main-nav {

		width: 472px;

		position: absolute;

		list-style: none;

		top: 26px;

		left: 135px;

		padding: 0;

		line-height: 1;

	}

	#main-nav li {

		float: left;

		margin: 0 3px 0 0;

	}

	#main-nav li a {

		height: 107px;

		display: block;

		position: relative;

		overflow: hidden;

	}

	#main-nav li a span {

		display: none;

	}

	#main-nav li#act a {

		width: 151px;

		background: url(../img/nav/act.jpg) no-repeat 0 0;

	}

	#main-nav li#act a span {

		background: url(../img/nav/act.gif) no-repeat 0 0;

		width: 150px;

		height: 28px;

		display: block;

		text-indent: -4000px;

		position: absolute;

		top: 78px;

		left: 1px;

		cursor: pointer;

	}

	#main-nav li#act a:hover {

		background-position: -151px 0;

	}

	#main-nav li#organize a {

		width: 156px;

		background: url(../img/nav/organize.jpg) no-repeat 2px 0;

	}

	#main-nav li#organize a span {

		background: url(../img/nav/organize.gif) no-repeat 0 0;

		width: 151px;

		height: 28px;

		display: block;

		text-indent: -4000px;

		position: absolute;

		top: 78px;

		left: 3px;

		cursor: pointer;

	}

	#main-nav li#organize a:hover {

		background-position: -152px 0;

	}

	#main-nav li#speakout a {

		width: 154px;

		background: url(../img/nav/speakout.jpg) no-repeat 0 0;

	}

	#main-nav li#speakout a span {

		background: url(../img/nav/speakout.gif) no-repeat 0 0;

		width: 151px;

		height: 28px;

		display: block;

		text-indent: -4000px;

		position: absolute;

		top: 78px;

		left: 2px;

		cursor: pointer;

	}

	#main-nav li#speakout a:hover {

		background-position: -154px 0;

	}

	#main-nav li#act a:hover span,

	#main-nav li#organize a:hover span,

	#main-nav li#speakout a:hover span {

		background-position: 0 -28px;

	}

	#main-nav li ul {

		padding: 10px 0;

		list-style: none;

		position: absolute;

		width: 146px;

		top:  106px;

		left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */

		background: #8A9ABB url(../img/drop-down-bottom.gif) no-repeat 0 100%;

		margin: 0 0 0 4px;

	}

	#main-nav li:hover ul,

	#main-nav li.sfhover ul { /* lists nested under hovered list items */

		left: auto;

	}

	#main-nav li ul li {

		padding: 0;

		margin: 0;

		width: auto;

		border-bottom: 1px solid #ccc;

	}

	#main-nav li ul li.last {

		border: 0;

	}

	#main-nav li ul li a {

		background-image: none !important;

		color: #fff;

		padding: 4px 13px;

		margin: 0;

		text-decoration: none;

		height: auto;

		width: 120px !important;

	}

	#main-nav li ul li a:hover {

		background: #ccc url(../img/nav-li.gif) no-repeat 5px 7px !important;

		width: 120px !important;

		padding: 4px 13px !important;

		color: #404040;

	}

	

	/* signup box */

	#signup {

		width: 117px;

		height: 99px;

		background: url(../img/signup-bg.gif) no-repeat 0 0;

		position: absolute;

		right: 20px;

		top: 28px;

	}

	#signup fieldset { border: 0; }

	#signup h3 {

		font-size: 1.1em;

		padding: 4px 10px 0;

		margin: 0;

	}

	#signup p { padding: 0 10px 3px; }

	#signup p a { 

		color: #CB682F;

		text-decoration: none;

		font-size: 1.1em;

		font-weight: bold;

	}

	#signup a:hover { text-decoration: underline; }

	#signup label {

		padding: 0 0 0 10px;

	}

	#signup input {

		width: 80px;

		font-size: 1em;

		margin: 0 0 0 10px;

		border: 1px solid #8A9ABB;

		padding: 1px 2px;

	}

	#signup .submit {

		width: auto;

		border: 0;

		float: right;

		margin: 0 20px 0 0;

	}

	

/* content area */



div.content { /* full width content box */

	width: 710px;

	background: #fff;

	clear: both;

	margin: 0 0 10px;

	padding: 10px;

}

#content-wrap {

	width: 730px;

	background: #C9672C url(../img/content-top.gif) no-repeat 0 0;

	margin: 25px 0 0;

	padding: 10px 10px 0;

}



/* ads */

#ads {

	width: 730px;

	clear: both;

	padding: 0 0 10px;

	text-align: center;

}

#ads a { margin: 0 5px; }

#ads img { vertical-align: baseline; }

	

/* footer */

#siteinfo {

	padding: 0 10px 10px;

	text-align: center;

	color: #fff;

	font-size: 1.1em;

	font-weight: bold;

	background: #C9672C url(../img/content-bottom.gif) no-repeat 0 100%;

}

#siteinfo a {

	color: #fff;

}
.h4 {
	color: C9672C;
}