/*
If you are interested in changing design, this master file is roughly organized with design guidelines of http://www.csszengarden.com/ 
so design can be easily changed and you can experiment.  Additional CSS for specific message display is found in PageDetail.CSS - 
it is a bit more tricky to change and get the messages to appear correctly.  PageDetail.CSS also has some "tricks" like drop shadow definitions.

container
    intro
        pageHeader (this contains the banner and logo)
        quickSummary (not used)
        navPath (aka preamble)
    bodyText (aka supportingText)
        introduction (aka explanation)
        mainBody (aka participation - content placeholder on master page)
        addlContent (aka benefits)
        summary (aka requirements)
        footer
    linkList
        linkList2
            lselect (used for navigation menu)
            larchives
            lresources
extraDiv# (6 defined divs for added graphics or text boxes)  */



/* Body of page includes the background color of entire page */
		
body
{
	text-align: center;
	vertical-align: middle;
	font-family: verdana, helvetica, sans serif;
	font-size: 10pt;
	background-color: #eeeeee;

}

/* container is used to position all elements on the page */	  
#container
{
	position:absolute;
	background-color: #ffffff;
	top: 100px;
	left: 150px;
	min-width: 450px;
	width: 50%;
	text-align: justify;
	border: solid 1px #2a82aa;
	background-position:top right;
	background-repeat:no-repeat;
}

	#intro
	{
		width: 100%;
	}

		div#pageHeader
		{
			text-align: left;
		}
		
		div#quickSummary
		{
		}
		
		div#navPath
		{
			border-bottom: solid 0px #cccccc;
			padding-left: 10px;
			padding-right: 5px;
			padding-bottom: 5px;
			padding-top: 3px;
			cursor: hand;
		}

	#bodyText
	{
	}
	 
		div#mainBody
		{
			margin: 40px;
			font-family: verdana, helvetica, sans serif;
			font-size: 10pt;
			text-align: justify;
			overflow: visible;
			
		}
		
		div#addlContent
		{
			float: right;
			font-family: verdana, helvetica, sans serif;
			font-size: 10px;
			text-align: justify;
			overflow: visible;
		}
					 
		div#footer
		{
			top: 110%;
			text-align:center;
			border-top: solid 1px #eeeeee;
			margin: 5px;
			padding-top: 5px;
			font-size: 7pt;
		}





div#extraDiv1, div#extraDiv2,  div#extraDiv3, div#extraDiv4, div#extraDiv5, div#extraDiv6
{
}




div#extraDiv2 
{

}
		
div#extraDiv3
{
}
		
div#extraDiv4
{
}


			
div#extraDiv1 a:link, div#extraDiv2 a:link, div#extraDiv3 a:link, div#extraDiv4 a:link, div#extraDiv5 a:link, div#extraDiv6 a:link
{
}
div#extraDiv1 a:visited, div#extraDiv2 a:visited, div#extraDiv3 a:visited, div#extraDiv4 a:visited, div#extraDiv5 a:visited, div#extraDiv6 a:visited
{
}
div#extraDiv1 a:hover, div#extraDiv2 a:hover, div#extraDiv3 a:hover, div#extraDiv4 a:hover, div#extraDiv5 a:hover, div#extraDiv6 a:hover
{
}



/* hyperlink formatting for entire page */
a:link
{
	color: #3c46b7;
	cursor: hand;
	text-decoration: underline;
	font-weight: normal;
}
a:visited
{
	color:#3c46b7; 
	cursor:default;
	text-decoration: underline;
	font-weight: normal;

}
a:hover
{
	color: #ff993f;
	cursor: hand;
	text-decoration: underline;
	font-weight: bold;
}
		
h1
{
	color: #21243d;
	font-size: 14pt;
	font-weight: bold;
	border-bottom: #2a82aa 1px solid;
}

h2
{
	color: #21243d;
	font-size: 12pt;
	font-weight: bold;
}

h3
{
	color: #21243d;
	font-size: 11pt;
	font-weight: bold;
}
h4
{
	color: #21243d;
	font-size: 10pt;
	font-weight: bold;
}

h5
{
	color: #21243d;
	font-size: 12pt;
	font-weight: bold;
	position:  relative;
	top: -5px;
	left: -20px;
	height: 64px;
	width: 100%;
	border-bottom: #2a82aa 2px solid;
	border-top: #2a82aa 2px solid;
	padding: 5px;
}