body, html {
	margin: 0;
	padding: 0;
	border: 0;
	height: 100%;
	text-align: center;
	background: #cacac9 url(images/wrapbg_bb.jpg) repeat-y top center;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}


/* MISC */

a { color: #57726D; }

a:hover { color: #DDB10A; text-decoration: none; }

h1 {
	color: #57726D;
	font: bold 130% georgia, geneva, arial, helvetica, helve, sans-serif;
	text-align: center;
}

h2 {   
	background: #eee;
	padding: 2px 2px 2px 5px;
	color: #57726D;
	font-size: 100%;
}

.backtotop {
	font: 70% Verdana, Geneva, Arial, Helvetica, sans-serif;
	float: left;
   clear: both;
	margin-left: 25px;
}

#browseList {
	font: 75% Verdana, Geneva, Arial, Helvetica, sans-serif;
	margin-top: -8px;
	line-height: 150%;
}

#error { color: #990000; }

img { border: 0; display: inline; }




/* SITE STRUCTURE */

#website {
   margin: 0 auto;
   text-align: left;
	min-height: 100%;
	height: auto !important;
	height: 100%;
}

#header {
	width: 740px;
	margin: 0 0 0 4px;
   padding: 0;
}

#topbar {
	background: #57726D url(images/bgbutt.jpg);
	width: 750px;
	margin-left: .5px;
	border-top: 1px solid #57726D;
}

#topbartxt {
	padding: 2px 10px 2px 0;
	color: #f0f0f0;
	font-size: 10px;
	text-align: right;
}

#topbartxt a {
	color: #f0f0f0;
	text-decoration: none;
	font-weight: bold;
}

#topbartxt a:hover {
	color: #DDB10A;
	font-weight: bold;
	text-decoration: none;
}

#cmcheader_bb {
	width: 750px;
	margin-left: .5px;
	border-top: 1px solid #2F3E3B;
}



/* Main content container div */

#content {
	padding-left: 10px;
}

#content p { 
	font: 95% Georgia, "Times New Roman", Times, serif;
	color: #333;
	line-height: 135%;
}


/* LEFT AND RIGHT COLUMN DIVs */

#left {
   width: 600px;
   float: left;
}

#leftcontent {
   margin: 10px 0 0 20px;
}

#about, #news, #glossary, #search {
   width: 85%;
}

#right {
   width: 240px;
}

#rightcontent {
   margin-top: 5px;
}

#newsRight, #glossaryRight, #aboutRight {
   margin-top: 25px;
}

#rightcontent h2 {
   font: bold 13px Verdana, Geneva, Arial, Helvetica, sans-serif;
   padding: 0 10px 3px 10px;
}

#rightcontent ul {
   list-style: none;
	font: 10px Verdana, Geneva, Arial, Helvetica, sans-serif;
}

#rightcontent li {
   margin-bottom: 8px;
}



#endcontent {
   clear: both;
}



/* Footer */

#footer {
	width: 750px;
	margin: 0 auto;
	clear: both;
}

#border {
	width: 710px;
   border-top: 1px solid #AAA;
   clear: both;
   height: 1px;
}

#sp_logo {
	padding: 2px 0 5px 20px;
   float: left;
}

.fineprint {
	padding: 30px 0 0 10px;
   color: #999;
   font-size: 9px;
   float: left;
}

.footerCMC {
	width: 750px;
	margin: 0 auto;
	padding: 5px 0 0 5px;
	height: 30px;
	clear: both;
	background: #57726D url(images/bgbutt.jpg);
	color: #f0f0f0;
	font-size: 10px;
	text-align: center;
}

.footerCMC a	{
	color: #f0f0f0;
	text-decoration: underline;
}

.footerCMC a:hover {
	color: #DDB10A;
	text-decoration: none;
}

/* End footer */



/* Viewtext.php page Divs */

#mainImage {
	margin: 0;
   padding: 5px;
}

#mainImage p.caption {
   padding-bottom: 0;
   margin-bottom: 0;
	font: bold Verdana, Geneva, Arial, Helvetica, sans-serif;
   text-align: center;
}

#mainImage p.imgconsole {
   text-align: center;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
   font-size: 11px; 
   margin-top: 0;
   margin-bottom: 25px;
}

