* {margin:0; padding:0;} 

body
{
margin: 0px 0px;
padding: 0px;
behavior:url(csshover.htc);
background-color:#c0c0c0;
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size:1em;

}
img 
{
border:0;
vertical-align:middle;
}

.imgLeft {
	float:left;
	margin:0em 1em 1em 0;

}

.imgLeft p {
	font-size:0.7em;
	color:white;
	margin:0;
	background-color:#6e6c6d;
	padding:0.25em;
	margin-top:-0.3em;
	text-align:center;
	
}
.imgRight {
	float:right;
	margin:0em 0em 1em 1em;

}
.imgCentre {
	margin:0em auto;

}
.imgRight p {
	font-size:0.7em;
	color:white;
	margin:0;
	background-color:#6e6c6d;
	padding:0.25em;
	text-align:center;
	margin-top:-0.3em;
	
}

.imgCentre p {
	font-size:0.7em;
	color:white;
	margin:0;
	background-color:#6e6c6d;
	padding:0.25em;
	text-align:center;
	margin-top:-0.3em;
	
}

.error
{
color:red;
}
#feedbackfrm
{
width:80%;
margin:1em auto;

}
#feedbackfrm form label
{
width:29%;
padding-right:2%;
float:left;
display:block;
margin-bottom:0.5em;
border-top:1px solid #cccccc;
}
#feedbackfrm form input,textarea
{
width:67%;
float:left;
display:block;
margin-bottom:0.5em;
}
#feedbackfrm form br
{
clear:both;
}

#feedbackfrm p
{
font-weight:bold;
}


a
{
color:#4b0762;
}
.rightinlineimage
{
float:right;
border:0px;
margin-left:10px;
margin-bottom:10px;

}
.centrealignedimage
{
text-align:center;
margin:0 auto;
margin-bottom:1em;
border:0;
}

.rightinlineimageoutset
{
float:right;
border:0px;
margin-left:10px;
margin-bottom:10px;
border: 1px outset;
padding:3px;
background-color:white;


}

#content
{
width:780px;
border-width:0px;
padding:0;
border:0;

padding-bottom:0px;
margin:0px auto;
background-color:#e4e4e4;
overflow:auto;
}
#pagetitle
{


margin-left:184px;
padding-top:10px;
clear:both;

}

.people
{
width:100%;
overflow:hidden;
border:0;
padding:0;
margin:0;
}

.person
{

width:100%;
margin-bottom:1em;
border:0;
padding:0;
}

.person:after
{
content: ".";
display:block;
height:0;
clear:both;
visibility:hidden;
}


.personimage
{
width:100px;

margin-right:10px;
padding:0;
border:1px outset;
display:block;

float:left;

}

.imagecontainer
{
float:none;
display:block;

}

.personbiog
{
width:450px;
border:0px solid black;
float:left;
}


#pagetitle h2	{
			margin-top:0px;
			font-family:Verdana, Arial, Helvetica, sans-serif;
			font-size:1.1em;
			color:#4b0762;
			font-weight:bold;
			}
#menupane
{
width:165px;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 10px;

float:left;




}
.submenubox
{
width:165px;
margin:0px 0px 0px 0px;

}

.submenubox h3 {
	margin:0px 10px 5px 10px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:0.7em;
	color:#4b0762;
	font-weight:bold;
	}
.submenubox ul {
	list-style: none;
	padding:0;
	margin:0;
	border:0;
	color: #4c4c4c;
	}

.submenubox ul li {
	text-align:left;
	border-top:1px solid #c0c0c0;
	width:165px;
	
	padding:0;
	font:0.7em Verdana, Arial, Helvetica, sans-serif;
	color: #4c4c4c;
	

	}
.submenubox ul li ul
{
margin:0;
padding:0;
list-type:none;
margin-left:10px;

}
.submenubox ul li ul li
{
margin:0;
padding:0;
font-size:1em;
width:145px;
border:0;

}

.submenubox li a {
	
  	display:block;
	text-decoration:none;
	padding:5px 10px;
	
	
	color: #4c4c4c;
	}	
	

	
.submenubox li a:hover {
	
	background-color:#c0c0c0;
	color: #4c4c4c;
	padding:0;
	border:0;
	padding:5px 10px;
	}
	
	.submenubox ul li ul li a
{
	
  	display:block;
	text-decoration:none;
	padding:5px 10px;
	
	font-size:0.85em;
	color: #4c4c4c;
	margin:0;
	}	
