/* CSS layout */

.body {
	margin-left:50px;
	font-family:"Times New Roman", Times, serif;
	font-size:1em;
	color:black;
	line-height:normal;
	background-color:silver;
	
}

#container {
	margin:auto;
}

#masthead {
   background-image:url('media/masthead.gif');
   width:804px;
   height:200px;
   -moz-border-radius-topleft:25px;
   -moz-border-radius-topright:25px;
   -webkit-border-top-left-radius:25px;
   -webkit-border-top-right-radius:25px;

}

.nav {
   font-family:Arial, Helvetica, sans-serif;
   color:maroon;
   font-size:.75em;
   
}

.nav ul{
margin: 0;
padding: 0;
list-style-type: none;
}

/*Top level list items*/
.nav ul li{
position: relative;
display: inline;
float: left;
background-color: #F3F3F3; /*overall menu background color*/
z-index:1;
}

/*Top level menu link items style*/
.nav ul li a{
display: block;
width: 115px; /*Width of top level menu link items*/
padding: 1px 8px;
border: 1px solid maroon;
border-left-width: 1px;
border-right-width: 2px;
text-decoration: none;
color: maroon;
}
	
/*1st sub level menu*/
.nav ul li ul{
left: 0;
position: absolute;
top: 1em; /* no need to change, as true value set by script */
display: block;
visibility: hidden;
}

/*Sub level menu list items (undo style from Top level List Items)*/
.nav ul li ul li{
display: list-item;
float: none;
}

/*All subsequent sub menu levels offset after 1st level sub menu */
.nav ul li ul li ul{ 
left: 159px; /* no need to change, as true value set by script */
top: 0;

}

/* Sub level menu links style */
.nav ul li ul li a{
display: block;
width: 160px; /*width of sub menu levels*/
color: maroon;
text-decoration: none;
padding: 1px 5px;
border: 1px solid #660000;
}

.nav ul li a:hover{
background-color: maroon;
color: white;
}

/*Background image for top level menu list links */
.nav .mainfoldericon{
background: #F3F3F3 url('media/arrow-down.gif') no-repeat right 50%;
}

/*Background image for subsequent level menu list links */
.nav .subfoldericon{
background: #F3F3F3 url('media/arrow-right.gif') no-repeat right 50%;
}

* html p#iepara{ /*For a paragraph (if any) that immediately follows suckertree menu, add 1em top spacing between the two in IE*/
padding-top: 1em;
}
	
/* Holly Hack for IE \*/
* html .nav ul li { float: left; height: 1%; }
* html .nav ul li a { height: 1%; }
/* End */


#container2 {
	position: relative;
	background-color:white;
	width: 802px;
	height:400px;
	border:thin;
	border-color:maroon;
	border-style:dotted;
}

#page_content {
	margin-left: 200px;
	height: 400px;
	background-image:url('media/making-a-difference.png');
	background-position:right bottom;
	background-repeat:no-repeat;
	text-align:justify;
	padding-left:10px;
	padding-right:5px;
	overflow:auto;

}

#page_content form {
	font-family:Arial, Helvetica, sans-serif;
    font-size:1em;
    color:#333333;

}

#page_content h3 {
    font-size:1.2em;
    font-weight:bold;
    color:#333333;
    text-align:center;
    margin-bottom:5px;

	
}

#page_content h2 {
	font-size:1.25em;
	font-style:italic;
	color:#333333;
	font-weight:bold;
	border-left-style:ridge;   
    border-left-color:maroon;
    border-left-width:thick;
	
}

#page_content span {
    font-family:Arial, Helvetica, sans-serif;
    font-size:.8em;
    color:#333333;}

	
}
#page_content p {
    font-family:Arial, Helvetica, sans-serif;
    font-size:1em;
    color:#333333;
	margin-top: 0px;
	margin-bottom: 3px;
}

#page_content p span {
	font-family:Arial, Helvetica, sans-serif;
    font-size:.8em;
    color:#333333;}

