@charset "utf-8";
/* 

CSS Document 
STYLE SHEET FOR www.ncyama.org | 2009
Created by Bruce Baumgarten

ToC

	1. defaults
	2. structure
	3. links and navigation
	4. fonts
	5. images
	6. forms

Notes


*/

/* --------- 1. defaults  --------- */

* {
		margin: 0;
		padding: 0;
		border: 0;
}

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6 {
		margin: 0;
		padding: 0;
		border: 0;
		outline: 0;
		font-size: 100%;
}

body {
		font: 65%/1.5em "Lucida Sans Unicode", "Lucida Grande", "Trebuchet MS", Arial, Helvetica, sans-serif;
		background: #0B0B33;
		color: #BEBEE5;
		text-align: center;
}

.popwindow  {
	background-image: none;
}
		
td  {
		padding: 1px 3px;
		}
		
/*  --------- 2. structure  --------- */

#outerWrapper {
		margin: 0 auto;
		width: 920px;
		text-align: left;
		background: #090A2A url(../img/bgdBottom.gif) bottom no-repeat;
		}

#topNav  {
		margin: 0;
		padding: 15px 89px;
		background-color: #0B0B33;
		font: normal normal 1.1em/1.3em "Palatino Linotype", Palatino, "Times New Roman", Times, serif;
		color: #9D9DD8;
		text-align: right;		
}

#header  {
		height: 314px;
		background: url(../img/bgdHeaderImg01.jpg) no-repeat top center;
}

#headerMainNav  {
		height: 76px;
		margin: 0 88px;
		padding-top: 19px;
		background-color: #131355;
		
}

#contentWrapper {
		margin: 0;
		padding: 15px 88px 0 88px;
}

.contentFull  {
		padding: 10px 0 10px 0;
}

.contentWideMain {
		float: left;
		padding: 10px 15px 10px 0;
		border-top: 1px #1A1B76 solid;
		width: 455px;
}

.contentWideRightMain {
		float: right;
		padding: 0 0 10px 15px;
		border-top: 1px #1A1B76 solid;
		width: 515px;
}

.contentSideMain  {
		float: right;
		padding: 25px 35px;
		background: #131355 url(../img/bgdBlock.gif) repeat-x top;
		width: 200px;
}

#secNavBackground  {
		float: left;
		padding: 20px;
		width: 160px;
		height: 600px;
		background: url(../img/bgdSecNav.jpg) repeat-x top;
}

#secNav  {
		color: #FFF;
}
	
#footer {
		margin: 0;
		padding: 0 88px 0 88px;
}

.clear  {
		clear: both;	
}
		
/*  --------- 3. links and navigation  --------- */

#contentWrapper a:link, #contentWrapper a:visited, .popwindow a:link, .popwindow a:visited  {
		text-decoration: none;
		color: #F0BCC0;
}

#contentWrapper a:hover, #contentWrapper a:active, .popwindow a:hover, .popwindow a:active  {
		text-decoration: underline;
		color: #DA5861;
}

.copyright a:link, .copyright a:visited  {
		color: #9D9DD8;
		text-decoration: none;
}

.copyright a:hover, .copyright a:active  {
		color: #F0BCC0;
		text-decoration: underline;
}

#topNav a:link, #topNav a:visited  {
		color: #9D9DD8;
		text-decoration: none;
}

#topNav a:hover, #topNav a:active  {
		color: #F0BCC0;
		text-decoration: underline;
}

#headerMainNav div  {
		margin: 0 auto;	
}

#headerMainNav ul  {
		list-style: none;
}

#headerMainNav ul li  {
		float: left;
		margin: 0 3px;
		overflow: hidden;
		text-align: center;
		height: 50px;
}

#headerMainNav ul li a, #headerMainNav ul li a:link, #headerMainNav ul li a:visited  {
		display: block;
		background: url(../img/navButton90w.jpg) no-repeat 50% 50%;
		color: #FFFFFF;
		font: normal bold 12px/50px "Lucida Sans Unicode", "Lucida Grande", "Trebuchet MS", Arial, Helvetica, sans-serif;
		text-decoration: none;
		text-transform: uppercase;
		width: 90px;
		height: 50px;
}

#headerMainNav ul li a:hover {
		background: url(../img/navButton90wHover.jpg) no-repeat 50% 50%;
		text-decoration: none;
}

#headerMainNav ul li.current a:link, #headerMainNav ul li.current a:visited,
#headerMainNav ul li.current a:hover, #headerMainNav ul li.current a:active {
		background: url(../img/navButton90wCurrent.jpg) no-repeat 50% 50%;
		text-decoration: none;
}

.bgr_none {
		background: none !important;
		}

	/* secNav styles */
#secNav ul	{
		list-style-type: none;
		margin: 10px 0;
}
		