.submenubox ul li ul li a:hover
{

color: #4c4c4c;
background-color:#e4e4e4;
text-decoration:underline;
}

#maincontent
{
	
	font-size:0.8em;
	width:570px;
	margin:0px 0px 0px 0px;
	padding-bottom:30px;
	padding-left:10px;
	
	float:left;
}
#maincontent p
{

	margin-bottom:1em;
	}
	
#maincontent ul
{
list-style-position:outside;
list-style-type:disc;
margin-left:20px;
margin-bottom:1em;

}

#maincontent ol
{
list-style-position:outside;
list-style-type:decimal;
margin-left:20px;
margin-bottom:1em;

}
h1
{
visibility:hidden;
}


#skipmenus
{
height:0;
visibility:hidden;
margin:0;
padding:0;
}
#skipmenus a
{
height:0;
visibility:hidden;
margin:0;
padding:0;
}
	
#maincontent h3	{
			margin-top:0px;
			font-family:Verdana, Arial, Helvetica, sans-serif;
			font-size:1em;
			color:#4b0762;
			font-weight:bold;
		
			}


#topbar {
clear:both;
width:780px;
border-width:0px;
height:66px;
background-color:#6e6c6d;

background-repeat:no-repeat;
background-position:0px 0px;
text-align:left;

}

#maincopy {

	

	width:395px;
	min-height:300px;
	_height:300px;
	
	padding: 10px 10px 10px 10px;
	
	font-family:verdana;

	color:#4c4c4c;
	
	
	float:left;
	

	}
	
#maincopy h2	{
			font-family:Verdana, Arial, Helvetica, sans-serif;
			font-size:1.1em;
			color:#4b0762;
			font-weight:bold;
			}
			
#maincopy a	{
			font-weight:bold;
			color:#4b0762;
			}
			
#maincopy a:hover	{
			color:#9d9d9d;
			}
			


#featureimage
{
}
#featuretext
{

margin-top:10px;
height:400px;
overflow:auto;
}
#featuretext p
{
font-size:0.8em;
margin-bottom:1em;
}
#featuretext ul
{
margin:1em;margin-left:2em;
list-style-position:outside;
font-size:0.75em;
}

#home_features
{
width:365px;
border:1px;
margin: 0px 0px 00px 0px;

float:left;
}
	
div.home_features_box {
	margin-top:10px;
	
	height:auto;

	width:335px;
	
	color:#FFFFFF;
	
	float:left;

	background-color:#d1d1d1;

	min-height:125px;
	_height:125px;
	padding-left:10px;
	padding-right:10px;
	padding-top:10px;
	padding-bottom:10px;
	
	
	font-family:verdana;
	font-size:0.6em;
	color:#454545;
	vertical-align:top;
			
	}
	div.dayswork {
	margin-top:10px;
	
	height:auto;

	width:335px;
	
	color:#FFFFFF;
	
	float:left;

	background-color:#d1d1d1;

	
	padding-left:10px;
	padding-right:10px;
	padding-top:10px;

	
	
	font-family:verdana;
	font-size:0.6em;
	color:#454545;
	vertical-align:top;
			
	}
	div.dayswork h2
	{
	font-size:1.2em;
	}
	div.search_box {
	margin:0;
	background-color:#d1d1d1;
	
	margin-top:10px;
	
	height:30px;

	width:335px;
	
	color:#FFFFFF;
	
	float:left;



	padding:10px 10px 0px 10px;
	font-family:verdana;
	font-size:0.7em;
	color:#454545;

			
	}
div.search_box.searchform
{
font-size:0.7em;
}
div.whatsnew_box {
	margin-top:10px;
	
	height:auto;

	width:345px;
	
	color:#FFFFFF;
	
	float:left;

	background-color:#e4e4e4;

	min-height:125px;
	_height:125px;
	padding:0px;
	border:5px solid #d1d1d1;
	border-top:0;
	padding-top:0;
	
	
	font-family:verdana;
	font-size:0.6em;
	color:#454545;
	vertical-align:top;
			
	}
	
div.whatsnew_box h3	{
			font-family:Verdana, Arial, Helvetica, sans-serif;
			font-size: 1.4em;
			font-weight:bold;
			color:#4b0762;
			display:block;
			background-color:#d1d1d1;
			text-align:center;
			
			}
