/* Basic, universal styles for each web page; will appear on every page */ 

body {
padding: 0;
margin: 20px 0 0 0;
background-color: #ffffff;
background-image:url('paper002.jpg');
background-repeat: repeat;
text-align: center; /*To make IE 5 for Windows center pagewrapper division on screen */
font-family: verdana, arial, helvetica, sans-serif;
font-weight: normal;
} 

/* This division facilitates the centering of your webpage in the browser window */ 

#pagewrapper {
/* Styles borders, colors, margins, etc. for entire page */
width: 760px; /* Set width for entire page contents container */
padding: 12px; /*To provide consistent padding between all inner content containers and edge of page wrapper div */
margin: 20px auto 0 auto; /*Center pagewrapper div on screen*/
text-align: left; /*left align all content within pagewrapper */
border: 3px solid #041f42;
background-color: #ffffff;
} 

/* Styles for the header division of all web pages */ 

#header {
width: 750px;
height: 100px;   
border: 0px #000000;
background-color: #ffffff;
margin: 0px 0px 0px 5px;
padding: 0px 0px 5px 0px;
}

/* End header division */

/* Banner division */

div.banner {
background-image:url('images/banner.jpg');
background-repeat:no-repeat;
}

/* End banner division */

/* Begin button division. This division controls the location of the 'How Can I Help?' button layed onto the banner_color.jpg */ 

.button {  
width: 61px;
height: 50px;
border: 0px #000000;
background-color: #ffffff;
background-image: url('images/help.jpg');
background-repeat:no-repeat;
margin: 0px 0px 0px 5px;
padding: 0px 0px 5px 0px;
position: relative;
left: 669px;
top: 22px;
}

/* End div.button division */

/* Begin sidebarmenu division. This division controls the left-hand-side menu on secondary pages */

#sidebarmenu {
float: left;
position: relative;
margin-top: 2px;
padding: 0px;
width: 125px;
border: 0px solid black;
background-color: #ffffff;
} 

/*End sidebarmenu division */

#scrollbox {
float: left;
position: relative;
margin-top: 5px;
margin-right: 0px;
margin-left: 15px;
margin-bottom: 0px;
height:275px;
width: 602px;
padding: 5px 5px 5px 5px;
border: 1px solid black;
overflow: auto;
}

#scrollbox2 {
float: center;
margin-top: 15px;
margin-right: 5px;
margin-left: 5px;
height: 275px;
width: 732px;
padding: 8px;
border: 1px solid black;
overflow: auto;
}

#scrollbox3 {
float: center;
margin-top: 5px;
margin-right: 0px;
margin-left: 5px;
height: 470px;
width: 732px;
padding: 8px;
border: 1px solid black;
overflow: auto;
}

#scrollbox4 {
float: center;
margin-top: 5px;
margin-right: 0px;
margin-left: 5px;
height: 400px;
width: 732px;
padding: 8px;
border: 1px solid black;
overflow: auto;
}

/* div.program, #credits, div.members are specifically for #scrollbox3 style */

div.program {
left: 5px;
top: 5px;
width: 360px;
position: float;
float: left;
}

#credits {
padding: 0px 5px 5px 5px;
top: 5px;
height: 460px;
width: 323px;
background-image: url('images/creditbg.png');
background-repeat: no-repeat;
position: float;
float: right;
}

div.members {
border: 0px #000000;
margin-top: 5px;
padding-top: 100 px;
position: float;
text-align: center;
color: white;
}

/* #text #maps #directions are specifically for contact page */

#text {
text-align: left;
}

#maps {
float: left;
padding-right: 15px;
}

#directions {
float: right;
padding-left: 10px;
margin-left: 5px;
}

/* End styles for scrollbox divisions */

/* Styles for the menu division of all web pages */ 

#outside{
	border:0px solid #ffffff; /* border is INACTIVE */
	background:#ffffff;
	}
