/*


One good resource for UL/LI formatting: http://www.alistapart.com/articles/taminglists/
Consult your favourite CSS reference for editing fonts/borders/etc.


*/



/* 

IT HAD BEEN THAT ALL <UL> TAGS IN THE MENU INCLUDING THE FIRST LEVEL, WHEN 
".MENULIST" AND ".MENULIST UL" WERE TOGETHER, BUT I AM SEPARATING THEM SO THEY 
CAN HAVE DIFFERENT LOOKS, IF SO DESIRED.  THE FIRST ONE IS THE MAIN LEVEL.  THE 
SECOND ONE IS ALL SUBSEQUENT LEVELS.

*/

.menulist {
 margin: 0;
 padding: 0;
 width: 160px;
 list-style: none;
}

.menulist ul {
 margin: 0;
 padding: 0;
 width: 160px;
 list-style: none;
}

/* Submenus (<ul> tags) are hidden and absolutely positioned across from their parent */
.menulist ul {
 visibility: hidden;
 position: absolute;
 top: 0;
 left: 165px;
}

/*
 All menu items (<li> tags) are relatively positioned to correctly offset their submenus.
 They have borders that are slightly overlaid on one another to avoid doubling up.
*/

/*

NOTE: THE THREE MENULIST LI ITEMS BELOW SHOW DIFFERENT LI ATTRIBUTES.  THE FIRST 
LEVEL HAS BORDERS ONLY ON TOP AND BOTTOM, AND NO BACKGROUND COLOR OF ITS OWN.  
THE OTHER TWO LEVELS ARE AS THEY HAD BEEN.

*/

.menulist li {
	position: relative;
	border-top: 1px solid #330;
	border-bottom: 1px solid #330;
	margin-bottom: -1px;
	font-weight: bold;
	text-align : left;
	padding-bottom : 0px;
}

.menulist li li {
 position: relative;
 border: 1px solid #330;
 background: #FFF9F0;
 margin-bottom: -1px;
}

.menulist li li li {
 position: relative;
 border: 1px solid #330;
 background: #FFF9F0;
 margin-bottom: -1px;
}

.menulist ul>li:last-child {
 margin-bottom: 1px;
}

/* Links inside the menu */
.menulist a {
 display: block;
 padding: 3px;
 color: #000;
 text-decoration: none;
}

/*
 Lit items: 'hover' is mouseover, 'highlighted' are parent items to visible menus.
*/
.menulist a:hover, .menulist a.highlighted:hover, .menulist a:focus {
 color: #FFFFCC;
 background-color: #A64;
}
.menulist a.highlighted {
 color: #FFFFCC;
 background-color: #C86;
}

/*
 If you want per-item background images in your menu items, here's how to do it.
 1) Assign a unique ID tag to each link in your menu, like so: <a id="xyz" href="#">
 2) Copy and paste these next lines for each link you want to have an image:
    .menulist a#xyz {
      background-image: url(out.gif);
    }
    .menulist a#xyz:hover, .menulist a.highlighted#xyz, .menulist a:focus {
     background-image: url(over.gif);
    }
*/


/* 'subind' submenu indicators, which are automatically prepended to 'A' tag contents. */
.menulist a .subind {
 float: right;
}

/* This semi-commented section exists to fix bugs in IE/Windows (the 'Holly Hack'). \*/
* html .menulist li {
 float: left;
 height: 1%;
}
* html .menulist a {
 height: 1%;
}
/* End Hack */


/* HORIZONTAL FREESTYLE MENU LAYOUT */


/* All <ul> tags in the menu including the first level */
.menulisth, .menulisth  ul {
	list-style: none;
	float : none;
}

/* Submenus (<ul> tags) are hidden and absolutely positioned downwards from their parent */
.menulisth ul {
 visibility: hidden;
 position: absolute;
 top: 2.5em; /* I'm using ems rather than px to allow people to zoom their font */
 left: 0px;
 width: 150px;
}

/* Second and third etc. level submenus - position across from parent instead */
.menulisth ul ul {
 top: 0px;
 left: 155px;
}