div.whatsnew_box h2	{
			font-family:Verdana, Arial, Helvetica, sans-serif;
			font-size: 1.6em;
			font-weight:bold;
			color:#4b0762;
			display:block;
			background-color:#d1d1d1;
			text-align:center;
			
			}
			
div.whatsnew_box a	{
			font-family:Verdana, Arial, Helvetica, sans-serif;
			font-size: 1em;
			font-weight:bold;
			color:#4b0762;
			}
			
div.whatsnew_box  a:hover	{
			font-family:Verdana, Arial, Helvetica, sans-serif;
			font-size: 1em;
			font-weight:bold;
			color:#9d9d9d;
			
			}
.nomsbox
{
margin: 0 auto;
padding: 0px;


color:#ffffff;
text-align:center;

vertical-align:top;
}

.nomsimage
{
margin:0 auto;
padding: 20px 93px 20px 92px;

background-color:white;
border-style:inset;
border-width:1px;
width:200px;
height:44px;

}
	
.home_features
{
width:365px;
border:1px;
margin: 0px 0px 0px 0px;
margin-bottom:10px;
float:left;
}
	
	
div.home_features_box h3	{
			font-family:Verdana, Arial, Helvetica, sans-serif;
			font-size: 1.2em;
			font-weight:bold;
			color:#4b0762;
			}
div.home_features_box h2	{
			font-family:Verdana, Arial, Helvetica, sans-serif;
			font-size: 1.5em;
			font-weight:bolder;
			color:#4b0762;
			}
			
div.home_features_box  a	{
			font-family:Verdana, Arial, Helvetica, sans-serif;
			font-size: 1em;
			font-weight:bold;
			color:#4b0762;
			}
			
div.home_features_box  a:hover	{
			font-family:Verdana, Arial, Helvetica, sans-serif;
			font-size: 1em;
			font-weight:bold;
			color:#9d9d9d;
			}
			
			
.homefeatureimage {
	width:125px;
	height:125px;
	border:0px;
	float:left;
	padding-right:10px;
	
	}
	
	
#bottom
{
clear:both;
height:63px;

padding: 10px 10px 10px 10px;
margin-top:20px;
margin-bottom:0px;

font-size:0.7em;
color:white;
text-align:left;

background-color:#6e6c6d;
}

#bottom a
{
color:white;
}
#bottom a:link
{
color:white;
}
#bottom a:hover
{
color:white;
}
#bottom a:visited
{
color:white;

}
#logos
{
float:right;

}
#logos img
{
margin-left:10px;
}

/* LIST-BASED MENU */
/* the horizontal menu starts here */
div#listmenu {
	width:780px; 	/* makes the div full width */
	float:left; /*makes the div enclose the list */
	border-top:1px solid #6e6c6d;	/* draws line on top edge of div */
	border-bottom:1px solid #919090;	 /* draws line on bottom edge of div */
	font-size:11px !important;	/* SET FONT-SIZE HERE */
	background-color:#6e6c6d; /* colors the div */
 	z-index:100;
	}
div#listmenu ul {margin:0 0 0 0px;/* indents ul from edge of container */
	}
div#listmenu li {
	z-index:50; /* had to add this to make the drop be on top in Safari */
	float:left;	/* causes the list to align horizontally instead of stack */
	position:relative; /* positioning context for the absolutely positioned drop-down */
	list-style-type:none;	/* removes the bullet off each list item */
	background-color:#6e6c6d; /*sets the background of the menu items */
	border-left:1px solid #919090; /* creates dividing lines between the li elements */
	padding: 3px;
	}
div#listmenu li:first-child {
	border-left:1px solid #919090; /*the first vertical line on the menu */
	}
div#listmenu li:hover { 	

	background-color:#919090; /*sets the background of the menu items */
	}
div#listmenu a {

	display:block; /*makes rolled list items in drop down highlight link text, and wrapped lines indent correctly */
	padding:0 6px; /*creates space each side of menu item's text */
	text-decoration:none;	 /* removes the underlining of the link */
	color:#ffffff;	/* sets the type color */
	}
div#listmenu a:hover {
	color:#ffffff;
	}
/* the horizontal menu ends here */

/* the drop-down starts here */
div#listmenu ul li ul {
	margin:0; /* prevents the TEMP value inheriting from the horiz menu - OK to remove if you remove TEMP above */
	position:absolute; /* positions the drop-down ul in relation to its relatively positioned li parent */
	width:12em; /*sets the width of the menu - in combo with the li's 100% width, makes the menu stack*/
	left:-1px; /*aligns the drop exactly under the menu */
	top:19px;
	}