#secNav ul li {
		background: url(../img/secNavBullet-link.gif) no-repeat 0 50%;
		width: 160px;
		margin-bottom: 8px;
}

#secNav ul li a:link, #secNav ul li a:visited {
		font: normal normal 1em/1.1em "Lucida Sans Unicode", "Lucida Grande", "Trebuchet MS", Arial, Helvetica, sans-serif;
		text-transform: none;
		color: #BEBEE5;
		text-decoration: none;
		display: block;
		text-align: left;
		padding: 0 0 0 15px;
}

#secNav ul li a:hover {
		background: url(../img/secNavBullet-hover.gif) no-repeat 0 50%;
		color: #FFFFFF;
		text-decoration: none;
}

#secNav ul li a:active {
		background: url(../img/secNavBullet-active.gif) no-repeat 0 50%;
		color: #CD202C;
		text-decoration: none;
}

#secNav ul li#seccurrent a:link, #secNav ul li#seccurrent a:visited,
#secNav ul li#seccurrent a:hover, #secNav ul li#seccurrent a:active {
		background: url(../img/secNavBullet-current.gif) no-repeat 0 50%;
		color: #FFFFFF;
		text-decoration: none;
}


/*  --------- 4. fonts  --------- */

h1, h2, h3, h4, p, ul {
		}

h1 {
		font: normal bold 1.8em/1.2em "Lucida Sans Unicode", "Lucida Grande", "Trebuchet MS", Arial, Helvetica, sans-serif;
		color: #FFFFFF;
		text-transform: uppercase;
		margin-bottom: 1em;
}

h2 {
		font: normal bold 1.5em/1.2em "Lucida Sans Unicode", "Lucida Grande", "Trebuchet MS", Arial, Helvetica, sans-serif;
		color: #E9E9F6;
		margin-top: 1.2em;
		margin-bottom: 0.4em;
}

h3 {
		font: italic bold 1.4em/1.2em "Palatino Linotype", Palatino, Georgia, "Times New Roman", Times, serif;
		color: #FCF7E4;
		margin-top: 0.5em;
		margin-bottom: 0.2em;
		}
		
h4 {
		font: normal bold 1.1em/1.4em "Lucida Sans Unicode", "Lucida Grande", "Trebuchet MS", Arial, Helvetica, sans-serif;
		color: #CCB3D4;
		margin-top: 0.5em;
		margin-bottom: 0.2em;
		}

h5 {
		font: normal bold 1em/1.2em "Lucida Sans Unicode", "Lucida Grande", "Trebuchet MS", Arial, Helvetica, sans-serif;
		color: #8332BF;
		margin-top: 0.5em;
		}

h6 {
		font: normal bold 1em/1em "Lucida Sans Unicode", "Lucida Grande", "Trebuchet MS", Arial, Helvetica, sans-serif;
		color: #333333;
		margin-top: 0.5em;

		}

p {
		font: normal normal 1.1em/1.6em "Lucida Sans Unicode", "Lucida Grande", "Trebuchet MS", Arial, Helvetica, sans-serif;
		color: #BEBEE5;
		margin-bottom: 1em;
		}
		
#content p  {
		color: #FFFFFF;
		}

ul {
		margin: 0.5em 1.5em 0.5em 2em;
		padding: 0;
		list-style-position: outside;
		list-style-type: disc;
		font: normal normal 1.1em/1.6em "Lucida Sans Unicode", "Lucida Grande", "Trebuchet MS", Arial, Helvetica, sans-serif;
		color: #BEBEE5;

		}

ul ul {
		margin: 0.5em 1.5em 0.5em 1em;
		padding: 0;
		list-style-position: outside;
		list-style-type: square;
		font: normal normal 1em/1.1em "Lucida Sans Unicode", "Lucida Grande", "Trebuchet MS", Arial, Helvetica, sans-serif;
		color: #BEBEE5;

		}


.picli  {
		list-style-image: url(../img/listMarker.gif);
}

ol {
		margin: 0.5em 1.5em 0.5em 2em;
		padding: 0;
		list-style-position: outside;
		list-style-type: decimal;
		font: normal normal 1.1em/1.6em "Lucida Sans Unicode", "Lucida Grande", "Trebuchet MS", Arial, Helvetica, sans-serif;
		color: #BEBEE5;
		}
		
li  {
		margin: 0.5em 0;	
}

#content ul, #content ol  {
		color: #FFF;	
}

.overviewList li  {
		font-weight: bold;
}