#moreimages div.thumb {
   text-align: center;
   float: left;
   margin-right: 12px;
   margin-left: 2px;
   padding-bottom: 25px;
}

#moreimages p.caption {
   margin-bottom: 0;
   margin-right: 0;
   padding: 0;
}

#moreimages p.imgconsole {
   margin-top: 0.25em;
}

#textinfo {
   line-height: 1.6em;
}

#textinfo .small {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
   font-size: 10px;
}

#textinfo .history {
   margin-top: 25px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
   font-size: 10px;
}

#moreimages {
   padding-top: 2.25em;
   padding-bottom: 2.25em;
}

#record {
   font-size: 11px;
}

#record span.heading {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
   font-weight:bold;
}

#record span.history {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
   font-size: 10px;
}


/* viewimage.php page DIVS*/

#viewimage {
   width: 100%;
   padding: 0; margin: 0;
}

#next{
   background: url(images/next.gif);
   background-position:center;
   background-repeat: no-repeat;
   width:60px;
}

#prev {
   background: url(images/previous.gif);
   background-repeat: no-repeat;
   background-position:center; 
   width:60px;
}

#viewimage h3 {
   padding-top: 10px;
 	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
   font-size: 24px;
   padding-bottom:5px;
}

#viewimage h4 {
   padding-top: 5px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
   font-size: 11px;
}

#viewimage table{
   clear: both;
}

#viewimage td.next img{
   padding-right: 10px;
   padding-left: 0px;
}

#viewimage td.prev img{
   padding-left: 10px;
   padding-right: 0px;
}

#viewimage div.bottom{
   text-align: right;
   padding-right: 12px;
 }

#viewimage div.top{
   text-align: right;
   margin-top: -2.5em;
   padding-right: 12px;
}



/* Popup pages */
/*The background of this div should match the website background*/

html.p {
   background: #fff;
   padding: 5px;
}

body.p {
   background: #fff;
   padding: 10px;
}

body.p h2 {
   margin-top: 10px;
   width: 95%;
}

#popup { 
   background: #fff;
   margin: 0;
   padding: 25px;
	font: 95% Georgia, "Times New Roman", Times, serif;
	line-height: 130%;
   text-align: left;
}

#popup h3 {
   text-align: center;
   font-size: 24px;
	line-height: 32px;
}

#popup h4 {
   text-align: center;
   font-size: 18px;
}



/* Thumbnail table and related styles */

#thumbtable {
   width: 98%;
   margin-bottom: 0;
   margin-top: 1em;
}

p.imgconsole {
   margin-top: 0.5em;
   text-align: center;
   margin-bottom: 0;
}

#thumbtable p.caption {
   margin: 7px 1px 0 0;
   padding-bottom: 50px;
	font-size: 80%;
	color: #333;
   padding-left: 0;
}


/* Thumbnail view mode and related style */
#thumbnails {
   border: #DDB10A;
}

#thumbtable, #listView {
   /* Make these vertically line up with the nav and header */
   margin-left: 9px;
}

#thumbtable td.thumbTD img {
   padding-right: 10px;
}

#thumbtable td.captionTD p {
   width: 90%;
}

td.thumbTD p {
   width: 100%;
}

#thumbtable td.captionTD p.caption span.optional {
   color: #777;
}


/* News related styles */

#news h2{
   
}

#news ul {

}

.newsitem {
   border-bottom: 1px solid #CACAC9;
   padding: 10px 0 10px 0;
   margin-bottom: 15px;
}

.newsitem span.headline {
   font-size: 11px;
   font-weight:bold;
   padding-left:10px;
   padding-top:20px;
}

.newsitem span.info {
   font-size: 10px;
   padding-left:10px;
}

#newsRight a:link, #newsRight a:visited {
   color: #57726D;
}

#newsRight a:hover {
	color: #ddb10a;
}



/* Glossary-related styles */

#glossary h2 {
   /* to compensate for initial div.letter margin */
   margin-bottom: -0.75em;
}

div.glossaryDef {
   margin-left: 20px;
}

div.glossaryDef h3 {
   margin-left: -20px;
   font-size: 12px;
   font-weight: normal;
   margin-top: 0;
   margin-bottom: -0.5em;
}

