/* colors:
 text: #4A1D22 requested to be black instead
 highlighted text, dark backgrounds: #7D3A1A
 lighter backgrounds: #FEC351
 plain backgrounds: white
 */

body {
	margin: 0px;
	background-color : white;
	font-family : "Trebuchet MS", verdana, Geneva, Arial, Helvetica, sans-serif;
    /* max-width: 1024px; */
	/*color: #4A1D22;*/
}

img {
  border: none;
}

  
a:link {
	color: #7D3A1A;
	text-decoration: underline;
}

a:visited {
	color: #4A1D22;
	text-decoration: underline;
}

a:hover {
	text-decoration: none;
	color: #7D3A1A;
	background-color : #FEC351;
}

a.imagelink:hover {
  background-color: transparent;
}

.wrapped {
	float: left;
     padding: 10px;
        border: 1px solid #cccccc;
            background: white;
            	margin-right: 15px;
}

p, ol, ul, blockquote, table  {
	font-size: 90%;
	/*color: ##4A1D22;*/
}

table.form {
	font-size: 90%;
	/*color: #4A1D22;*/
}

table.form td {
  vertical-align: top;
}

li.separate {
	margin-bottom: 0.5em;
}

h1 {
	color: #7D3A1A;
	font-size: 125%;
	font-weight: bold;
	margin-bottom: 1em;
}

h2 {
	margin-top: 2em;
	color: #7D3A1A;
	font-size: 100%;
	font-weight: bold;
	border-bottom: 1px solid #7D3A1A;
}

h3 {
	color: #7D3A1A;
	font-size: 95%;
	font-weight: bold;

}


#nav {
	float: left;
	width: 200px;
}

#main {
	margin-left: 210px;
	margin-right: 12px;
}


#whatsnew {
	float: right;
	width: 30%;
	color: #7D3A1A;
	background-color: #FEDC9C;
	border-width: 1px;
    /*font-weight: bold;*/
	/*text-align: center;*/
	border-style: solid;
	font-size: 90%;
	margin-left: 12px;
	border-bottom-width: 24px;
}
	
#whatsnew h1 {
    padding-left: 10px;
    margin-top: 0px;
	padding-top: 4px;
	padding-bottom: 4px;
	font-size: 110%;
	font-weight: bold;
	color: white;
	background-color: #7D3A1A;
}

#whatsnew p {
    margin-left: 10px;
	margin-right: 10px;
	}

#whatsnew a:link {
	color: #7D3A1A;
    font-weight: bold;
	text-decoration: underline;
}

#whatsnew a:visited {
	color: #7D3A1A;
    font-weight: bold;
	text-decoration: underline;
}

#whatsnew a:hover {
	color: white;
    font-weight: bold;
	text-decoration: underline;
}




.fullsize {
	font-size: 100%;
}



.copy {
	color: #7D3A1A;
	font-weight: normal;
	font-size: 80%;
}



caption {
	color: #7D3A1A;
	font-size: 100%;
	font-weight: bold;
	border-top: 0px;
	border-right: 0px;
	border-bottom: 1px solid #7D3A1A;
	border-left: 0px;
	text-align : left;

}

.notice {
	 padding: 0px 7px 0px 7px;
     font-weight: bold;
     font-size: 100%;
     text-align: left;
	 border: 1px dashed navy;
	 background-color: #FEC351;
}

.slant {
	font-style: italic;
	font-weight: bold;
	color: #7D3A1A;
}


.bold {
	font-weight: bold;
}


.call {
	font-size: 80%;
	color: #7D3A1A;
	background-color: white;
	font-weight: normal;
	border: 1px solid #7D3A1A;
}

.border {
	border: 1px solid #7D3A1A;
}


.name {
	font-size: 150%;
	margin-bottom: 0px;
}

.affiliation {
	font-weight: bold;
}

.member {
	font-style: italic;
}

.admin {
  font-style: italic;
}

.block {
	margin-top: 0px;
	margin-right: 20px;
	margin-bottom: 0px;
	margin-left: 20px;
	text-align : justify;
	color: #7D3A1A;
	font-weight: bold;
}

#header {
	font-size: 70%;
	color: #7D3A1A;
	background-color: #FEDC9C;
	padding: 3px;
	border: 1px solid #7D3A1A;
	margin-top: 20px;
}

.indexheader {
	font-size: 100%;
	color: #7D3A1A;
	background-color: #FCD787;
	padding: 3px;
	border: 1px solid #7D3A1A;
}

.housekeeping {
	font-size: 70%;
	font-weight: normal;
	color: #7D3A1A;
	text-align: right;
    font-weight: bold;
	margin-right: 12px;
}