/*
 All menu items (<li> tags). 'float: left' lines them up horizontally, and they are
 positioned relatively to correctly offset submenus. Also, they have overlapping borders.
*/
/*
.menulisth li {
	float: left;
	position: relative;
	background: #FED;
	border: 1px solid #330;
	margin-right: 10px;
	width: 150px;
	padding-right : 5px;
	text-align : center;
}
*/
.menulisth li {
	float: left;
	position: relative;
	margin-right: 10px;
	width: 150px;
	text-align : center;
	font-weight: bold;
	border-top: 1px solid #330;
	border-bottom: 1px solid #330;

}

/* Items in submenus - override float/border/margin from above, restoring default vertical style */
.menulisth ul li {
 float: none;
 margin-right: 0;
 margin-bottom: -1px;
}
.menulisth ul>li:last-child {
 margin-bottom: 1px;
}

/* Links inside the menu */
.menulisth a {
 display: block;
 padding: 3px;
 color: #000;
 text-decoration:  none;
}

/* Lit  items: 'hover' is mouseover, 'highlighted' are parent items to visible menus */
.menulisth a:hover, .menulisth a.highlighted:hover, .menulisth a:focus {
 color: #FFF;
 background-color: #A64;
}
.menulisth  a.highlighted {
 color: #FFF;
 background-color: #C86;
}

/*
 If you want per-item background images in your menu items, here's how to do it.
 1) Assign a unique ID tag to each link in your menu, like so: <a id="xyz" href="#">
 2) Copy and paste these next lines for each link you want to have an image:
    .menulist a#xyz {
      background-image: url(out.gif);
    }
    .menulist a#xyz:hover, .menulist a.highlighted#xyz, .menulist a:focus {
     background-image: url(over.gif);
    }
*/

/* Only style submenu indicators within submenus. */
.menulisth a .subind {
 display:  none;
}
.menulisth ul a .subind {
 display:  block;
 float: right;
}

/* 'Escaped Comment' hack for horizontal menubar width in IE5/Mac */
.menulisth a {
 float: left;
}
.menulisth ul a {
 float: none;
}
/* \*/
.menulisth a {
 float: none;
}
/* */


/* This semi-commented section exists to fix bugs in IE/Windows (the 'Holly Hack'). \*/
* html .menulisth  ul li {
 float: left;
 height: 1%;
}
* html .menulisth  ul a {
 height: 1%;
}
/* End Hack */



/* Pulled in from CenteringExample2.html... to some extent */


center1 {
	font : bold x-large verdana, geneva, arial, helvetica, sans-serif;
	text-align : center;
}

h1 {
	font : bold 200% verdana, geneva, arial, helvetica, sans-serif;
}

h2 {
	font : bold 175% verdana, geneva, arial, helvetica, sans-serif;
}

h3 {
	font : bold 150% verdana, geneva, arial, helvetica, sans-serif;
}

#mainarea {
	padding-bottom : 20px;
}

div.indexmaintable {
	margin-left: 25px;
	margin-right: 25px;
	width: 70%;
}

div.indent {
	margin-left: 25px;
}

div.indentboth {
	margin-left: 25px;
	margin-right: 25px;
}

div.indentrightmainpage {
	margin-right: 215px;
}

div.left {
	float: left;
	margin-left: 13px;
	width: 185px;
	background-image : url(media/pumpkin.gif);
	background-repeat : repeat;
	height : 250px;
	border : 1px solid Black;
}

div.left2 {
	position: absolute;
	top: 25px;
	width: 236px;
	height: 225px;
	text-align : center;
}

div.topname {
	height: 100px;
	text-align: center;
	background-image : url(media/pumpkin.gif);
	background-repeat : repeat;
	padding-left : 220px;
}

div.blueaddress {
	height: 25px;
	text-align: center;
	vertical-align: middle;
	background-color: #022888;
	font-weight: bold;
	color : #DDDDAA;
	text-decoration : none;
	font-size : 15px;
	padding-top : 7px;
	padding-left : 220px;
}

div.topnameindex {
	height: 100px;
	text-align: center;
	background-image : url(media/pumpkin.gif);
	background-repeat : repeat;
}