div.letter {
   font-weight: bold;
   font-size: 14px;
   margin-top: 2em;
   margin-bottom: 0.5em;
   padding-bottom: 4px;
   display: block;
   border-bottom: 1px solid #CACAC9;
}



/* List view mode and related styles */

#listView {
   margin-top: 10px;
}

div.hr {
   clear: both;
   border-bottom: 1px solid #CACAC9;
   margin-bottom: 25px;   
}

.listRow {
   padding: 5px 0 5px 0;
}

.listRow div.listThumb {
   float: left;
   padding-right: 50px;
   text-align: left;
}

.listRow div.listThumb img {
   padding-bottom: 25px;
}

.listRow div.listInfo {
   float: left;
   text-align: left;
   padding: 1px 0 5px 0;
   width: 255px;
	font: 95% Georgia, "Times New Roman", Times, serif;
}

.listRow div.listInfo ul {
   margin-left: 0;
   padding-left: 0;
   list-style-position: inside;
   font: 75% Verdana, Geneva, Arial, Helvetica, sans-serif;
}



/* Image magnification consoles / symbols */

.maglow {
   font-size: 9px;
   margin-right: 4px;
}

.magmed {
   font-size: 11px;
   margin-right: 3px;
}

.maghigh {
   font-size: 13px;
   margin-right: 3px;
}



/* Comment-related styles */

.commentLegend {
   width: 40%;
   float: left;
   text-align: left;
   font-size: 10px;
   margin-left: 3.5em;
}

.csymbol {
   margin-left: 0;
   height: 100%;
   vertical-align: top;
   font-size: 10px;
   line-height: 10px;
}

.csymbol a:link, .csymbol a:visited {
   color: inherit;
   text-decoration: none;
}

.color {
   background: #fofofo;
}

tr.cborder td {
   border-bottom: 1px solid #777;
   padding-top: 0.75em;
   padding-bottom: 0.75em;
}

tr.cborder2 td {
   border-bottom: 1px solid #777;
   border-top: 1px solid #777;
   padding-top: 0.75em;
   padding-bottom: 0.75em;
}


/* Widgets */

#pagination {
   margin-top: 5px;
   padding-bottom: 20px;
}

#pagination p {
	font: 70% Verdana, Geneva, Arial, Helvetica, sans-serif;
}

#viewswitcher {
   margin-top: 5px;
   padding-bottom: 20px;
}

#jumpto {
   margin-top: 5px;
}

#commentLegend {
   margin-top: 5px;
   padding-bottom: 20px;
}

#commentLegend p {
	font: 70% Verdana, Geneva, Arial, Helvetica, sans-serif;
}




/* Extras */

.news {
   font-size: 70%;
}


#stats li {
   list-style: none;
}

#stats ul {
   padding-left: 0;
   margin-left: 0;
}




/* START SPViewSwitcher widget style */

#viewwidget {
   height: 20px;
   margin-top: 20px;
   margin-left: 6px;
   padding-bottom: 5px;
   width: 150px;
   height: 60px;
}

.widgets {
   margin-bottom: 5px;
}

#viewwidget .text {
   font: 70% Verdana, Geneva, Arial, Helvetica, sans-serif;
   padding-right: 8px;
   line-height: 16px;
}

#viewwidget .widgets {
   line-height: 2px;
   padding-bottom: 10px;
}

#view_thumb {
   padding-right: 2px;
   margin-right: 8px;
   float: left;
   width: 16px;
}

#view_thumb .s {
   width: 5px;
   height: 7px;
   line-height: 5px;
   border: 1px solid #CACAC9;
   margin-right: 1px;
   margin-bottom: 1px;
   float: left;
}

#view_list {
   width: 28px;
   float: left;
}

#view_list div.row .s {
   width: 5px;
   height: 7px;
   line-height: 5px;
   border: 1px solid #CACAC9;
   margin-right: 1px;
   margin-bottom: 1px;
   float: left;
}

#view_list div.row .line {
   color: #333;
   line-height: 6px;
   font-size: 12px;
}

#viewwidget .widgets a:link, #viewwidget .widgets a:visited {
   text-decoration: none;
}

#viewwidget a:link .text, #viewwidget a:visited .text {
   color: #777;
   text-decoration: underline;
}

#viewwidget a:hover .text {
   color: #2F3E3B;
}

#viewwidget .widgets a:hover {
   border: 0px;
}


