/* 
MATRIX LEADERSHIP INSTITUTE CSS DEVELOPMENT

1. Please add all requested CSS changes to the bottom of this file.

2. This file is called AFTER matrixstyle.css and so anything here will override that file (#2 is true in Development Environment only, we may want to consider a slight modification in a Live Environment, such as override active only test/development templates.)

3. This method will make it easier to troubleshoot css changes as well as provide a good method to edit and track the code.

4. Once approved, changes will be added to matrixstyle.css

5. Please add a short note to changes indicating the desired effect.

*/

/* 
july 30 ling
dt.articleSubtitle needs to become dd.articleSubtitle
DONE 10/19  gig

dd.articleSubtitle {
	font-family: Georgia,Times,serif;
	font-size: 1em;
	color: #FFE1A2;
	margin: 0 0 .15em 0;
}
*/

/*
july 30 ling
I prefer that the page titles have a light color. I find myself looking for a visual clue of where to start reading content and the Large blue is not working. I think Large white would do nicely as it follows the sidebar standards of a white section title followed by yellow subtitles. 
*/

/*
h1 {
	font-size: 1.6em;
	color: #ffeabd;
--	color: #FFE1A2; 
	margin: .5em 0 .5em 0;
}
*/

/*
h2 {
   color: #062270; 
	color: #572869;
	font-size: 1.2em;
	margin: .2em 0 0 0;
}

h3 {
	color: #062270;
	font-weight: bold;
	font-size: 1em;
	margin: 0em 0 .2em 0;
}
*/
/*
.register a:link,
.register a:visited,
.register a:hover,
.register a:active {
	width: 240px; height: 44px; display: block;
}
.register a:link,
.register a:visited {
	background: url(../images/register_button_up.png);
}
.register a:hover,
.register a:active {
	background: url(../images/register_button_over.png);
}  
*/
/* OVERLAY for Vision Statement */
div.overlay {
	
	/* growing background image */
	background-image:url(../imgages/overlay/white.png);
	
	/* dimensions after the growing animation finishes  */
	width:600px;
	height:470px;		
	
	/* initially overlay is hidden */
	display:none;
	
	/* some padding to layout nested elements nicely  */
	padding:55px;
}

div.overlay div.close {
	background-image:url(../images/overlay/close2.png);
	position:absolute;
	right:9px;
	top:9px;
	cursor:pointer;
	height:35px;
	width:35px;
}

#vision {
	background-image:url(../images/overlay/matrix.png);
}

.oVision {
	font-family: Lucida Sans Unicode, Lucida Grande, sans-serif;
}
.oVision h1 {color: #dddddd; font-size: 1.5em; font-weight: normal;}
.oVision h2 {color: #000033; border-bottom: 1px dotted #000033;}
.oVision p {color: #cccccc; font-size: .9em;}
.oVision p.vision, .oVision p.mission  {color: #000033;}
.oVision span.old {color: #b2b2b2;}