h2#secNavHeading	{
		font: bold 1.2em "Lucida Sans Unicode", "Lucida Grande", "Trebuchet MS", Arial, Helvetica, sans-serif;
		text-transform: uppercase;
		color: #CD202C;
		text-align: center;
		margin-top: 0;
		margin-bottom: 0.5em;
}
.copyright  {
		margin-top: 30px;
		border-top: 1px #1A1B76 solid;
		padding: 20px 0;
		font: normal normal 1em/1.2em "Lucida Sans Unicode", "Lucida Grande", "Trebuchet MS", Arial, Helvetica, sans-serif;
		text-align: left;
		color: #9D9DD8;
}
		
.pctr  {
		text-align: center;
		}

.prt  {
		text-align: right;
		}

.pjust  {
		text-align: justify;
		}

.smalltext  {
		font-size: 80%;
		}
		
.explanatoryText  {
		font: normal normal 0.9em/1.4em Tahoma, Arial, Helvetica, sans-serif;
		color: #FFFFFF;
		margin-bottom: 1.5em;
		}

.unbold	{
		font-weight: normal;
		}
		
.emabove {
		margin-top: 1em;
		}

.red  {
		color: #CD202C;
		}
		
.blue  {
		color: #2526A9;
		}
		
.white  {
		color: #FFFFFF;
		}

.yellowbold  {
		color: #FDF21C;
		font-weight: bold;
		}
		
.yellowcentered  {
		color: #FDF21C;
		text-align: center;
		}
		
.lineContent  {
		color: #7F4093;
		margin: 10px 0;
		height: 1px;
}

.lineOver  {
		margin-top: 1em;
		border-top: 2px #CD202C solid;
		padding-top: 1em;
}

/* ---------- 5. images ---------- */

a img {
		border: 0;
		}
		
.imgright  {
		float: right;
		margin-left: 10px;
		margin-bottom: 8px;
		}
		
.imgleft  {
		float: left;
		margin-top: 4px;
		margin-right: 10px;
		margin-bottom: 4px;
		}

/* Title and Header Image Replacements */

#NCYAMAtitle  {
		width: 740px;
		height: 60px;
		position: relative;
}

#NCYAMAtitle span  {
		background: url(../img/NCYAMApageTitle-740w.gif) no-repeat;
		position: absolute;
		width: 100%;
		height: 100%;
}

#datesRememberHeader  {
		width: 194px;
		height: 42px;
		position: relative;
}

#datesRememberHeader span  {
		background: url(../img/datesRememberHeader-194w.gif) no-repeat;
		position: absolute;
		width: 100%;
		height: 100%;
}

#newWebHeader  {
		width: 198px;
		height: 42px;
		position: relative;
}

#newWebHeader span  {
		background: url(../img/newWebHeader-198w.gif) no-repeat;
		position: absolute;
		width: 100%;
		height: 100%;
}

#privpolicyTitle  {
		width: 740px;
		height: 60px;
		position: relative;
}

#privpolicyTitle span  {
		background: url(../img/privpolicyPageTitle-740w.gif) no-repeat;
		position: absolute;
		width: 100%;
		height: 100%;
}


#aboutTitle  {
		width: 740px;
		height: 60px;
		position: relative;
}

#aboutTitle span  {
		background: url(../img/aboutPageTitle-740w.gif) no-repeat;
		position: absolute;
		width: 100%;
		height: 100%;
}

#missionTitle  {
		width: 740px;
		height: 60px;
		position: relative;
}

#missionTitle span  {
		background: url(../img/missiongoalsPageTitle-740w.gif) no-repeat;
		position: absolute;
		width: 100%;
		height: 100%;
}

#leadershipTitle  {
		width: 740px;
		height: 60px;
		position: relative;
}

#leadershipTitle span  {
		background: url(../img/leadershipPageTitle-740w.gif) no-repeat;
		position: absolute;
		width: 100%;
		height: 100%;
}

#historyTitle  {
		width: 740px;
		height: 60px;
		position: relative;
}

#historyTitle span  {
		background: url(../img/historyPageTitle-740w.gif) no-repeat;
		position: absolute;
		width: 100%;
		height: 100%;
}

#yamTitle  {
		width: 740px;
		height: 60px;
		position: relative;
}

#yamTitle span  {
		background: url(../img/aboutYAMPageTitle-740w.gif) no-repeat;
		position: absolute;
		width: 100%;
		height: 100%;
}


#servicesTitle  {
		width: 740px;
		height: 60px;
		position: relative;
}

#servicesTitle span  {
		background: url(../img/servicesPageTitle-740w.gif) no-repeat;
		position: absolute;
		width: 100%;
		height: 100%;
}

#eventsTitle  {
		width: 740px;
		height: 60px;
		position: relative;
}

#eventsTitle span  {
		background: url(../img/eventsPageTitle-740w.gif) no-repeat;
		position: absolute;
		width: 100%;
		height: 100%;
}

#regionsTitle  {
		width: 740px;
		height: 60px;
		position: relative;
}