#viewwidget .widgets a:hover #view_thumb .s, #viewwidget .widgets a:hover #view_list .s {
   border: 1px solid #2F3E3B;
}

#viewwidget .widgets a:link #view_list.active .s, #viewwidget .widgets a:visited #view_list.active .s, #viewwidget .widgets a:link #view_thumb.active .s, #viewwidget .widgets a:visited #view_thumb.active .s {
   background: #DDD;
   border: 1px solid #777;
}

#viewwidget .widgets a:hover #view_list .line, #viewwidget .widgets a:link #view_list.active .line, #viewwidget .widgets a:visited #view_list.active .line {
   color: #2F3E3B;
}

/* END SPViewSwitcher widget style */



/* Advanced Search Styles */

#advancedsearch_table td {
   padding-bottom: 6px;
}



/* INDEX PAGE SETTINGS */

#featured_image {
   padding: 4px;
}

/* the width attribute of #index_left is redefined in the header of index.php
   based upon the following formula:
   width =  {Site Width} - 100px - width of featured image. 
   the default setting below (45%) should never actually get used. */
	
#index_left {
   float: left;
	width: 270px;
	margin-top: 10px;
}

#index_left #news {
   width: 100%;
   margin-top: 25px;
}

#index_right, #right {
   float: right;
	padding: 0 0 25px 0;
	margin-top: 15px;
   background: url(images/line.gif) no-repeat;   
}

#index_right {
    /* extra padding for front page */
   padding: 0 25px 70px 25px;
}

#index_right #rightcontent h2 {
   font: bold 13px Verdana, Geneva, Arial, Helvetica, sans-serif;
}

/* Index page DIVs */

#courses {
   margin-top: 5px;
	font-size: 11px;
}

#news {
   margin-top: 5px;
	font-size: 11px;
}

#news div.newsitem {
   border-bottom: 0;
   padding-top: 1em;
   padding-bottom: 1em;
}

#stats {
   margin-top: 5px;
	font-size: 11px;
}



/* NAVIGATION */

/* Top Menu Bar */
#nav, #nav ul {
	float: left;
	width: 750px;
	list-style: none;
	line-height: .5px;
	background: #57726D url(images/bgbutt.jpg);
	font: bold 12px Verdana, Geneva, Arial, Helvetica, sans-serif;
	padding: 0;
	margin: 0;
	border-right: 1px solid #2F3E3B;
}

#nav a {
	display: block;
	color: #f0f0f0;
	text-decoration: none;
	letter-spacing: 1px;
	text-align: center;
	padding: 6px 0 6px 0;
	border-top: 1px solid #2F3E3B;
	border-right: 1px solid #2F3E3B;
}

#nav a:hover {
	color: #DDB10A;
}

#nav li {
	float: left;
	width: 150px;
	border-bottom: 1px solid #2F3E3B;
}

#nav li:hover, #nav li.sfhover {
	background: #57726D;
}

#ie5bug {
/* IE 5 Win doesn't like the navbar unless this is here. */
}



/* Left column You are here Nav - Breadcrumb Trail */

#leftcontent #breadcrumb, #textflip {
	font: 70% Verdana, Geneva, Arial, Helvetica, sans-serif;
   color: #777;
}

#breadcrumb a:link, #breadcrumb a:visited {
   color: #57726d;
}

#breadcrumb a:hover {
   color: #ddb10a;
}


/* Right column Previous and Next Nav */

#textflip a:link, #textflip a:visited  {
	font: 100% Verdana, Geneva, Arial, Helvetica, sans-serif;
   color: #57726d;
}

#textflip a:hover {
	color: #ddb10a;
}

#prevflip {
   float: left;
   text-align: left;
}

#nextflip {
   float: right;
   text-align: right;
}



/* About Page RH Column Nav - Secondary Nav */

#nav2 ul {
   list-style: none;
   margin-left: 0;
   padding-left: 4px;
	font: 70% Verdana, Geneva, Arial, Helvetica, sans-serif;
}

#nav2 a:link, #nav2 a:visited {
   color: #57726D;
}

#nav2 a.current:link, #nav2 a.current:visited {
   text-decoration: none;
   font-weight: bold;
   color: #57726D;
}

#nav2 a.current:hover {
	color: #DDB10A;
}