/* CSS Document */

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

body { 
	margin:0px auto;
	padding:0px;
	background-color:#9BCDFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:small;
}
body,td,th, p {
	color: #555;
}	
p{
	line-height: 1.3em;
}
td{ 
	font-size: 90%;
}
a:link {
	text-decoration: none; color: #0066CC;
}
a:visited {
	text-decoration: none; color:#ca8d32;
}
a:hover {
	text-decoration: underline; color: #3878BF;
}
a:active {
	text-decoration: none;
}

h1,h2,h3,h4,h5,h6 {
	font-family: Arial, Verdana, Helvetica, sans-serif ;
	color: #3878BF;	
}


h1 {	font-size:150%; line-height:18px;		}
h2 {	font-size:140%; line-height:18px;			}
h3 {	font-size:130%; padding:10px 0 0 0;	}
h4 {	font-size:100%;	color:#ca8d32;	}
h5 {	font-size:110%;		}
h6 {	font-size:100%;		}

h1#img { 	width: 278px; height: 41px; position: relative;	}
img#donate { padding: 3px 0 1px 0; }
img.email { padding: 0 3px 0 0; }

/********Class Identifiers********/
div.spotlight { float:left;padding:5px 10px 5px 20px; }

/**********************************/
strong { color: #777; }
img {	border:0px;			}

dl	{	margin:0px; padding:0px;	}
hr	{	height: 1px; background-color:#555; border:0px; text-align:center;	}
/******CallOut Images*******/
img#callout { margin:10px; padding:0; border: 1px solid #777; }

/*	********** the  layout *********		*/
#visual-portal-wrapper {
	margin:0px auto;
	margin-top:20px;
	width:755px;
	padding:5px 5px; 
	background:#fff;
	border: 5px solid #fff;
}
#header {
/* 	THE HEADER DOES NOT WRAP THE TOP LEVEL NAV SECTION   IT IS ONLY A UL LIST  */
	background: #fff url(../img/mstHd_bg.jpg) no-repeat right bottom;
	margin:0px;
	padding:0px;
	height:160px;

}

#pathBar	{	margin:5px 0 0 0; padding:0px; font-size:85%;	}
#pathBar #breadcrumbs { margin: 0 10px 0 10px; }

#portalColumnsWrapper {	
/* wraps the content (755 - padding) 743px total available at present - please update with changes */
	margin: 8px 0 10px 0;
	padding:0px 6px;
	background-color: #fff;
	float:left;
}

#footer {
	margin:20px 0 0 0;
	padding:10px 0 0 0;
	height:92px;
	background:#fff url(../img/footer_bg.gif) repeat-x top left;
	clear: both;
	text-align:center;
	font-size:85%;
	color:#555;

}
#colophon {
	margin:0 0 0 0;
	padding:0 0 0 0;
	/* background-color:#C2E0FF;	*/
	text-align:center;
	font-size:100%;
	
}
/*	END OF THE LAYOUT SECTIONS  */




/* header components of the site 	*/
#portal-logo {
	border:0;
	margin:0;
	padding:0;
}
#portal-logo img { 
	border:0px;
	margin:10px 0 10px 10px;
	padding:10px 0 10px 10px;
	position:relative;
}
#portal-flash { 
	width:256px;
	height: 110px;
	margin: 0 auto ;
	margin-top: -100px ;
	padding: 0 0 15px 0 ;
}
/******* Global Navigation Image Replacement *******/

#navcontainer{ background-color:#3878bf; width:755px; margin:0 auto; padding:0;  }
#nav{ width:526px; height: 30px; margin:0 auto; padding:0; outline:0; border:0; }
#nav ul{ width:526px; list-style: none; }
#nav li{ float: left; padding: 0 5px 0 10px; }
#nav a:link, #nav a:visited{ text-indent: -9999px; height: 20px; text-decoration: none; display: block;}

#n-facts a{ background: url(../img/n-facts_off.gif) no-repeat 0 0; margin:0 auto; width: 81px; }
#n-facts a:hover{ background: url(../img/n-facts_on.gif) no-repeat 0 0; margin:0 auto; width: 81px; }

#n-know a{ background: url(../img/n-know_off.gif) no-repeat 0 0; margin:0 auto; width: 60px; }
#n-know a:hover{ background: url(../img/n-know_on.gif) no-repeat 0 0; margin:0 auto; width: 60px; }

#n-support a{ background: url(../img/n-support_off.gif) no-repeat 0 0; margin:0 auto; width: 60px;  }
#n-support a:hover{ background: url(../img/n-support_on.gif) no-repeat 0 0; margin:0 auto; width: 60px; }