#page_content ol {
    font-family:Arial, Helvetica, sans-serif;
    font-size:1em;
    color:#333333;
}

#page_content ul pre {
    font-family:Arial, Helvetica, sans-serif;
    font-size:1em;
    color:#333333;
    line-height:1.5em;
}

#page_content ul {
    font-family:Arial, Helvetica, sans-serif;
    font-size:.8em;
    color:#333333;
    line-height:1.5em;
}

#page_content table {
	font-family:Arial, Helvetica, sans-serif;
    font-size:.7em;
    color:#333333;
    line-height:1.2em;
    margin-bottom:5px;
}

#page_content blockquote {
	font-family:Arial, Helvetica, sans-serif;
    font-size:1em;
    color:#333333;
    line-height:1.5em;

}

#page_content blockquote span {
	font-family:Arial, Helvetica, sans-serif;
    font-size:.8em;
    color:#333333;
    line-height:1.5em;

}

#page_content2 {
	background-image:url('media/page-content.png');
	background-repeat:no-repeat;
	background-position:center;
	margin-left: 200px;
	height: 400px;
	text-align:justify;
	padding-left:10px;
	padding-right:5px;
	overflow:auto;

}


#page_content2 h3 {
    font-size:1.2em;
    font-weight:bold;
    color:#333333;
    text-align:center;
    margin-bottom:5px;
    
	
}

#page_content2 h2 {
	font-size:1.25em;
	font-style:italic;
	color:#333333;
	font-weight:bold;
	border-left-style:ridge;   
    border-left-color:maroon;
    border-left-width:thick;
	
}

#page_content2 p {
    font-family:Arial, Helvetica, sans-serif;
    font-size:1em;
    color:#333333;
}

#page_content2 p span {
	font-family:Arial, Helvetica, sans-serif;
    font-size:.8em;
    color:#333333;}

#page_content2 ol {
    font-family:Arial, Helvetica, sans-serif;
    font-size:1em;
    color:#333333;
}

#page_content2 ul pre {
    font-family:Arial, Helvetica, sans-serif;
    font-size:1em;
    color:#333333;
    line-height:1.5em;
}

#page_content2 ul {
    font-family:Arial, Helvetica, sans-serif;
    font-size:.8em;
    color:#333333;
    line-height:1.5em;
}

#page_content2 table {
	font-family:Arial, Helvetica, sans-serif;
    font-size:.7em;
    color:#333333;
    line-height:1.2em;
    margin-bottom:5px;
}

#page_content2 blockquote {
	font-family:Arial, Helvetica, sans-serif;
    font-size:1em;
    color:#333333;
    line-height:1.5em;

}

#page_content2 blockquote span {
	font-family:Arial, Helvetica, sans-serif;
    font-size:.8em;
    color:#333333;
    line-height:1.5em;

}


#slideshow {
	width:320px;
	position:inherit;
	float:right;
	padding-left:5px;
}

#left_col {
	width: 200px;
	height: 400px;
	background-image:url('media/scroll.png');
	background-position:left bottom;
	background-repeat:no-repeat;
	overflow:hidden;
	position: absolute;
	left: 0px;
	top: 0px;
	border-right:thin;
    border-right-style:dotted;
    border-right-color:maroon;
    font-family:Arial, Helvetica, sans-serif;
    

}

#left_col p {
    font-size:.75em;
    color:#333333;
    padding-left:3px;
    padding-right:3px;
	
}

#left_col h1 {
    font-weight:bold;
    font-size:.80em;
    text-align:center;
}

#slideshow {
	text-align:center;
	vertical-align:middle;
}


#footer {
    font-family:Arial, Helvetica, sans-serif;
    font-size:.7em;
    color:#333333;
    text-align:center;
    width:803px;
    margin-top:5px;

}

#footer a {
	font-weight:bold;
	color:#333333;
	
}