/*

layout.css - global
*/

/* ### PAGE STYLES ### */

body {
	background: #dcf0f1;
	padding-bottom: 40px;
}

#container {
	background: #fff;
	margin: 0 auto;
	padding: 0 7px;
	width: 937px;
}

/* ### HEADER STYLES ### */

#header {
	background: #f0f7e7;
	position: relative;
}

#header h2 a {
	background: url(/images/logoHead.png);
	display: block;
	height: 89px;
	left: 0;
	overflow: hidden;
	position: absolute;
	text-indent: -9999px;
	top: 0;
	width: 232px;
}

#header h4 {
	background: url(/images/taglineHead.gif);
	height: 93px;
	left: 235px;
	position: absolute;
	text-indent: -9999px;
	top: 37px;
	width: 247px;
}

#utility {
	background: #fff;
	height: 25px;
	padding-left: 280px;
	padding-top: 12px;
	overflow: auto;
}

#utility li {
	background: url(/images/bulletUtilityGrey.gif) 0px 0px no-repeat;
	float: left;
	padding-right: 5px;
}

#utility li.first {
	background: none;
}

#utility li a {
	padding-left: 5px;
	visibility: visible; /*for IE8*/
}

#header form {
	margin: 27px 0 3px;
}

input.search {
	background: #fff;
	border: none;
	height: 15px;
	/* height: 19px; */ /* standard. change for google search box implementation. */
	margin-left: 690px;	
	/* margin-left: 705px; */ /* standard. change for google search box implementation. */
	padding: 0 4px;
	width: 157px;
}

#header input.button {
	position: relative;
	top: 6px;
}

#header dl {
	background: url(/images/bgIAm.gif) repeat-y;
	cursor: pointer;
	left: 690px;
	/* left: 705px; */ /* standard. change for google search box implementation. */
	position: absolute;
	width: 225px;
	/* width: 214px; */ /* standard. change for google search box implementation. */
	z-index: 100;
}

#header dt {
	background: url(/images/buttonIAm.png);
	height: 19px;
	text-indent: -9999px;
	width: 46px;
}

#header dd {
	background: url(/images/separatorIAm.gif) left bottom repeat-x;
	margin: 0 15px 0 65px;
	/* margin: 0 15px 0 65px; */ /* standard. change for google search box implementation. */
	padding: 8px 0;
	/* padding: 8px 0; */ /* standard. change for google search box implementation. */
}

#header dd.last {
	background: none;
}

#nav {
	border-top: 3px solid #fff;
	height: 45px;
	margin-top: 44px;
	overflow: visible;
	position: relative;
	width: 705px;
}

#nav > li {
	float: left;
}

#nav > li#learnNav, #nav > li#actNav, #nav > li#connectNav {
	position: relative;
}

#nav > li > a {
	display: block;
	height: 45px;
	margin-right: 3px;
	overflow: hidden;
	text-indent: -9999px;
	width: 232px;
}

#nav > li#learnNav > a {
	background: url(/images/navLearn.gif);
}

#nav > li#actNav > a {
	background: url(/images/navAct.gif);
}

#nav > li#connectNav > a {
	background: url(/images/navConnect.gif);
}

#nav > li#mn04 > a, #nav > li#mn05 > a {
	float: none;
	height: 115px;
	position: absolute;
	width: 115px;
}

#nav > li#mn04 > a {
	background: url(/images/navJoinRenew_new.gif);
	left: 705px;
	top: 48px;
}

#nav > li#mn05 > a {
	background: url(/images/navGive_new.gif);
	left: 823px;
	top: 48px;
	width: 114px;
}

#nav li ul {
	padding: 0 15px;
	position: absolute;
	top: -999px;
	width: 202px;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=95)";
	filter: alpha(opacity=95);
	-moz-opacity: 0.95;
	-khtml-opacity: 0.95;
	opacity: 0.95;
}

#nav li:hover {
	visibility: inherit; /*IE7 Sticky Bug Fix*/
}

#nav li:hover ul, #nav li.sfHover ul {
	top: 45px;
}

#learnNav ul {
	background: #ede7ef;
}

#actNav ul {
	background: #e5e7f0;
}

#connectNav ul {
	background: #f7eadc;
}

#learnNav ul li {
	border-bottom: 1px dotted #6E005F;
}

#actNav ul li {
	border-bottom: 1px dotted #003974;
}

#connectNav ul li {
	border-bottom: 1px dotted #CB7A17;
}

#nav li ul li {
	padding: 8px 0;
}

#nav li ul li.last {
	border: none;
}

/* ### MODAL STYLES ### */

/* jqModal base Styling courtesy of;
	Brice Burgess <bhb@iceburg.net> */

/* The Window's CSS z-index value is respected (takes priority). If none is supplied,
	the Window's z-index value will be set to 3000 by default (via jqModal.js). */
	