div.blueaddressindex {
	height: 25px;
	text-align: center;
	vertical-align: middle;
	background-color: #022888;
	font-weight: bold;
	color : #DDDDAA;
	text-decoration : none;
	font-size : 15px;
	padding-top : 7px;
}
div.toplinks {
	height: 25px;
	text-align: center;
	vertical-align: middle;
	background-color: #FBF1D6;
	font-weight: bold;
	color : #000000;
	text-decoration : none;
	font-size : 14px;
	padding-left : 220px;
	padding-top : 5px;
}
div.toplinksindex {
	height: 25px;
	text-align: center;
	vertical-align: middle;
	background-color: #FBF1D6;
	font-weight: bold;
	color : #000000;
	text-decoration : none;
	font-size : 14px;
	padding-top : 5px;
}
div.main {
	margin-left: 235px;
	margin-right: 15px;
	width: auto;
	line-height : 1.5em;
}
div.bottom {
	height: 22px;
	text-align : center;
	background-image : url(media/pumpkin.gif);
	background-repeat : repeat;
	border-top : 1px solid Black;
}
div.content {
width: auto;
color: #000;
background-color: #FFF;
border-left: 1px solid #776;
border-bottom: 1px solid #776;
padding: .5em 1em 1em 1em;
line-height: 1.5em;
margin-left: 15em;
}

div.left3 {
	position: relative;
	width: 220px;
	height: 120px;
	left: 20px;
	text-align : center;
	background-color : Green;
	float: left;
	top : 18em;
}

div.quote_indent_italics{
	margin-left : 25px;
	font-style : italic;
}	
	
div.center_italics{
	font-style: italic;
	text-align: center;
}	
	
div.right_italics{
	font-style: italic;
	text-align: right;
}	
	
div.photo-left {
	float: left;
	margin-right: 10px;
	margin-top: 10px;
	margin-bottom: 10px;

}

div.photo-right {
	float: right;
	margin-left: 10px;
	margin-top: 10px;
	margin-bottom: 10px;
}

div.photo-topleft {
	float: left;
	margin-right: 10px;
	margin-top: 0px;
	margin-bottom: 10px;

}

div.photo-topright {
	float: right;
	margin-left: 10px;
	margin-top: 0px;
	margin-bottom: 10px;
}

div.box-left {
	float: left;
	margin-right: 10px;
	margin-top: 10px;
	margin-bottom: 10px;
	border: thin solid Black;
	padding: 10px;
}

div.announcement {
	position: absolute;
	top: 152px;
	right: 20px;
	text-align : center;
	border : 3px solid Gray;
	background-color : white;
	padding: 1em 1em 1em 1em;
}

div.announcement2 {
	position: absolute;
	top: 167px;
	right: 20px;
	text-align : center;
	border : 3px solid Gray;
	background-color : white;
	padding: 1em 1em 1em 1em;
}

div.announcement2index {
	position: absolute;
	top: 177px;
	right: 20px;
	text-align: center;
	border: 3px solid Gray;
	background-color: white;
	padding: 1em 1em 1em 1em;
	width: 20%;
}

.announce {
	font : bold larger verdana, geneva, arial, helvetica, sans-serif;
	text-align : center;
}

.mcs {
	font: bold larger verdana, geneva, arial, helvetica, sans-serif;
	text-align: center;
	color: #000088;
	font-size: 11pt;
}


a.ann:link{
	text-decoration: none;
	color: black;
	font-weight: bold;
	font-size : small;
}
a.ann:visited{
	text-decoration: none;
	color: black;
	font-weight: bold;
	font-size : small;
}
a.ann:hover{
	text-decoration: none;
	color: red;
	font-weight: bold;
	font-size : small;
}
a.ann:active{ 
	text-decoration: none;
	color: black; 
	font-weight: bold;
	font-size : small;
}


