@charset "UTF-8";
	
			
/***************************************************************************************/
/*  LINK STYLES	    													    		   */
/***************************************************************************************/

		/* Appearance of regular links in main content */
		/* Main color, bold */
		.linkMainBold a {
			font-weight: bold;
			color: #336633;
			text-decoration: none;
		}

		/* Main color link that is regular and not bold */
		.linkMainNotBold:link, .linkMainNotBold:visited{
			font-weight: normal;
			color: #336633;
			text-decoration: none;
		}		

		/* Red link (not bright red, more of a slightly darker red */
		.linkRed:link, .linkRed:visited{
			color: #990000;
			text-decoration: none;
			font-weight: normal;
		}
		
		/* Links in that sidebar will automatically have these qualities */
		/* White and bold */
		.linkWhiteBold a {
			font-weight: bold;
			color: white;
			text-decoration: none;
		}
		
		/* White and not bold link */
		.linkWhiteNotBold:link, .linkWhiteNotBold:visited{
			font-weight: normal;
			color: white;
			text-decoration: none;
		}
	
		/* Accent color and not bold link */
		.linkAccentNotBold:link, .linkAccentNotBold:visited{
			font-weight: normal;
			color: #FFFF99;
			text-decoration: none;
		}
		
		/* Accent color and bold link */
		.linkAccentBold:link, .linkAccentBold:visited{
			font-weight: bold;
			color: #FFFF99;
			text-decoration: none;
		}		
		
		/* Main color link that is underlined */
		.linkUnderlined{
			text-decoration: underline;
		}
		

/***************************************************************************************/
/*	GENERAL STYLES FOR USE THROUGHOUT THE SITE ON TEXT AND IMAGES    			       */
/***************************************************************************************/

		/* Use this style to make the text yellow */
		.accentColorText{
			color: #FFFF99;
		}
		
		/* Use this style to make the text yellow and bold */
		.accentColorBoldText{
			color: #FFFF99;
			font-weight: bold;
		}
		
		/* Use this style to make the text green */
		.mainColorText {
			color: #336633;
		}			
		
		/* SAME AS STYLE CALLED #content h1 */
		/* Used for the title in the content portion of each page 
			Large text, main color, underlined, and centered */
		.pageTitle{ 
			font-size: 1.5em;
			font-variant: small-caps;
			font-weight: bold;
			width: 100%;
			text-align: center;
			border-bottom: 4px double #336633;
			color: #336633;
		}
		
		/* SAME AS STYLE CALLED #content h2 */
		/* Used for subheadings below the title 
			Slightly large text, italicized, and centered */
		.pageSubtitle{
			font-size: 1.2em;
			font-style: italic;
			font-weight: normal;
			color: #336633;
			text-align: center;
		}
		
		/* SAME AS STYLE CALLED #content h3 */
		/* Used for headings within text 
			Bold and regular sized */
		.subheadingBold{
			font-size: 1em;
			font-weight: bold;
		}
		
		/* SAME AS STYLE CALLED #content h4 */
		/* Used for other major headings within the content
			Large, small caps, main color, centered */
		.subheadingLarge{
			font-size: 1.5em;
			font-variant: small-caps;
			width: 100%;
			text-align: center;
			color: #336633;
		}
		
		/* Used for subheadings to make them be larger with 
			an underline extending across the page */
		.subheadingUnderlined{
			width: 100%;
			color: #336633;
			font-size: 1.2em;
			padding-bottom: 5px;
			border-bottom: 1px solid #336633;
		}		
		
		/* Use this style to make a picture float to the right */ 
		.pictureFloatRight{
			float: right;
			clear: right;
			margin-left: 10px;
			margin-top: 10px;
			margin-bottom: 10px;
			z-index: 0;
		}
		
		/* Use this style to make a picture float to the left */
		.pictureFloatLeft{
			float: left;
			clear: left;
			margin-right: 10px;
			margin-top: 10px;
			margin-bottom: 10px;
			z-index: 0;
		}
		
		/* Use this style to put a 30px margin on either side of an element */
		.marginsOnSides{
			margin-left: 30px;
			margin-right: 30px;
		}
		
		/* Use this style to push an element 30px to the left */
		.moveLeft{
			margin-left: -30px;
		}

		/* Used in recent_reports.html and older_reports.html, and elsewhere in site */
		/* Creates a header with a green background and gray left border */
		.reportYearHeaders {
			font-size: 1.3em;
			font-style: italic;
			color:  #CCCCCC;
			background-color: #336633;
			border-left-width: 10px;
			border-left-style: solid;
			border-left-color: #CCCCCC;
			padding-top: 5px;
			padding-bottom: 5px;
			padding-left: 10px;
			margin-top: 10px;
		}
		
		/* Identical to .reportYearHeaders */
		.menuHeader {
			font-size: 1.3em;
			font-style: italic;
			color:  #CCCCCC;
			background-color: #336633;
			border-left-width: 10px;
			border-left-style: solid;
			border-left-color: #CCCCCC;
			padding-top: 5px;
			padding-bottom: 5px;
			padding-left: 10px;
			margin-top: 10px;
		}
	
	
