body {
	margin: 0;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 1.2em;
	text-align: center;
	background: #4a4a70 url(/img/bckgrndPattern.gif) bottom center repeat;
}

a { color: #CC6600; text-decoration: none }
a img { border: none }
span { margin: 0; padding: 0 }
img { margin: 0; padding: 0 }

body p { margin: 0 0 15px 0 }

hr { background: url(/img/dottedline.gif) top left repeat-x; margin: 10px 20px; _margin: 0 20px; padding: 0; height: 4px; border: none }

#container {
	position: relative;
	margin: 0px auto;
	padding-left: 7px;
	width: 910px;
	background: url(/img/bckgrndTile.jpg) top center repeat-y;
	text-align: left;
}
#header {
	position: relative;
	width: 897px;
	height: 50px;
	margin: 0 auto;
	padding: 0px;
	background: url(/img/topCap.jpg) bottom center no-repeat;
}
#logo {
	float: left;
	width: 198px;
	height: 205px;
	padding: 0;
	margin: 0 0 0 4px;
	background: #fff url(/img/logo.gif) 28px 38px no-repeat;
}
#logo h1 {
	display: none;
}

/*#subNav { margin: 0 auto; width: 910px; height: 25px; background: #fff }
#subNav #navSecondary { font-size: 11px }
#subNav #navSecondary li { float: left; margin: 0; padding: 0 }
#subNav #navSecondary li a { display: block; padding: 4px 10px }*/

#billboard {
	position: relative;
	height: 205px;
	width: 695px;
}
#billBoardImg { position: absolute; top: 0; left: 198px; height: 205px; width: 695px; padding: 0; background: url(/img/billboard.jpg) top left no-repeat }

#topNav {
	position: absolute;
	top: 10px;
	right: 0;
	width: 650px;
}

#topNav .navAboutUs a { display: block; height: 25px; width: 92px; float: left; background: url(/img/mainNav_AboutUs_off.gif) top left no-repeat; margin-left: 7px; border-right: 1px solid #6f6fa8 }
#topNav .navAboutUs a:hover { background: url(/img/mainNav_AboutUs_on.gif) top left no-repeat }

#topNav .navResources a { display: block; height: 25px; width: 103px; float: left; background: url(/img/mainNav_Resources_off.gif) top left no-repeat; border-right: 1px solid #6f6fa8; border-left: 1px solid #252538 }
#topNav .navResources a:hover { background: url(/img/mainNav_Resources_on.gif) top left no-repeat }

#topNav .navNews a { display: block; height: 25px; width: 60px; float: left; background: url(/img/mainNav_News_off.gif) top left no-repeat; border-right: 1px solid #6f6fa8; border-left: 1px solid #252538 }
#topNav .navNews a:hover { background: url(/img/mainNav_News_on.gif) top left no-repeat }

#topNav .navOwnWords a { display: block; height: 25px; width: 179px; float: left; background: url(/img/mainNav_OwnWords_off.gif) top left no-repeat; border-right: 1px solid #6f6fa8; border-left: 1px solid #252538 }
#topNav .navOwnWords a:hover { background: url(/img/mainNav_OwnWords_on.gif) top left no-repeat }

#topNav .navJoin a { display: block; height: 25px; width: 68px; float: left; background: url(/img/mainNav_JoinCommunity_off.gif) top left no-repeat; border-right: 1px solid #6f6fa8; border-left: 1px solid #252538 }
#topNav .navJoin a:hover { background: url(/img/mainNav_JoinCommunity_on.gif) top left no-repeat }

#topNav .navContact a { display: block; height: 25px; width: 107px; float: left; background: url(/img/mainNav_ContactUs_off.gif) top left no-repeat; border-left: 1px solid #252538 }
#topNav .navContact a:hover { background: url(/img/mainNav_ContactUs_on.gif) top left no-repeat }


#topNav ul { display: none }
#topNav li {
	float: right;
	list-style: none;
	font-size: 90%;
	margin: 0;
	padding: 0;
}
#topNav li a {
	text-decoration: none;
	padding: 7px 0 7px 20px;
	margin: 0;
}
#header #search {
	position: absolute;
	text-align: right;
	width: 196px;
	top: 0;
	left: 0;
	height: 40px;
	background: #fff url(/img/search_bckgrnd.gif) bottom left no-repeat;
}
#header #search .searchField {
	position: absolute;
	top: 10px;
	left: 10px;
	background: #f2eeca;
	/*border: 1px solid #CCCCCC;*/
	width: 114px;
	vertical-align: middle;
}
#header #search .searchBttn {
	position: absolute;
	top: 10px;
	right: 7px;
}

#leftColumn {
	width: 198px;
	float: left;
	margin: 0px;
	padding: 0px;
}

#leftColumn #promoBox {
	width: 175px;
	margin: 20px auto;
	padding: 0;
}