/* text formatting for in that table */
.h28 {
	font : bold 28px verdana, geneva, arial, helvetica, sans-serif;
}
.h24 {
	font : bold 24px verdana, geneva, arial, helvetica, sans-serif;
}
.h20 {
	font : bold 20px verdana, geneva, arial, helvetica, sans-serif;
}
.h16 {
	font : bold 16px verdana, geneva, arial, helvetica, sans-serif;
}
.h14 {
	font : bold 14px verdana, geneva, arial, helvetica, sans-serif;
}
.h12 {
	font : bold 12px verdana, geneva, arial, helvetica, sans-serif;
}
.hc28 {
	font : bold 28px verdana, geneva, arial, helvetica, sans-serif;
	text-align : center;
}
.hc24 {
	font : bold 24px verdana, geneva, arial, helvetica, sans-serif;
	text-align : center;
}
.hc20 {
	font : bold 20px verdana, geneva, arial, helvetica, sans-serif;
	text-align : center;
}
.hc16 {
	font : bold 16px verdana, geneva, arial, helvetica, sans-serif;
	text-align : center;
}

.indentnospaceafter {
	padding-bottom : 0px;
	margin-left : 25px;
}

body {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 75%;
color: #000;
padding: 0;
margin: 0;
width: auto;
background-image : url(media/linencolor.gif);
background-repeat : repeat;
}


li{
	padding-bottom : 10px;
}

/*		border-top: 2px solid #000000;
border-bottom: 2px solid #000000;  .bluecenter */

.bluecenterborder {
	height: 2px;
	background-color: #0000aa;
}

.uucdc {
		background-image : url(media/uucdcgreenblur3.jpg);
	background-repeat : repeat;
}


a.special:link{
	text-decoration: none;
	color: black;
	font-weight: bold;
	font-size : small;
}
a.special:visited{
	text-decoration: none;
	color: black;
	font-weight: bold;
	font-size : small;
}
a.special:hover{
	text-decoration: none;
	color: Green;
	font-weight: bold;
	font-size : small;
}
a.special:active{ 
	text-decoration: none;
	color: black; 
	font-weight: bold;
	font-size : small;
}


a.special_wmcs:link{
	text-decoration: none;
	color: black;
	font-weight: bold;
	font-size: 10.5pt;
}
a.special_wmcs:visited{
	text-decoration: none;
	color: black;
	font-weight: bold;
	font-size: 10.5pt;
}
a.special_wmcs:hover{
	text-decoration: none;
	color: Green;
	font-weight: bold;
	font-size: 10.5pt;
}
a.special_wmcs:active{ 
	text-decoration: none;
	color: black; 
	font-weight: bold;
	font-size: 10.5pt;
}



a.sitemap:link{
 text-decoration: none;
 color: blue;
}
a.sitemap:visited{
 text-decoration: none;
 color: blue;
}
a.sitemap:hover{
 text-decoration: none;
 color: blue; 
 font-weight: bold;
}
a.sitemap:active{ 
 text-decoration: none;
 color: blue; 
}
 

a.password:link{
 text-decoration: none;
 color: black;
}
a.password:visited{
 text-decoration: none;
 color: black;
}
a.password:hover{
 text-decoration: none;
 color: black; 
}
a.password:active{ 
 text-decoration: none;
 color: black; 
}
 

/* Color mods for Office */
/*  */
/* .menulist, .menulist ul { */
/*  background: #F0F0F8 */
/*  border: 1px solid #654; */
/*  */
/* .menulist a:hover, .menulist a.highlighted:hover, .menulist a:focus { */
/*  background-color: #46A; */
/*  border: 1px solid #ADF; */
/*  color: #FFF; */
/*  */
/* .menulist a.highlighted { */
/*  background-color: #68C; */
/*  border: 1px solid #CDE; */
/*  color: #FFF; */
/*  */
/*  */
/* Color mods for Vertical */
/*  */
/* .menulist li { */
/*  background: #FED; */
/*  border: 1px solid #330; */
/*  */
/* .menulist a:hover, .menulist a.highlighted:hover, .menulist a:focus { */
/*  background-color: #A64; */
/*  color: #FFF; */
/*  */
/* .menulist a.highlighted { */
/*  background-color: #C86; */
/*  color: #FFF; */