.iam {
    background-color: #fff;
    display: none;
    left: 690px;
	/* left: 705px; standard. changed for google search results. */
    position: absolute;
	top: 122px;
	/* top: 112px; standard. changed for google search results. */
    width: 232px;
}

.jqmOverlay { background-color: #000; }

.iam h2 {
	color: #fff;
	font-size: 1.2em;
	text-transform: uppercase;
}

.iam h2 span {
	color: #FDEE1E;
}

.iam h3 {
height:115px;
margin-bottom:3px;
margin-left:118px;
text-indent:-9999px;
width:114px;
background: transparent url(/images/labelEmpowers_1.gif) repeat scroll 0 0;
}

.iam .image{
	float: left;
	margin-right: 3px;
	width: 115px;
}

.iam li a {
	color: #01928f;
	font-family: Georgia, Palatino, "Palatino Linotype", Times, "Times New Roman", serif;
	font-size: 1.1em;
	text-decoration: none;
}

.iam li a:hover {
	text-decoration: underline;
}

.iam h5 {
	text-align: right;
}

.iam h5 a {
	color: #5c6f7b;
	text-decoration: none;
}

.iam h5 a:hover {
	text-decoration: underline;
}

.iam  {
	width: 232px;
}

.iam h2 {
	background: #01928f;
	height: 16px;
	margin-bottom: 8px;
	padding: 15px 15px 7px;
	width: 202px;
}

.iam li {
	background: url(/images/seperatorGrey.gif) left bottom repeat-x;
	margin: 0 15px 10px 15px;
	padding-bottom: 10px;
}


.iam h5 {
	background: #f0f7e7;
	padding: 5px 15px 7px 0;
}

.iam h4 a {
	font-family: Georgia, Palatino, "Palatino Linotype", Times, "Times New Roman", serif;
	font-size: 1.3em;
	text-decoration: none;
}

.learn .iam h4 a {
	color: #6c205e;
}

.act .iam h4 a {
	color: #1d3d70;
}

.connect .iam h4 a {
	color: #ca7929;
}

.other .iam h4 a {
	color: #01928f;
}	
	
	
.iam p {
	color: #5c6f7b;
	font-family: Georgia, Palatino, "Palatino Linotype", Times, "Times New Roman", serif;
	font-size: 1.2em;
}






.profile {
    background-color: #fff;
    display: none;
    left: 705px;
	position: absolute;
	top: 263px;
    width: 232px;
}

.jqmOverlay { background-color: #000; }

.profile h2 {
	color: #fff;
	font-size: 1.2em;
	text-transform: uppercase;
}

.profile h2 span {
	color: #FDEE1E;
}

.learn .profile h3 {
height:115px;
margin-bottom:3px;
margin-left:118px;
text-indent:-9999px;
width:114px;
background: transparent url(/images/labelEmpowers_1.gif) repeat scroll 0 0;
}

.act .profile h3 {
	height:115px;
	margin-bottom:3px;
	margin-left:118px;
	text-indent:-9999px;
	width:114px;
	background: transparent url(/images/labelAdvocates_1.gif) repeat scroll 0 0;
}

.connect .profile h3 {
	height:115px;
	margin-bottom:3px;
	margin-left:118px;
	text-indent:-9999px;
	width:114px;
	background: transparent url(/images/labelConnects_1.gif) repeat scroll 0 0;
}

.other .profile h3 {
	height:115px;
	margin-bottom:3px;
	margin-left:118px;
	text-indent:-9999px;
	width:114px;
	background: transparent url(/images/labelTransforms_1.gif) repeat scroll 0 0;
}

.profile .image{
	float: left;
	margin-right: 3px;
	width: 115px;
	display: inline;
}

.profile li a {
	color: #01928f;
	font-family: Georgia, Palatino, "Palatino Linotype", Times, "Times New Roman", serif;
	font-size: 1.1em;
	text-decoration: none;
}

.profile li a:hover {
	text-decoration: underline;
}

.profile h5 {
	text-align: right;
}

.profile h5 a {
	color: #5c6f7b;
	text-decoration: none;
}

.profile h5 a:hover {
	text-decoration: underline;
}

.profile  {
	width: 232px;
}

.profile h2 {
	background: #01928f;
	height: 16px;
	margin-bottom: 2px;
	padding: 15px 15px 7px;
	width: 202px;
}

.profile li {
	background: url(/images/seperatorGrey.gif) left bottom repeat-x;
	margin: 0 15px 10px 15px;
	padding-bottom: 10px;
}


.profile h5 {
	background: #f0f7e7;
	padding: 5px 15px 7px 0;
}

.profile h4 a {
	font-family: Georgia, Palatino, "Palatino Linotype", Times, "Times New Roman", serif;
	font-size: 1.3em;
	text-decoration: none;
}


.learn .profile div h4 {
border-bottom:1px dotted #6C205E;
}
.act .profile div h4 {
border-bottom:1px dotted #1d3d70;
}
.connect .profile div h4 {
border-bottom:1px dotted #ca7929;
}
.other .profile div h4 {
border-bottom:1px dotted #01928f;
}

.profile div h4 {
margin-bottom:8px;
padding-top: 6px;
padding-bottom:5px;
}

.learn .profile div {
background:#EDE7EF none repeat scroll 0 0;
}

.act .profile div {
background:#E5E7F0 none repeat scroll 0 0;
}

.connect .profile div {
background:#F7EADC none repeat scroll 0 0;
}

.other .profile div {
background:#E9F3F3 none repeat scroll 0 0;

}

.profile div {
	margin-bottom:3px;
padding:4px 8px;
}

.learn .profile h4 a {
	color: #6c205e;
}

.act .profile h4 a {
	color: #1d3d70;
}

.connect .profile h4 a {
	color: #ca7929;
}

.other .profile h4 a {
	color: #01928f;
}	
	
	
.profile p {
	color: #5c6f7b;
	font-family: Georgia, Palatino, "Palatino Linotype", Times, "Times New Roman", serif;
	font-size: 1.2em;
}

a.more {
	color: #92a1ad;
	font-size: 0.9em;
	text-decoration: none;
	text-transform: uppercase;
}

a.profilemore {
	color: #92a1ad;
	font-size: 0.9em;
	text-decoration: none;
	text-transform: uppercase;
}




/* ### CONTENT STYLES ### */

#content {
	clear: both;
}

#contentMain {
	clear: both;
}