#leftColumn #promoBox p {
	font-size: 11px;
	line-height: 14px;
	margin: 7px 0 10px 15px;
	padding: 0;
}
#leftColumn #promoBox.DidYouKnow { position: relative; width: 186px; margin: 10px auto; background: #5288b0 url(/img/ttl_DidYouKnow.gif) top center no-repeat; padding: 90px 0 30px 0; _padding-top: 90px }
#leftColumn #promoBox.DidYouKnow p { margin: 0 16px; font: 11px/13px Arial, Helvetica, sans-serif; font-weight: bold; color: #fff }

#leftColumn #promoBox.OwnWords { position: relative; width: 184px; margin: 10px auto; background: url(/img/ttl_InTheirOwnWords.jpg) top center no-repeat; padding-top: 0; border: 0px solid #d9d9d9 }
#leftColumn #promoBox.OwnWords h3 { display: none }

#colCap h3 {
	margin: 0px;
	font-size: 13px;
	font-weight: bold;
	padding: 10px 10px 10px 15px;
	border: 1px solid #fff;
}

#mainContent {
	position: relative;
	float: left;
	width: 695px;
	margin-top: 5px;
	background: url(/img/contentGradient.jpg) top left repeat-x;
}
#mainContent #middleColumn {
	position: relative;
	width: 370px;
	float: left;
	margin-bottom: 20px;
	padding: 10px 0 20px 0;
	background: #f9f4ca url(/img/contentGradient.jpg) 0 -125px repeat-x;
	/*background: #f9f4ca url(/img/content_bttmCap.gif) bottom left no-repeat;*/
	color: #663031;
}
#mainContent #middleColumn h2 { font: 22px/24px TradeGothic, Tahoma, "Trebuchet MS", Verdana; font-weight: bold; display: block; margin: 0 30px 15px 20px }
#middleColumn h3 { font: 14px/17px helvetica, arial; font-weight: bold; display: block; margin: 20px 30px 10px 20px; padding-bottom: 7px; border-bottom: 1px solid #e0d683}
#mainContent #middleColumn p {
	margin: 0px 30px 15px 20px;
	font: 12px/19px Arial, Helvetica, sans-serif;
}

/*#middleColumn h2 {
	font-weight: bold;
	margin: 0 20px 10px 20px;
	line-height: 90%;
}*/

#middleColumn ul, #middleColumn ol { margin: 10px 20px; padding: 0  }
#middleColumn li { margin: 7px 0; padding: 0 20px; list-style: none; line-height: 17px; background: url(/img/bulletArrow_orange.gif) 0 3px no-repeat }

/*#mainContent #middleColumn table { margin: 0 20px; border: none; font: 14px/17px Arial, Helvetica, sans-serif }
#mainContent #middleColumn td { padding: 20px 7px }*/
#mainContent #middleColumn .pageTitle { display: block; padding: 4px 0px; margin: 5px 20px 20px 20px; border-bottom: 1px solid #e0d683; border-top: 1px solid #e0d683 /*background: #e0d683*/ }


.clear {
	clear: both;
	height: 0px;
	margin: 0px;
	padding: 0px;
}

#leftColumn, #subLinks {
	font-size: 11px;
	line-height: 14px;
	font-weight: bold;
	margin: 0;
	padding: 0;
}
#leftColumn ul, #subLinks ul {
	margin: 0 auto;
	padding: 0;
}
#leftColumn li, #subLinks li {
	margin: 0;
	padding: 0;
	list-style: none;
	background: url(/img/arrow.gif) 7px 7px no-repeat;
}

#leftColumn li a {
	display: block;
	padding: 4px 10px 4px 25px;
}

#subLinks li { background: url(/img/arrow.gif) 0px 7px no-repeat; }
#subLinks li a { display: block; padding: 4px 10px 4px 15px; }

#subListing ul { margin: 0; padding: 0; font-size: 11px; line-height: 14px; }
#subListing li { display: block; padding: 4px 10px 4px 15px; background: url(/img/arrow.gif) 0px 7px no-repeat }

#leftColumn li a:hover, #subLinks li a:hover { background: #F9F9F9 }

/* Third tier navigation */
#leftColumn ul ul { font-weight: normal }
#leftColumn ul ul li { background: url(/img/bulletArrow_orange.gif) 22px 7px no-repeat; }
#leftColumn ul ul li a { padding: 5px 10px 5px 35px }

#panel_Grantees { position: relative; width: 186px; margin: 5px auto; padding: 45px 0 15px 0; background: #ff6600 url(/img/ttl_GranteeProjects.jpg) top left no-repeat }

#panel_Grantees ul { width: 173px; margin: 0 auto }

#panel_Grantees li { background: url(/img/grantee_navRule.gif) bottom center repeat-x; padding-bottom: 2px }

#panel_Grantees li a {
	margin: 0;
	display: block;
	padding: 5px 10px 5px 20px;
	color: #fff;
	list-style: none;
	background: url(/img/bulletArrow_white.gif) 2px 7px no-repeat;
}
#panel_Grantees li a:hover { background: #e55c00 }