#navigation-1 {
	padding:1px 0;
	margin:0px 0px 0px 5px;
	list-style:none;
	width:100%;
	height:21px;
	border-top:1px solid #FFFFFF;
	border-bottom:1px solid #FFFFFF;
	font:normal 8pt lucinda sans unicode, verdana, arial, helvetica;
}
#navigation-1 li {
	margin:0;
	padding:0;
	display:block;
	float:left;
	position:relative;
	width:151px;
}
#navigation-1 li a:link, #navigation-1 li a:visited {
	padding:4px 0;
	display:block;
	text-align:center;
	text-decoration:none;
	background:#ffffff;
	color:#041f42;
	width:148px;
	height:13px;
}
#navigation-1 li:hover a, #navigation-1 li a:hover, #navigation-1 li a:active {
	padding:4px 0;
	display:block;
	text-align:center;
	text-decoration:none;
	background:#041f42;
	color:#ffffff;
	width:146px;
	height:13px;
	border-left:1px solid #ffffff;
	border-right:1px solid #ffffff;
}
#navigation-1 li ul.navigation-2 {
	margin:0;
	padding:1px 1px 0;
	list-style:none;
	display:none;
	background:#ffffff;
	width:146px;
	position:absolute;
	top:21px;
	left:-1px;
	border:1px solid #ffffff;
	border-top:none;
}
#navigation-1 li:hover ul.navigation-2 {
	display:block;
}
#navigation-1 li ul.navigation-2 li {
	width:146px;
	clear:left;
	width:146px;
}
#navigation-1 li ul.navigation-2 li a:link, #navigation-1 li ul.navigation-2 li a:visited {
	clear:left;
	background:#041f42;
	padding:4px 0;
	width:146px;
	border:none;
	border-bottom:1px solid #ffffff;
	position:relative;
	z-index:1000;
}
#navigation-1 li ul.navigation-2 li:hover a, #navigation-1 li ul.navigation-2 li a:active, #navigation-1 li ul.navigation-2 li a:hover {
	clear:left;
	background:#041f42;
	padding:4px 0;
	width:146px;
	border:none;
	border-bottom:1px solid #ffffff;
	position:relative;
	z-index:1000;
}
#navigation-1 li ul.navigation-2 li ul.navigation-3 {
	display:none;
	margin:0;
	padding:0;
	list-style:none;
	position:absolute;
	left:145px;
	top:-2px;
	padding:1px 1px 0 1px;
	border:1px solid #041f42;
	border-left:1px solid #041f42;
	background:#ffffff;
	z-index:900;
}
#navigation-1 li ul.navigation-2 li:hover ul.navigation-3 {
	display:block;
}
#navigation-1 li ul.navigation-2 li ul.navigation-3 li a:link, #navigation-1 li ul.navigation-2 li ul.navigation-3 li a:visited {
	background:#006600;
}
#navigation-1 li ul.navigation-2 li ul.navigation-3 li:hover a, #navigation-1 li ul.navigation-2 li ul.navigation-3 li a:hover, #navigation-1 li ul.navigation-2 li ul.navigation-3 li a:active {
	background:#339933;
}
#navigation-1 li ul.navigation-2 li a span {
	position:absolute;
	top:0;
	left:132px;
	font-size:12pt;
	color:#fe676f;
}
#navigation-1 li ul.navigation-2 li:hover a span, #navigation-1 li ul.navigation-2 li a:hover span {
	position:absolute;
	top:0;
	left:132px;
	font-size:12pt;
	color:#ffffff;
}

/* End of menu division for all web pages */ 

/* Styles for the bucket menu */

.bucketmenu {
width: 728px;
position: center;
margin: 5px 5px 0px 5px;
padding: 10px 10px 10px 10px;
background: #cad5ae;
border: 1px solid #000000;
a:link: no fill;     /* unvisited link */
a:visited: no fill;  /* visited link */
a:active: no fill;  /* selected link */
}

.indexcontent {
width: 728px;
position: center;
margin: 5px 5px 0px 5px;
padding: 0px 10px 0px 10px;
background: #ffffff;
border: 0px solid #000000;
a:link: no fill;     /* unvisited link */
a:visited: no fill;  /* visited link */
a:active: no fill;  /* selected link */
}

.one {
border-style: solid;
border-width: 1px;
border-color: #ececec #c0c0c0 #c0c0c0 #ececec;
padding-top: 0px;
padding-right: 3px;
padding-bottom: 3px;
padding-left: 3px;
}

.two {
border-style: solid;
border-width: 1px;
border-color: #ececec #c0c0c0 #c0c0c0 #ececec;
padding-top: 0px;
padding-right: 3px;
padding-bottom: 6px;
padding-left: 3px;
margin: 0px 0px 0px 10px;
}

a:link {color:#6d8d24}    /* unvisited link */
a:visited {color:#6d8d24} /* visited link */
a:active {color:#041f42}  /* selected link */


/* End styles for scrollbox internal links */

/* Styles for the footer division of all SECONDARY AND TERTIARY PAGES */ 

#footer {
clear: both;
text-align: center;
font-family: helvetica, verdana, arial, geneva, sans-serif;
font-size: 10px;
color: #6d8d24;
width: 750px;
height: 70px;
border: 0px solid black;
margin: 0px 0px 0px 0px;
padding: 3px 0px 20px 0px;
}

/* End styles for the footer division of all web pages */ 

/* Styles for the footerindex division INDEX PAGE ONLY */ 

#footerindex {
text-align: center;
font-family: helvetica, verdana, arial, geneva, sans-serif;
font-size: 10px;
color: #6d8d24;
width: 750px;
height: 80px;
border: 0px solid black;
margin: 0px 0px 0px 3px;
padding: 0px 0px 0px 0px;
}

/* End styles for the footerindex division of all web pages */ 

/* Styles for search bar and Emergency button on index page only */

#searchindex {
text-align: center;
font-family: helvetica, verdana, arial, geneva, sans-serif;
font-size: 10px;
color: #6d8d24;
width: 750px;
height: 43px;
border: 0px solid black;
margin: 5px 0px 0px 5px;
padding: 0px 0px 0px 0px;
}

/* End searchindex division */

/* Styles for text display in all web pages */ 

.bodytext {
color: #000000;
font-family: verdana, arial, helvetica, geneva, sans-serif;
font-size: 11px;
} 

/* Styles for all uses of the H tags */ 

h1 {
color: black;
font-size: 14px;
font-family: verdana, arial, helvetica, geneva, sans-serif;
} 

h2 {
color: black;
font-size: 12px;
font-family: verdana, arial, helvetica, geneva, sans-serif;
}

h3 {
color: # black;
font-size: 10px;
font-family: verdana, arial, helvetica, geneva, sans-serif;
}

p2 {
color: #000000;
font-size: 8px;
letter-spacing: 2px;
}

b2 {
color: black;
font-weight: bold;
font-size: 14px;
font-family: verdana, arial, helvetica, geneva, sans-serif;
}