.spotlight {
	margin-bottom: 3px;
	padding: 15px 15px 6px;
}

.spotlight h3 {
	border-bottom: 1px dotted #fff;
	margin-bottom: 4px;
	padding-bottom: 4px;
}

.spotlight p {
	margin-bottom: 10px;
}

.spotlight.orange {
	background: #ca7929 !important;
}

.spotlight.slate {
	background: #5b6f7b !important;
}

.spotlight.teal {
	background: #01928f !important;
}

.spotlight.purple {
	background: #6C1F5E !important;
}

.spotlight.blue {
	background: #1D3C70 !important;
}

/* ### FOOTER STYLES ### */

#footer h2 {
	background: url(/images/taglineFoot_2.png);
	float: left;
	height: 37px;
	text-indent: -9999px;
	width: 702px;
}

#footer dl {
	background: url(/images/bgFooter.gif) repeat-x;
	height: 37px;
	margin-left: 702px;
	overflow: visible;
}

#footer dt {
	background: url(/images/labelFollowUs.png) no-repeat;
	float: left;
	height: 37px;
	margin-right: 10px;
	text-indent: -9999px;
	width: 84px;
}

#footer dd {
	float: left;
	margin-right: 2px;
	padding-top: 9px;
}

#footer dd a {
	display: block;
	height: 20px;
	overflow: hidden;
	text-indent: -9999px;
	width: 20px;
}

#rss a {
	background: url(/images/iconRSS.png);
}

#facebook a {
	background: url(/images/iconFacebook.png);
}

#twitter a {
	background: url(/images/iconTwitter.png);
}

#youtube a {
	background: url(/images/iconYouTube.png);
}

#footer {
	clear: both;
}

#footer ul {
	background: #fff;
	height: 25px;
	padding-top: 12px;
	overflow: auto;
}

#footer ul, #footer h5 {
	margin-left: 15px;
}

#footer ul li {
	background: url(/images/bulletUtilityGrey.gif) 0px 0px no-repeat;
	float: left;
	padding-right: 5px;
}

#footer ul li.first {
	background: none;
}

#footer ul li a {
	padding-left: 7px;
	visibility: visible; /*for IE8*/
}

#footer ul li.first a {
	padding-left: 0;
}

#footer h5 {
	padding-bottom: 20px;
}

/* ### Level 3-C STYLES ### */

.imglist {
	color: #5c6f7b;
	padding-left:15px;
	
}

.imglist .category a, .feature .more a {
	text-decoration: none;
	text-transform: uppercase;
}

.imglist .category a:hover, .feature .more a:hover {
	text-decoration: underline;
}

.imglist h3 {
	color: #5c6f7b;
	font-size: 1.6em;
	line-height: 1.8em;
	font-family: Arial, Helvetica, sans-serif;

}
.imglist {
	margin-top:20px;
	margin-bottom: 15px;
	min-height: 115px;
}

.imglist .photo {
	float: left;
	width: 115px;
	margin-top:6px;
}

.imglist .photo img {
	height: 115px;
	width: 115px;
}

.imglist #story {
	width: 335px;
	margin-left:115px;
	padding-bottom:10px;
		background-image: url(/images/separatorTeal.gif);
	background-repeat: repeat-x;
	background-position: left bottom;
		
}