html,body {
	margin: 0;
	padding: 0;
}


body {
	background: url(../images/background.jpg) #010000 top center no-repeat; 
	background-attachment:fixed;
	color: black;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 1em;
	margin: 20px 0px 0px 0px;
	padding:0px;
	text-align: left;
}





#siteFrame {

	background: url(../images/siteFrame_background_youth.gif) #FFFFFF bottom right repeat-y; 
	display: block;
	width: 780px;
	height: auto;
	border: 5px solid #393B38;
	margin-right:auto;
	margin-left:auto;
	padding: 0px;
	margin-top: 0px;

}


#leftSide {
	width: 25%;
	display: block;
	float: left;
	margin: 0px 0px 20px 0px;
	padding: 0px 0px 0px 0px;
	text-align:left;
	border: 0px solid #0000FF;
	
}


#leftSideNavigation {
margin: 0px 0px 20px 0px;
}

#leftSideNavigation ul {
list-style: none;
margin: 0px;
padding: 0px;

}

#leftSideNavigation li {
margin: 0px;
padding: 0px;

}

#leftSideNavigation li a {
margin: 0px;
padding: 0px;


}


#leftSideNavigation a:link, #leftSideNavigation a:visited, #leftSideNavigation a:active {
	display: block;
	padding: .5em 0em .5em .5em;

	border: 0px solid #FFFFFF;
	text-decoration: none;
	color: #FFFFFF;
	margin: 0px;
	height: 1em;
	
}

#leftSideNavigation  a:hover, #leftSideNavigation a.stick {
background: #6CAF5F;
background: url(../images/leftSideNavigation_button_background_over.jpg) #C2DC37 top left no-repeat; 
color: #FFFFFF;
border-left: 0px solid #FFFFFF;

}



#leftSide #leftSideNavigation a.trinary {

	padding: .5em 0em .5em 2em;
	border: 0px solid #000000;
	text-decoration: none;
	font-size: .9em;
	color: #FFFFFF;
	

	
}



#leftSideNavigation  a.trinary:hover, #leftSide #leftSideNavigation .trinary .stick {
 

background: url(../images/leftSideNavigation_button_background_over.jpg) #C2DC37 top left no-repeat; 
}



#leftSideFeature {
clear: left;
}

#leftSideFeature a {
text-decoration: none;
color: #FFFFFF;
font-size: 1.1em;

}

#leftSideFeature a:hover {

color: #6CAF5F;

}

#leftSideFeature img {
margin: 0px;
padding: 5px 0px
}

#leftSideFeature img.floatLeft {
padding-right: 5px;

}

#leftSideFeature img.floatRight {

padding-left: 5px;
}

#leftSideFeature hr {
height: 2px;
color: grey;
background: grey;
border: 0px;
}






#leftSideFeature, #leftSideNavigation {
	background: url(../images/leftSideFeature_background.jpg) transparent top left no-repeat; 

	padding: 0 1em;
	margin: 0px 0 3em 0;
	border: 0px solid #000066;
	display: block;
	font-size: .7em;
	color: #B3B1B1;
}







#rightSide {

	display: block;
	float: right;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	text-align:left;
	border: 0px solid #0000FF;
	width: 75%;
}





#header{
	background: url(../images/header_background.jpg) transparent top right no-repeat; 
	display: block;
	border: 0px solid #F000FF;
	padding: 0px;
	margin: 0px;
}

#banner {
	display: block;
	padding: 7px 3px 0px 7px;
	margin: 0px;
	border: 0px solid #0000FF;

}

#logo {
	display: block;
	padding: 0px 0px 5px 0px;
	margin: 0px 0px 0px 0px;
	border: 0px solid #0000FF;
	background: #444444;
}

#breadCrumb {
	font-size: .7em;
	display: block;
	margin: 0px 3px 0px 7px;
	border-top: 1px solid black;

	padding: 0px 0px .2em .5em;
	color: #000000;
	background: #8aad84;
	background: #EcEcEC;
	clear: both;
	
}



#breadCrumb a:link, #breadCrumb a:visited, #breadCrumb a:active {
color: #000000;
text-decoration: none;
}

#breadCrumb  a:hover {
color: #5B8017;
text-decoration: underline;
}