#regionsTitle span  {
		background: url(../img/regionsPageTitle-740w.gif) no-repeat;
		position: absolute;
		width: 100%;
		height: 100%;
}

#forumTitle  {
		width: 740px;
		height: 60px;
		position: relative;
}

#forumTitle span  {
		background: url(../img/forumPageTitle-740w.gif) no-repeat;
		position: absolute;
		width: 100%;
		height: 100%;
}

#nateventsTitle  {
		width: 740px;
		height: 60px;
		position: relative;
}

#nateventsTitle span  {
		background: url(../img/nateventsPageTitle-740w.gif) no-repeat;
		position: absolute;
		width: 100%;
		height: 100%;
}

#listeningprojTitle  {
		width: 740px;
		height: 60px;
		position: relative;
}

#listeningprojTitle span  {
		background: url(../img/listeningprojPageTitle-740w.gif) no-repeat;
		position: absolute;
		width: 100%;
		height: 100%;
}

#yawydTitle  {
		width: 740px;
		height: 60px;
		position: relative;
}

#yawydTitle span  {
		background: url(../img/yawydPageTitle-740w.gif) no-repeat;
		position: absolute;
		width: 100%;
		height: 100%;
}

#upcomingeventsTitle  {
		width: 740px;
		height: 60px;
		position: relative;
}

#upcomingeventsTitle span  {
		background: url(../img/upcomingeventsPageTitle-740w.gif) no-repeat;
		position: absolute;
		width: 100%;
		height: 100%;
}

#collabprojectsTitle  {
		width: 740px;
		height: 60px;
		position: relative;
}

#collabprojectsTitle span  {
		background: url(../img/collabprojectsPageTitle-740w.gif) no-repeat;
		position: absolute;
		width: 100%;
		height: 100%;
}


#emergemodelsTitle  {
		width: 740px;
		height: 60px;
		position: relative;
}

#emergemodelsTitle span  {
		background: url(../img/emergemodelsPageTitle-740w.gif) no-repeat;
		position: absolute;
		width: 100%;
		height: 100%;
}


#eyeonhorizonTitle  {
		width: 740px;
		height: 60px;
		position: relative;
}

#eyeonhorizonTitle span  {
		background: url(../img/eyeonhorizonPageTitle-740w.gif) no-repeat;
		position: absolute;
		width: 100%;
		height: 100%;
}


#lemsymposiumTitle  {
		width: 740px;
		height: 60px;
		position: relative;
}

#lemsymposiumTitle span  {
		background: url(../img/lemsymposiumPageTitle-740w.gif) no-repeat;
		position: absolute;
		width: 100%;
		height: 100%;
}


#jspaluchnrvcTitle  {
		width: 740px;
		height: 60px;
		position: relative;
}

#jspaluchnrvcTitle span  {
		background: url(../img/jspaluchnrvcPageTitle-740w.gif) no-repeat;
		position: absolute;
		width: 100%;
		height: 100%;
}


#encuentroTitle  {
		width: 740px;
		height: 60px;
		position: relative;
}

#encuentroTitle span  {
		background: url(../img/encuentroPageTitle-740w.gif) no-repeat;
		position: absolute;
		width: 100%;
		height: 100%;
}


#sfpledgeTitle  {
		width: 740px;
		height: 60px;
		position: relative;
}

#sfpledgeTitle span  {
		background: url(../img/sfpledgePageTitle-740w.gif) no-repeat;
		position: absolute;
		width: 100%;
		height: 100%;
}




#trainconsultTitle  {
		width: 740px;
		height: 60px;
		position: relative;
}

#trainconsultTitle span  {
		background: url(../img/trainconsultPageTitle-740w.gif) no-repeat;
		position: absolute;
		width: 100%;
		height: 100%;
}




#networkoppsTitle  {
		width: 740px;
		height: 60px;
		position: relative;
}

#networkoppsTitle span  {
		background: url(../img/networkoppsPageTitle-740w.gif) no-repeat;
		position: absolute;
		width: 100%;
		height: 100%;
}



#nateventsTitle  {
		width: 740px;
		height: 60px;
		position: relative;
}

#nateventsTitle span  {
		background: url(../img/nateventsPageTitle-740w.gif) no-repeat;
		position: absolute;
		width: 100%;
		height: 100%;
}




#jobsTitle  {
		width: 740px;
		height: 60px;
		position: relative;
}

#jobsTitle span  {
		background: url(../img/jobsPageTitle-740w.gif) no-repeat;
		position: absolute;
		width: 100%;
		height: 100%;
}



#resourcesTitle  {
		width: 740px;
		height: 60px;
		position: relative;
}

#resourcesTitle span  {
		background: url(../img/resourcesPageTitle-740w.gif) no-repeat;
		position: absolute;
		width: 100%;
		height: 100%;
}





/* self-clear floats */

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