/***************************************************************************************/
/*  BOX STYLES	    													    		   */
/***************************************************************************************/

		/* Used for special announcements, like calendar reordering information */
		.grayBoxGreenText{
			background-color: #CCCCCC;
			color: #336633;
			border: 1px solid #336633;
			width: 500px;
			margin-left: auto;
			margin-right: auto;
			padding: 5px;
	
		}		
		
		/* Used for special announcements, like calendar reordering information */
		.grayBoxBlackText{
			background-color: #CCCCCC;
			color: black;
			border: 1px solid #336633;
			width: 500px;
			margin-left: auto;
			margin-right: auto;
			padding: 5px;
	
		}
		
		/* Creates a submenu box like the one found in all documents under /education/grassroots/2009/ */
		#submenu{
			width: 100%;
			background-color: #CCCCCC;
			border: 1px solid #336633;
			padding: 5px;
			text-align: center;
			margin: 10px 0px 10px 0px;
		
		}
		
		/* Style used for javascript pop-up boxes - be careful about editing this one! */
		#dhtmltooltip{
			position: absolute;
			width: 300px;
			border: 1px solid #336633;
			padding: 5px;
			color: #336633;
			background-color: #cccccc;
			visibility: hidden;
			z-index: 10000;
			/*Remove below line to remove shadow. Below line should always appear last within this CSS*/
			filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135);
		}
		
		/*	STYLES FOR /DELEGATIONS/RECENT_REPORTS.HTML, BUT ALSO USED ELSEWHERE  */
			
			/* Creates a gray background with green text and a border along the bottom to separate successive boxes */
			.reportDescription {
				background-color: #CCCCCC;
				padding: 5px;
				margin-left: 70px;
				color: #336633;
				height: 104px;
				font-style: italic;
				border-bottom: 1px solid white;
			}
		
			/* Formats images inside the reportDescription box */
			.reportDescription img {
				float: left;
				border: 1px solid #336633;
				height: 100px;
				margin-right: 20px;
			
			}
			
			/* Formats links inside the reportDescription box, links are large and small-caps */
			.reportDescription a{
				
				color: #336633;
				font-size: 1.3em;
				font-variant: small-caps;
				font-style: normal;
				font-weight: bold;
			}

		/*	STYLES LIKE THAT IN /DELEGATIONS/RECENT_REPORTS.HTML, BUT ALSO USED ELSEWHERE */
		/*	DIFFERENCE IS THAT HEIGHT OF GRAY BOX AUTO EXPANDS AND LINKS LOOK LIKE REGULAR LINKS */
			.menuDescription {
				background-color: #CCCCCC;
				padding: 5px;
				margin-left: 70px;
				color: #336633;
				height: expression( this.scrollHeight < 105 ? "104px" : "auto" ); /* sets min-height for IE */
				min-height: 104px; /* sets min-height value for all standards-compliant browsers */
				font-style: italic;
				border-bottom: 1px solid white;
			}
		
			.menuDescription img {
				float: left;
				border: 1px solid #336633;
				height: 100px;
				margin-right: 20px;
			
			}
			.menuDescription a{
				
				color: #336633;
				font-style: normal;
				font-weight: bold;
			}
			
				
/***************************************************************************************
/*	STYLES FOR MAJOR PAGE ELEMENTS									
/***************************************************************************************
		
	
		/* Contains all elements on page 
			Centers them on screen
			Contains a background image to make a faux 2-column layout:
				The image makes the 200px background for the sidebar and white for the background of content
		*/
		#container{
			position: absolute;
			width: 900px;
			left: 50%;
			margin-left: -450px;
			background-image: url(../new_site/images/sidebar_bg_full.jpg);
			background-repeat: repeat-y;
			font-family: Verdana, Arial, Helvetica, sans-serif;

		}
		
		/* Image at top */
		#banner{
			float: left;
			width: 898px;
			height: 100px;
			border: solid 1px black;
			background-color: #cccccc;
		
		}
				
		/* The style of the quote in the sidebar */
		#banner h2 {
			font-size: .7em;
			font-weight: normal;
			color: #336633;
			text-align: center;
			padding-left: 15px;
			padding-right: 10px;
			padding-top: 5px;
			padding-bottom: 5px;
			
		}
		/* Navigation Bar */
		/* Rest of styles contained in SpryMenuBarHorizontal.css in SpryAssets folder */
		#nav{
			float: left;
			width: 898px;
			background-color: #336633;
			font-size: .9em;
			position: relative;
			left: 0px;
			right: 0px;
			top: 0px;
			bottom: 0px;
			z-index: 1000;
			border-right: 1px solid black;
			border-left: 1px solid black;

		}
				