#content {
	

	font-size: .7em;
	display: block;
	padding: 1em .5em .5em 2em;
	margin: 0px 0px 0px 0px;
	border: 0px solid red;
	overflow: hidden;

}




#content p {
	padding: 0px 1.2em 0px .8em;
	margin: 0 0 1em;
	line-height: 1.5em;
}


#content h2+p {

margin: -1em 1.2em 0 .8em;
padding: 0px;

}













img.floatRight {
	padding: 0px;
	margin: 5px 15px 5px 5px;
	z-index: 100;
}

img.floatLeft {
	padding: 0px;
	margin: 5px 5px 0px 8px;
	z-index: 100;
}

img.floatNone {
	padding: 0px;
	margin: 5px 0px 5px 0px;
}



#footer {
	display: block;
	clear: both;
	background: url(../images/footer_background.jpg) #444444 top left no-repeat; 


	margin: 0px 0px 0px 0px;
	padding: .5em .5em;
	font-size: .8em;

	text-align: right;
	border: 0px solid #F00F00;
	
	
}


#footer p {
	padding: 0px;
	margin: 1em 0;
	color:gray; 
	font-size: .8em;
}

#footer a {
	margin-top: 0;
}


#footer a:link, #footer a:visited, #footer  a:active {
	color:gray; 
	

}

#footer  a:hover {
	color:#FFFFFF; 
	text-decoration:underline;
}



#footerNavigation a {
	padding: 0 0 0 2em;
	text-decoration:none;
		font-weight: bold;
}




a:link, a:visited, a:active {
	color:gray; 
	

}

a:hover {
	color:#8500C6; 
	text-decoration:underline;
}






h1 {
	background: url(../images/h1_background.jpg) transparent bottom right no-repeat; 
	color: #000000;
	padding: 0 0 .3em 0em;
	margin: 0px 10px 0px 0px;
	font-size: 2.25em;
	text-align: left;
	display: block;
	text-transform: uppercase;
	border-bottom: 0px solid #438339;
	font-family: palatino;
}


h2 {
	
	color: #666666;
	padding: 0 0 .8em 1em;
	margin: 10px 20px 0px -.5em;
	font-size: 1.5em;
	text-align: left;
	border-bottom: 0px dotted #FFFFFF;
	
}

#content h2 {
background: url(../images/h2_background.gif) white bottom left no-repeat; 

}


h2  a:link, h2 a:visited, h2   a:active {
	text-decoration:none;
	color: #666666;
}

h2  a:hover {
	color: #6CAF5F;
}


#leftSide h2 {
	color: #976600;
	font-size: 1.5em;
	line-height: 2em;
	margin: 0 0 .5em 0;
	padding: 0;
	text-align: center;
	color: #FFFFFF;
}







h3 {

	margin: 20px 20px 0px 15px;
	padding: 0px;
}

h4 {
	padding: 10px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	font-size: 13px;
	text-align: left;
}

h5 {
	padding: 10px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	font-size: 12px;
	text-align: left;
}

em {
	
}

blockquote {
}



ul {

	text-align: left;
	padding: 0px 10px 10px 10px;	
	margin: 5px 0px 10px 10px;


}



li {
	text-align: left;
	padding: 0px 5px 5px 0px;	
	margin: 5px 20px 5px 10px;
}


#content ul {

	text-align: left;
	padding: 0px 10px 10px 0px;	
	margin: 0px 0px 00px 20px;


}

#content li {
	
}



.floatRight {
	float: right;
	padding-left: 5px;
}

.floatLeft {
	float: left;
}

.floatNone {
	float: none;
}





hr {

	color: #333333;
	height: 1px;
	padding: 0px;
	margin: 0px;

}



#content .subHead {
font-weight: bold;
color: #444444;
font-size: 1.3em;
border: 0px solid black;
display: block;
margin: 0px; 0px 0px 20px;
padding: 0px 0px 5px 0px;


}

.highLight {
color: #000000;
font-size: 1.5em;
background: yellow;
font-weight: bold;
}

.utils {
float: right;
padding: 1px 5px 0px 0px;
margin: 0px;
display: block;
font-size: .9em;
}

.leftSidePullQuote {

font-size: 1.2em;
text-align: justify;
border: 1px solid #000066;
border-left: 0px solid #000066;
border-right: 0px solid #000066;
margin-top: 75px;

}

