/* Every body in the site.  Basic page. */
BODY {
	background-color : White;
	margin : 0px 0px 0px 0px;
	padding : 0px 0px 0px 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

/* BODY where class="content-page" */
BODY.content-page {
	padding: 0px;
	background-color: #FFFFF0;
}

/* All anchors in the site. */
A {
  color: #000033;
}

/* Don't think we need this anymore.  I'm leaving it for now. */
TD {
	font-size: 8pt;
}

/* All unordered lists. */
ul {
}

/* list items where class="relatedFAQ" */
li.relatedFAQ {
	list-style-type: square;
}

/* The layer that contains tofc-scroll-container, before-tofc, and after-tofc*/
.tofc-background {
	width: 220px;
	background-color: #97A3B5;
	font-size: 8pt;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #191970;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #191970;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #D9E3FF;
	padding-right: 3px;
	padding-left: 3px;
	margin-right: 15px;
	visibility:hidden;

}

/* Located at the top of the TofC. */
.before-tofc {
	color: #330033;
	padding-bottom: 7px;
	font-size: 14pt;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding-top: 19px;
	text-align: center;
	clear: both;
	font-weight : 600;
}

/* Located at the bottom of the TofC. */
.after-tofc {
}

/* The layer that holds the TofC scroller.  Nothing to touch here.*/
.tofc-scroll-container {
	position:relative;
	width:200;
	height:140;
	overflow:hidden;
	top: 0;
	left: 0;
	border-top: 1px solid #C2CCE7;
	border-right: 1px solid #000066;
	border-bottom: 1px solid #000066;
	border-left: 1px solid #C2CCE7;
}

/* TofC scroller. */
.tofc-scroller {
	width: 195px;
	left: 0px;
	top: 20px;
	height: 117px;
	font-size: 8pt;
	position: absolute;
	padding-right: 2px;
	padding-left: 2px;
	padding-top: 0px;
}

/* where class="tofc-entry" 
	hasn't been visited according to CRS JavaScript */
.tofc-entry {
	color: #000033;
	text-decoration: none;
	margin-top: 5px;
	display:block;
}

/* where class="tofc-entry-visited" 
	calculated by CRS JavaScript, not browser */
.tofc-entry-visited {
	color: #330033;
	text-decoration: none;
	margin-top: 5px;
	display:block;
	}

/* where class="tofc-entry-current" 
	current question calculated by CRS JavaScript */
.tofc-entry-current {
	color: #000000;
	font-weight: bold;
	text-decoration: none;
	font-style: italic;
	margin-top: 5px;
	display:block;
}

/* More of an HR than a spacer, really.
	Appears between the TofC entries */
.tofc-spacer {
	border-top: 1px solid #191970;
	border-right: 1px;
	border-bottom: 1px solid #C2CCE7;
	border-left: 1px;
	margin-top: 5px;
}

.scroll-button {
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #C2CCE7;
	border-right-color: #000066;
	border-bottom-color: #000066;
	border-left-color: #C2CCE7;
	background-color: #97A3B5;
	cursor: hand;
	padding: 2px 0px;
	text-align: center;
	top: 280px;
	left: 20px;
	width: 195px;
	margin: 0px 0px 10px;
	height: 1px;
	position: absolute;
	z-index: 10;

}

/* Appears where there is no href for the content, usually
	before a related block of TofC entries. */
.tofc-subheading {
	font-weight: bold;
	font-size: 10pt;
	text-align: center;
	margin-bottom: 7px;
	padding-bottom: 1px;
	background-color: #C2CCE7;
}

/* The resources box. */
.resources {
	background-color: #EEE8AA;
	width: 200px;
	padding-left : 10px;
	padding-right : 10px;
	padding-bottom: 15px;
	font-size: 8pt;
	border-top: 2px solid #F3E6AF;
	border-right: 2px solid #6B503A;
	border-bottom: 2px solid #6B503A;
	border-left: 2px solid #F3E6AF;
	padding-top: 10px;
	margin: 0px 0px 3px 5px;
	float: right;
}

/* The title in the resources box. */
.resourcestitle {
	font-size: 10pt;
	font-weight: bold;
	text-align: center;
	margin-bottom: 5px;
}

/* An individual resource. 
	Why ems?  Not sure.  Do what you want. */
.resource {
	margin-left: 0.3em;
	margin-bottom: 0.3em;
}

/* More of an HR than a spacer, really.
	Appears between the individual resources */
.resource-spacer {
	border-top: 1px solid #6B503A;
	border-right: 1px;
	border-bottom: 1px solid #F3E6AF;
	border-left: 1px;
	margin-top: 5px;
	margin-bottom: 5px;
}

/* Positioning of menu bar across top of page.
	Also appearance. */
.menu-position {
	background-color: #003366;
	height: 20px;
}

/* An entry in the menu bar. */
.menu {
	font-size: 10pt;
	color: #C2CCE7;
	float: right;
	
	padding-right: 45px;/*was 25*/
	padding-left: 7px;
	padding-top: 2px;
	padding-bottom: 1px;
	font-weight : bold;
}

/* The last entry in the menu bar. 
	Not strictly needed at this point, 
	but we nees to leave it here. */
.last-menu {
	font-size: 10pt;
	color: #000033;
	float: left;
	padding-right: 45px;/*was 25*/
	padding-left: 2px;
	padding-top: 2px;
	padding-bottom: 1px;
}

/* When the mouse is positioned over the
	menu it changes to this appearance. */
.menu-over {
	font-size: 10pt;
	color: #000033;
	float: right;/*was 25*/
	padding-right: 45px;
	padding-left: 7px;
	padding-top: 2px;
	padding-bottom: 1px;
	background-color: #EEE8AA;
	border-right-color: #6B503A;
	border-bottom-color: #6B503A;
	border-top-color: #F3E6AF;
	border-left-color: #F3E6AF;
	cursor: hand;
	font-weight: bold;
}

/* When the mouse is positioned over the
	last menu it changes to this appearance. */
.last-menu-over {
	font-size: 10pt;
	color: #000033;
	float: right;
	padding-right: 45px;/*was 25*/
	padding-left: 7px;
	padding-top: 2px;
	padding-bottom: 1px;
	background-color: #EEE8AA;
	border-top-color: #F3E6AF;
	border-left-color: #F3E6AF;
	border-right-color: #6B503A;
	border-bottom-color: #6B503A;
	cursor: hand;
	font-weight: bold;
}

/* An item that drops down from a menu in the menu bar. */
.menu-item {
	font-size: 10pt;
	color: #000033;
	float: right;
	padding-right: 45px;/*was 25*/
	padding-left: 7px;
	padding-top: 2px;
	padding-bottom: 1px;
	height: 1px;
	width: 1px;
	white-space: nowrap;
	background-color:#97A3B5;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #C2CCE7;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #000066;
	border-bottom-color: #000066;
	border-left-color: #C2CCE7;
	z-index: 11;
}

/* When the mouse moves over an item it changes 
	to this appearance. */
.menu-item-over {
	font-size: 10pt;
	color: #000033;
	float: right;
	padding-right: 45px;/*was 25*/
	padding-left: 7px;
	padding-top: 2px;
	padding-bottom: 1px;
	height: 1px;
	width: 1px;
	white-space: nowrap;
	cursor: hand;
	background-color: #C2CCE7;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #F3E6AF;
	border-left-color: #F3E6AF;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #6B503A;
	border-bottom-color: #6B503A;
	z-index: 11;
}

/* dictionary term: used only in glossary window. */
dt {
	font-size: 12pt;
	font-weight: bold;
	text-decoration: underline;
}

/* dictionary definition: used only in glossary window. */
dd {
	font-size: 10pt;
	line-height: 1em;
	margin-top: 1em;
	margin-bottom: 1em;
}

/* Container for dictionary term/definition pairs in
	the glossary window. */
.glossary-entry {
	margin: 10px;
}

/* Container for the title of the glossary window. */
.glossary-heading {
	margin: 5px 5px 15px;
	text-align: center;
}

/* "letter" hotspots at the top of the glossary window. */
.glossary-alphabet A {
	text-decoration: none;
	font-weight: bold;
	color: #2559AF;
}

/* a "letter" hotspot at the top of the glossary window
	changes to this appearance when the mouse is over it */
.glossary-alphabet A:hover {
	text-decoration: none;
	font-weight: bold;
	color: #CC3300;
}

/* HI in the glossary heading on the glossary page. */
.glossary-heading H1 {
	margin-bottom: 10px;
	color: #000000;
}

/* "letter" divider in the glossary window */
.glossary-letter-heading {
	background-color: #C2CCE7;
	margin-right: 1em;
	padding-left: 15px;
	font-size: 32px;
	font-weight: bold;
	font-family: "Times New Roman", Times, serif;
	border-top-width: thin;
	border-right-width: thin;
	border-bottom-width: thin;
	border-left-width: thin;
	border-top-style: solid;
	border-top-color: #D7EEF7;
	border-right-color: #6A8DB9;
	border-bottom-color: #6A8DB9;
	border-left-color: #D7EEF7;
	border-bottom-style: solid;
	border-right-style: solid;
}

/* "full glossary" command at the bottom of
	the glossary window */
.glossary-full-command {
	font-size: 10pt;
	font-weight: bold;
	text-align: center;
	margin: 2em;
	padding-bottom: 2em;
}

/* Title of a resource Pop Up */
.resource-pu-title {
	font-size: 14pt;
	font-style: italic;
	color: #009966;
	margin-bottom: 10px;
	margin-top: 10px;
}

/* Left column of a resource Pop Up 
	In fact it's not in use now.  The 
	resource template needs to be changed */
.resource-pu-left {
	font-size: 12pt;
	font-weight: bold;
}

/* Right column of a resource Pop Up 
	In fact it's not in use now.  The 
	resource template needs to be changed. */
.resource-pu-right {
	padding: 2px 25px 3px 7px;
	float: right;
	height: 1px;
	cursor: default;
	font-size: 10pt;
}

/* Surrounds the table of which a resource
	Pop Up row is comprised. */
.resource-pu-row {
	margin-bottom:1px;
	width:580px;
	border-top-style:solid;
	border-top-width:2px;
	border-bottom-style:solid;
	border-bottom-width:1px;
	padding-right: 5px;
	padding-left: 5px;
}

/* anchor tag where class="resource-list"
	Used in resource list Pop Up. */
A.resource-list {
	font-size: 10pt;
}

/* Heading1 tag where class="resource-list"
	Used in resource list Pop Up. */
H1.resource-list {
	font-size: 16pt;
}

/* Resource list Pop Up. */
.resource-list-heading {
	margin: 5px 5px 15px;
	text-align: center;
}

/* Container for glossary heading.
	Hides heading on page load. */
.glossary-heading {
	display:none;
}

/* Container for glossary letter heading.
	Hides letter heading on page load. */
.glossary-letter {
	display:none;
}

/* Container for resources box.
	Hides resources on page load. */
.resources-position {
	margin-top: 1px;
	visibility: hidden;

}

/* Container div for the photo. */
.vanity {
	text-align: center;
	padding: 0px;
	margin: 10px;
}

.title {
	background-image: url(../images/top_banner_crs.gif);
	height: 80px;
	background-repeat: no-repeat;
	background-color: #39447D;	
}
.content-position {
	font-size: 10pt;
	line-height: 1.1em;
	padding-top: 10px;
}

.content-position H4 {
	margin-top: 10px;
	margin-bottom: 20px;
	line-height: 1.25em;
	font-style : italic;
}

.home-mouseover{
	position:absolute;
	width:300px;
	z-index:1;
	background-color: #97a3b5;
	border: 1px none #000000;
	left: 492px;
	top: 221px;
	height: 347px;
	visibility: hidden;
}
.search {
	padding: 10px;
	background-color: #97A3B5;

}

/* Slideshow Settings. */
.titleslideshow {
	background-image: url(../images/top_banner_crs.gif);
	height: 80px;
	background-repeat: no-repeat;
	background-color: #FFFFF0;
}
.bodyslideshow {
	background-color: #FFFFF0;	
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
.slidetableone {
	background-color: #000000;	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	position: relative; left: 2em
}
.slidetabletwo {
	background-color: #FFFFFF;	
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
.slidetablethree {
	background-color: #FFFFF0;	
	font-family: Verdana, Arial, Helvetica, sans-serif;
}