#mainNav {
	width: 625px;
	background-color: #999999;
	margin: 0 auto 15px auto;
	display: block;
	float: left;
}
#mainNav ul {
	font-size: 100%;
	line-height: 14px;
	margin: 0 auto;
	display: block;
	/*height: 20px;*/
}
#mainNav li {
	float: left;
	list-style: none;
	background: url(/img/arrow.gif) 0 17px no-repeat;
}
#mainNav a {
	margin: 15px 0;
	padding: 0 15px;
	color: #FFFFFF;
	display: block;
	text-decoration: none;
	font-size: 12px;
}
#mainNav a.active {
	font-weight: bold;
}

#rightColumn {
	position: relative;
	float: left;
	padding-top: 250px;
	width: 325px;
	background: #fff;
}
#rightColumn #videoPreview { position: absolute; height: 260px; width: 340px; top: -15px; left: -20px; margin: 0; padding: 0; background: none }
#rightColumn #promoBox {
	margin: 0px 15px 15px 15px;
	border-top: 4px solid #d9d9d9;
	border-right: 1px solid #d9d9d9;
}
#rightColumn #promoBox h3 {
	font-size: 14px;
	font-weight: bold; 
	margin: 0 0 10px 0;
	padding: 0 0 5px 0;
	border-bottom: 3px solid #ccc;
}
#rightColumn #promoBox p {
	font-size: 12px;
	line-height: 17px;
	margin: 0;
	padding: 8px 16px 8px 48px;
	border-top: 1px solid #E7E7E7;
}

#promoBox.stayTuned { background: url(/img/ttl_StayTuned.gif) top left no-repeat; padding-top: 48px }
#promoBox.stayTuned h3 { display: none }
#promoBox.stayTuned p.watch { background: url(/img/icon_watch.gif) top left no-repeat }
#promoBox.stayTuned p.hear { background: url(/img/icon_hear.gif) top left no-repeat }
#promoBox.stayTuned p.documents { background: url(/img/icon_documents.gif) top left no-repeat }

#promoBox.projectUpdates { background: url(/img/ttl_ProjectUpdates.gif) top left no-repeat; padding-top: 48px; _border: 1px solid #333 }

.projectUpdates p { _padding-top: 48px }

#promoBox.projectUpdates h3 { display: none }



#promoBox.relatedLinks { background: url(/img/ttl_RelatedLinks.gif) top left no-repeat; padding-top:0; border: 0px solid }
#promoBox.relatedLinks h3 { display: none }
#promoBox.relatedLinks p { display: block; font-weight: normal }

.buttonLarge a {
	border: 1px solid #CCCCCC;
	margin: 10px auto;
	padding: 10px 15px;
	text-decoration: none;
	background-color: #cc6600;
	color: #FFFFFF;
	font-weight: bold;
}
.buttonLarge a:hover { background: #FF9900 }
.buttonSmall a {
	border: 1px solid #CCCCCC;
	padding: 3px 7px;
	text-decoration: none;
	background-color: #cc6600;
	color: #FFFFFF;
	font-weight: bold;
}
.buttonSmall a:hover  { background: #FF9900 }

#topCap {
	background: #333333;
	width: 100%;
	height: 20px;
}
#mainContent #intro {
	position: relative;
	width: 660px;
	display: block;
	margin-left: 20px;
}
#mainContent #intro p {
	font: 16px/22px Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #663031;
	margin: 20px 20px 20px 0;
}
#footer {
	position: relative;
	width: 910px;
	height: 95px;
	margin: 0px auto;
	position: relative;
	font-size: 11px;
	background: #fff url(/img/footer_bckgrnd.jpg) top center no-repeat;
}

#footer hr { display: block; border: none; border-bottom: 4px solid #ccc; margin: 0 20px 10px 20px; padding: 0 }
ul#footerNav {
	position: absolute;
	top: 10px;
	left: 25px;
	height: 20px;
	width: 650px;
	margin: 0;
	padding: 0;
}
#footerNav li {
	list-style: none;
	margin: 0;
	padding: 0;
	float: left;
}
#footerNav a {
	margin: 0;
	padding: 4px 15px 4px 0px;
	display: block;
	text-decoration: none;
}
#footerNav a:hover { text-decoration: underline }
#copyright {
	position: absolute;
	text-align: left;
	top: 35px;
	left: 25px;
	width: 300px;
}
.fillerImg {
	float: right;
	height: 56px;
	width: 51px;
	margin: 5px 5px 0 0;
	padding: 0px;
	border: 1px solid;
}
#granteesBttn {
	position: relative;
	float: left;
	width: 150px;
	text-align: center;
	background: #cc6600 url(/img/arrow.gif) 10px 18px no-repeat;;
	margin: 0 25px 10px 0;
	padding: 0;
}
#granteesBttn a {
	display: block;
	font-size: 100%;
	font-weight: bold;
	margin: 15px 0;
	padding: 0;
	color: #fff;
}

#myriadTag { position: absolute; top: 10px; _top: 14px; right: 25px; height: 50px; width: 150px }
#myriadTag a { display: block; height: 50px; width: 150px; background: url(http://www.myriadmedia.com/img/MyriadTag.gif) no-repeat }
#myriadTag a:hover { background: url(http://www.myriadmedia.com/img/MyriadTag_on.gif) }