/***************************************************************************************
/*	STYLES FOR SIDEBAR ON THE LEFT											
/***************************************************************************************
		
		/* Defines sidebar on left */
		#sidebar {
			margin-top: -8px;
			float: left;
			width: 200px;
			font-size: .8em;
			border-left: 1px solid black;
		}
		
		/* All text in the sidebar will have extra space on left and right */
		#sidebar h1, #sidebar h2, #sidebar p {
			padding-left: 10px;
			padding-right: 5px;
		}
		
		/* Titles for categories are H1 tags with these qualities */
		#sidebar h1 {
			font-size: 1em;
			font-weight: bold;
			font-variant: small-caps;
			color: #336633;
			background-color:  #CCCCCC;
			border-right: solid 1px #336633;
			border-left: solid 1px #336633;
			margin-top: 40px;

		}
		
		/* Paragraphs in that sidebar will automatically have these qualities */
		#sidebar p{
			color: white;
			font-size: .9em;
		}
		
		/* Links hovered over will be underlined */
		#sidebar a:hover {
			text-decoration: underline;
		}

/***************************************************************************************/
/*	STYLES FOR THE FOOTER AT THE BOTTOM												   */
/***************************************************************************************/

		/* General styles for the footer */
		#footer {
		
			/* Styles for the box itself */
			background-color:  #CCCCCC;
			width: 888px;
			border-right: solid 1px black;
			border-left: solid 1px black;
			border-bottom: solid 1px black;			
			float: left;
			
			/* Styles for the text in the box */
			font-size: .8em;
			font-variant: small-caps;
			color: #336633;
			text-decoration: none;
			padding-right: 5px;
			padding-left: 5px;
			text-align: center;
		}
		
		/* Styles for the 4 states of a link in the footer */
		#footer a:link, #footer a:visited, #footer a:active, #footer a:hover{
			font-variant: small-caps;
			color: #336633;
			text-decoration: none;
		}
		
		/* Make links underlined when you hover over them in the footer */
		#footer a:hover{
			text-decoration: underline;
		}


/***************************************************************************************/
/*	STYLES FOR THE MAIN CONTENT PORTION OF THE PAGE									   */
/***************************************************************************************/

		/* General styles for the main content */
		#content {
			width: 640px;
			vertical-align: top;
			padding: 15px;
			float: left;
			font-size: .8em;
		}
		
		/* Underline links when hovered over */
		#content a:hover {
			text-decoration: underline;
		}

		
		/* SAME AS CLASS STYLE CALLED .pageTitle */
		/* Used for the title in the content portion of each page 
			Large text, main color, underlined, and centered */
		#content h1 {
			font-size: 1.5em;
			font-variant: small-caps;
			width: 100%;
			text-align: center;
			border-bottom: 4px double #336633;
			color: #336633;
		}
		
		/* SAME AS CLASS STYLE CALLED .pageSubtitle */
		/* Used for subheadings below the title 
			Slightly large text, italicized, and centered */
		#content h2 {
			font-size: 1.2em;
			font-style: italic;
			font-weight: normal;
			color: #336633;
			text-align: center;
		}
		
		/* SAME AS CLASS STYLE CALLED .subheadingBold */
		/* Used for headings within text 
			Bold and regular sized */
		#content h3 {
			font-size: 1em;
			font-weight: bold;
		}
		
		/* SAME AS CLASS STYLE CALLED .subheadingLarge */
		/* Used for other major headings within the content
			Large, small caps, main color, centered */
		#content h4{
			font-size: 1.5em;
			font-variant: small-caps;
			width: 100%;
			text-align: center;
			color: #336633;
		}
		
		/* Lists within the main content have extra space between list items */
		#content li {
			margin-top: 5px;
		}

/***************************************************************************************/
/*	STYLES FOR PHOTO GALLERY PAGES													   */
/***************************************************************************************/

		/* Styles for the title of the Photo page */
		#tablePhoto .photoTitleBar {
			background-color: #CCCCCC;
			height: 35px;
			color: #336633;
			text-align: center;
			vertical-align: middle;
		}
				
		
/***************************************************************************************/
/*	STYLES FOR REPORT PAGES														       */
/***************************************************************************************/
		
		/* Creates the box with the list of reports and the link for photos */
		#reportList {
			float: right;
			width: 270px;
			background-color:  #CCCCCC;
			margin-left: 10px;
			margin-bottom: 10px;
			border: 1px solid #336633;
		}
		
		/* Adds space to the left of text within report list */
		#reportList p {
			margin-left: 10px;
			
		}
	
		/* Creates and styles the box for the list of blogs in a delegation report */		
		#blog {
			width: 270px;
			color: #336633;
			border: 1px solid #336633;
			float: right;
			background-color:  #CCCCCC;
			padding-left: 10px;
			padding-right: 10px;
			margin-left: 10px;
			margin-top: 10px;
			margin-bottom: 10px;
		}
		
		/* Creates and styles the box containing report navigation at the bottom of the page */
		#reportNavigation{
			width: 100%;
			background-color: #336633;
			color: white;
			font-variant: small-caps;
			font-size: 1.1em;
			padding: 7px;
		}
		
		/* Makes links in the bottom navigation white */		
		#reportNavigation a{
			color: white;
		}




	
.bodytext {
	text-align: justify;
}