div#listmenu ul li ul li {
	width:100%; /* makes the list items fill the list container (ul) */
	border-left:1px solid #919090; /*  three sides of each drop-down item */
	border-bottom:1px solid #919090;
	border-right:1px solid #919090;
	padding: 3px;
	}
div#listmenu ul li ul li:first-child {
	border-top:1px solid #919090; /*the top edge of the dropdown */
	}
/* make the drop-down display as the menu is rolled over */
div#listmenu ul li ul {display:none;} /* conceals the drop-down when menu not hovered */
div#listmenu ul li:hover ul {display:block; } /* shows the drop-down when the menu is hovered */

/* pop-out starts here */
body div#listmenu ul li ul li ul  {
	visibility:hidden; /* same effect as display:none in this situation */
	left:10em;
	}
div#listmenu ul li ul li:hover ul {visibility:visible;} /* same effect as display:block in this situation */
/* THE HACK ZONE - */
/* hack for IE (all flavors) so the menu has a vertical line on the left */
* html div#listmenu ul {
	float:left; /* makes the ul wrap the li's */
	border-left:0px solid #919090; /* adds the rightmost menu vertical line to the ul */
	margin-left:0px; /* IE doubles the given value above - why? */
	}
/* add a top line to drops and pops in IE browsers - can't read :first-child */
* html  div#listmenu ul li ul {
	border-top:1px solid #919090;
	border-left:0px; /* stops the drop inheriting the ul border */
	}
/* end of hack zone */
/* END OF LIST-BASED MENU */

.attachments
{
padding:5px;
border:1px solid #cccccc;
background-color:white;
margin-bottom:1em;
}

#attachments
{
background-color:white;
width:200px;
float:right;
margin-left:10px;

margin-bottom:1em;
padding-bottom:5px;


}
#attachments h3
{
border-bottom:2px solid #cccccc;
border-top:0px solid black;
padding:5px;
font-size:0.85em;
font-weight:bold;
text-align:center;
margin:0;

color:black;background-color:#cccccc;
}
#attachments h3#subcategories
{
border-bottom:1px solid white;
border-top:1px solid black;

font-size:0.85em;
font-weight:bold;
text-align:center;
margin:0;
margin-top:1em;color:black;background-color:white;
}
div#attachments p
{
padding:0;
padding:0.5em 0.5em;
font-size:0.7em;
margin:0;
}
div#attachments p a
{
color:black;
text-decoration:underline;
margin:0;padding:0;
}
div#attachments p a:hover
{
color:black;
text-decoration:underline;
margin:0;padding:0;
}
#menusearch
{

padding:0 10px;
}
#menusearch form
{

}
#menusearch form input.text
{
border:1px solid black;
height:18px;
width:77%;vertical-align:bottom;
}
#menusearch form input.submit
{
vertical-align:baseline;

width:16%;height:21px;
font-size:0.6em;
}

#featuredlinks
{
border:2px solid #c0c0c0;
background-color:white;
padding:0;
margin-bottom:1em;margin-top:1em;
}
#featuredlinks h2
{
background-color:#c0c0c0;
color:white;
padding:5px;
margin:0;
font-size:1.3em;
}
#featuredlinks h3
{
padding:10px 10px 0 10px;
margin:0;
}
#featuredlinks p
{
margin:0;
padding:0 10px 10px 10px;
}

form#pageform
{
background-color:#c0c0c0;padding:5px 0;text-align:center;color:white;font-weight:bold;
}
form#pageform input,select
{
color:black;font-weight:norma;
}

form#library
{

}
form#library fieldset
{
border:0;

}
form#library fieldset label
{
width:20%;
margin-right:5%;
float:left;

font-weight:bold;
}
form#library fieldset input,select
{
width:70%;
float:left;
}
form#library fieldset br
{
clear:both;
}
form#select
{

}
form#select fieldset
{
border:0;

}
form#select fieldset label
{
width:20%;
margin-right:5%;
float:left;

font-weight:bold;
}
form#select fieldset input,select
{
width:70%;
float:left;
}
form#select fieldset br
{
clear:both;
}

table
{
}
th
{
text-align:left;
padding:5px;
border-bottom:1px solid black;
}
td
{
text-align:left;
padding:5px;
}