.urgent {
   border: 5px inset #003366;
   padding-left: 25px;
   margin: 30px;
   background-color: #fff8dc;
   font-weight: bold;
   text-align: center;
}

.housekeeping a:link {
	text-decoration : none;
}

.housekeeping a:visited {
	text-decoration : none;
}

.housekeeping a:hover {
	text-decoration: underline;
}

.address {
	font-size: 70%;
	font-weight: normal;
	color: #7D3A1A;
}

.address a:link {
	text-decoration: none;
	color: #7D3A1A;
}

.address a:visited {
	text-decoration : none;
	color: #7D3A1A;
}

.address a:hover {
	color: #7D3A1A;
	text-decoration : underline;
	background-color : #FEC351;
}

.smaddress {
	font-size: 70%;
	font-weight: bold;
	color: #7D3A1A;
}

label {
	font-size: 70%;
	font-weight: normal;
	color: #7D3A1A;
}

.margin {
}

hr {
	background-color: #7D3A1A;
	color: #7D3A1A;
	height : 1px;
}

.link {
	font-size: 75%;
}

.footer {
	font-size: 65%;
	color: #7D3A1A;
	font-weight: normal;
	padding: 1px;
	text-align: center
}

/***********************************/
/* Style sheet for navigation menu.
 * Derived from http://css-class.com/articles/ursidae/index.htm
 * Main changes are "upmenu", and to go with that,
 * making submenus disappear using display: none instead
 * of pushing them way off to the left (which caused jumping around of upmenu).
 * Dan Halbert
 */

/* Basic width of top-level menu. */
div#menu {
    position: absolute;
    width:170px;
	top: 240px;
	left: 14px;
}

/* Font size for menu. (may end up deleting this.) */
ul#navigation {
/*position:absolute; COMMENT OUT IF VERTICAL
	left:0; */
}

/* No bullets, no padding, no margin. */
ul#navigation, ul#navigation ul {
	padding: 0;
	margin: 0;
	list-style: none;
}

ul#navigation li:first-child {
	border-top: 1px solid;
}

/* Menu items. */
ul#navigation li { 
	position: relative;
	float: left;
  font-size: 13px;
	font-weight: bold;
  font-family: "Trebuchet MS";
	line-height : 1.5em;

}

/* Second-level menu items don't float to the left. */
ul#navigation li li { 
	float: none;
}

/* Style the anchors with and without hovering. */
#navigation a {
	display: block;
	width: 128px;   /* Firefox wants this not as wide as the div! */
	color: #7d3a11;
	background-color: #fedc9c;
	padding: 2px 5px;
	text-decoration: none;
	border-left: 1px solid #7d3a1a;
	border-right: 1px solid #7d3a1a;
	border-bottom: 1px solid #7d3a1a;
}

a.parentmenu {
	background: url(/graphics/arrow.gif) right center no-repeat;
}

/* Change color when hovering over anchors. */
ul#navigation a:hover {
	color: #ffebdc;
	background-color: #7d3a1a;
}

/* Defaults for submenus when not hovering. They become invisible.*/
ul#navigation li ul {
	position: absolute;
	display: none;
	/* left: -999em; */
}
/* Hide sub-submenus when hovering over submenus. */
#navigation li:hover ul ul, #navigation li.sfhover ul ul {
	display: none;
	/* left: -999em; */
}

/* Expose submenu when hovering over parent menu item: but make it align at the bottom, not the top. */
#navigation li:hover ul.upmenu, #navigation li li:hover ul.upmenu, #navigation li li li:hover ul.upmenu,
#navigation li.sfhover ul.upmenu, #navigation li li.sfhover ul.upmenu, #navigation li li li.sfhover ul.upmenu {
	bottom: 0px;  /* Make it go up from top-level item. */
	top: auto;
	left: -1px;
	margin-left: 100%;
	display: block;
}

/* Expose submenu when hovering over parent menu item. */
#navigation li:hover ul, #navigation li li:hover ul, #navigation li li li:hover ul,
#navigation li.sfhover ul, #navigation li li.sfhover ul, #navigation li li li.sfhover ul {
	top: -1px;	/* These little adjustments are for the borders. */
	left: -1px;
	margin-left: 100%;
	display: block;
}

ul#navigation li li { /* Needed for IE6 and IE7 for vertical menus */
	float: left;
}

/* Comment out for vertical menu */
/*
#navigation li:hover ul {
	top: 100%;
	margin-left: 0;
}
div#menu {
	width:100%;
}
*/
/* End of comment out for vertical menu */