#leftSide .leftSidePullQuote p {
text-align: right;
}

#content .pullQuoteRight, #content .pullQuoteLeft {
float: right;
font-size: 1.5em;
width: 200px;
line-height: 1.5em;
padding: 15px;
border: 1px solid #000066;
border-left: 0px solid #000066;
border-right: 0px solid #000066;
margin: .5em 0px;
}

#content .pullQuoteRight p {
padding: 0px;
margin: 0px;
text-align: right;
}

#content .pullQuoteLeft {
float: left;
margin-right: 15px;

}

#content .pullQuoteLeft p {
padding: 0px;
margin: 0px;
text-align: right;
}


#content .pullQuote {

font-size: 1.2em;

line-height: 1.5em;
padding: 15px;
margin: 0px 15px 15px 0px;
border: 1px solid black;
border-left: 0px solid #000066;
border-right: 0px solid #000066;
}

#content .pullQuote p {
padding: 0px;
margin: 0px;
text-align: right;
}


div.project {

display: block;

margin: 10px 10px 50px 10px;
padding: 5px;
clear: both;
background: #FFFFFF;
}

div.project h3 {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
color: #000066;
border-bottom: 2px solid #000066;
}

#content div.project p {
margin: 0px;
padding: 0px;
}

#content div.project img.floatRight {
margin: 0px 0px 0px 10px;
}


a img {
border: 0px;
}

#content .callToAction {

	background: url(../images/callToAction_background.jpg) #FFFFFF top center no-repeat; 

height: 90px;
	color: #FFFFFF;
	font-size: 1.5em;
	text-align: center;
	padding: 1.1em 6em;
	margin: 2em .7em 0 0;
	border: 0px solid black;
}

#content .callToAction a {
	color: #FFFFFF;
}

#content .callToAction a:hover {
	color: #6CAF5F;
}

/*
#navigation ul, #navigation li {
margin: 0;
	padding: 0;
	list-style: none;

}

#navigation .dropDown {
border: 1px solid black;
border-top: 0px;
margin-top: 2.4em;
}

#navigation .dropDown a {
float: none;
border: 0px solid black;
font-size: .8em;
width: 180px;

padding: .2em 0 .2em 1em;
margin: 0;
position: relative;
text-align: left;

}

#navigation ul li ul {
display: none;
position: absolute;
}

#navigation ul li:hover ul {
display: block;
}

*/

#navigation {

	margin: 0px;
	padding: 0px;
	margin: 0px 3px 0px 7px;
	background: red;
	height: 34px;
	background: url(../images/navigation_button_background.jpg) #7CA620 top right no-repeat; 
}

#nav, #nav ul { /* all lists */
	padding: 0;
	margin: 0;
	list-style: none;
	line-height: 1;
	
	border: 0px solid black;
	padding: 0px;
	font-size: .9em;
	font-weight: bold;
	font-family: arial;
	border: 0px solid blue;
	

}

#nav a {
	background: url(../images/navigation_button_background.jpg) #7CA620 top left no-repeat; 
	display: block;
	padding: 10px 0px;
	border: 0px solid #000000;
	text-decoration: none;

	margin: 0px;
	text-align: center;
	color: #FFFFFF;
	width: 115px;
		
}

#nav a:hover, #nav a.stick {
background: url(../images/navigation_button_background_over.jpg) #7CA620 top left no-repeat;
}

#nav .dropDown a {
float: none;
border: 0px solid black;
font-size: 1em;
width: 180px;

padding: .4em 0 .4em 1em;
margin: 0;
position: relative;
text-align: left;
}



#nav li { /* all list items */
	float: left;
	width: 115px; /* width needed or else Opera goes nuts */
	padding: 0;
	margin: 0;
}

#nav li ul { /* second-level lists */
	position: absolute;
	background: black;
	width: 193px;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
	border: 1px solid black;
}

#nav li:hover ul, #nav li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
		z-index: 200;
}

#nav a.trinary {
	display: none;
}


#leftSideFeature h2.purpleBackground {

	background: url(../images/leftSideFeature_background.jpg) transparent top left no-repeat; 
	display:block;
	margin: 0 -10px;

	

}