#n-help a{ background: url(../img/n-help_off.gif) no-repeat 0 0; margin:0 auto; width: 94px;  }
#n-help a:hover{ background: url(../img/n-help_on.gif) no-repeat 0 0; margin:0 auto; width: 94px; }

#n-news a{ background: url(../img/n-news_off.gif) no-repeat 0 0; margin:0 auto; width: 65px;  }
#n-news a:hover{ background: url(../img/n-news_on.gif) no-repeat 0 0; margin:0 auto; width: 65px;  }

#n-contact a{ background: url(../img/n-contact_off.gif) no-repeat 0 0; margin:0 auto; width: 56px;  }
#n-contact a:hover{ background: url(../img/n-contact_on.gif) no-repeat 0 0; margin:0 auto; width: 56px;  }

#n-facts { width: 81px; }
#n-know { width: 60px; }
#n-support { width: 60px; }
#n-help { width: 94px;  }
#n-news { width: 65px; }
#n-contact { width: 56px; }

/* 		
	two column scenarios exist  based upon the splash page  
	columnA, columnB, columnC into additional page which is overwritten
	images change along with spacing
*/
#portalColPair	{		/* contains columnA & columnB together 		*/
	margin:0px;
	padding:0px;
	float:left;
	width:590px;	/*  appears to be 602px available at present	*/
	/* background-color:#ccc;	-- debugging --	*/
}

#columnA {
	width: 173px;
	margin:0;
	padding:10px 0px 0px 5px;	/* 	*/
	float: left;
	height: 300px;
	background-color: #fff;
	background-image: url(../img/interior_navBar.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
#columnA h5	{	/*	used b/c of the  	*/
	color:#fff;
	font-size:100%;
	padding:0 0 5px 0;
}
#columnA ul{ 	
	margin:0px;
	padding:0px;
	list-style:none;
}
#columnA li { 
	margin:0px;
	padding:0px;
}
/* 	#FCE4C1		*/
#columnA #links	{ margin:0; padding:0;	}
#columnA #links	ul { margin:0; padding:0; list-style:none;	}
#columnA #links	li { 
	margin:0 0 4px 15px; 
	padding:0;
	list-style-image:url(../img/interior_navArrow.gif);
}
#columnA #links a:link {
	margin:0;
	padding:0;
	text-decoration: none;
	color:#fff;
}
#columnA #links a:visited {
	text-decoration: none;
	color:#fff;
}
#columnA #links a:hover {
	text-decoration: underline;
	color:#fce4c1;
}
#columnA #links a:active { 
	text-decoration: none;
	color:#fce4c1;
}


/*		This is blowing away the navB section
#columnA a {	
	margin:0px; padding:0px;
	background:#3878BF url(../img/nav_banner_off.gif);  
}
#columnA a:hover {	
	margin:0px; padding:0px;
	background:#3878BF url(../img/nav_banner_on.gif);  
}
*/
#columnB {
	margin:0 0 0 0;
	width: 400px;
	float: right;
	/* padding-left:10px;	*/
	background-color: #fff;
}
/* 	#columnB p { margin:5px 0 0 0; }	*/
#columnB ol, #columnB ul { padding:10px 0 10px 35px; }
#columnB li {  list-style-type:square; line-height:18px; padding:2px 0 4px 0;	}
#columnB p { padding:0 0 15px 20px; }
#columnB h6 { padding:3px 0 0 0; }
#columnB h4 { padding:4px 0 4px 0; }
#columnB h2 { text-indent:-99999px; margin-bottom:-15px; }


#columnB #map { margin: 10px 0 0 0; }
#columnB #map p { font-size: 85%; margin: 0; padding: 0;  }
#columnB #map ul  { font-size: 85%; }
#columnB #map li { list-style:none; line-height: 15px; }
#columnB #map li.up { margin: 5px 0 5px 0; }
#columnB #map h5 { margin: 5px 0 -8px 0; }
#columnB #map #mpFacts { margin: 10px 0 0 0; }

#columnC {
	margin:0;
	padding:0;
	float:right;
	width:133px;
	height: 300px;
	background: #fff url(../img/interior_calloutBar.gif) no-repeat left top;
}
#columnC h5	{
	color:#3878bf;
	font-size:100%;
	padding:10px 0 0 7px;
}
#columnC p {
	padding: 5px 7px;
}


/* 	these are custom heading sections 		*/
#visual-portal-wrapper #portalColumnsWrapper #columnB #currentEventsHeading {
	color: #3878bf;
	background:#fff url(../img/b_ruler.gif) no-repeat left bottom;
}
h3.ColumnHeading {
	margin:0;
	padding:0;
	text-align:center;
	background-color: #fff;
}
p.header { font-size:120%;  font-weight: bold; margin:7px 0 -7px -19px; color: #3878bf; }