@charset "UTF-8";
/* CSS Document */

/* This is used for comments during develpment only -- do not use on live site */
.comment {
	background-color:#FFFF00;
}

.clear {clear:both;}

/* For instances when you don't want the standard line-height of 1.5 */
.lineheight1 {line-height:1}



.button_table {float:right;}

.video {position:relative; z-index:99;}


/*============ HEADERS =========== */
.article h1 { 
	margin: 0 0 .7em;
	font-size: 163%; 
	line-height: 1;
	font-weight: normal;
	padding-left: 20px;
	background: url(../img/squares.png) 0 50% no-repeat
}

.article h2 {
	font-weight:normal;
	font-size:153%;
	margin-bottom:0;
}

.article h3 {
	font-weight:normal;
	font-size:123%;
	color:#4B4B4B;
	letter-spacing:500%;
	margin-bottom:0;
}

.article h4 {
	font-variant:small-caps;
	font-weight:500;
	font-size: 118%;
	color:#4B4B4B;
	margin-bottom:0;
}

/* To prevent people from styling the Headers incorrectly
This is turned off so we can see errors during development,
but should be active when we go live */
h1 strong {font-weight:normal;}
h2 strong {font-weight:normal;}
h3 strong {font-weight:normal;}
h4 strong {font-weight:normal;}

/* CALLOUT - USED TO HIGHLIGHT TEXT */
.callout {background-color:#F9F1CB; padding:1em; margin:1em; border:solid; border-color:#666666; border-width:1px;}

div.callout{float:right; width:30%; margin:0; font-size:93%;}

div.callout p {line-height:1.3;}

.callout h3 {
	margin:0;
	margin-bottom:.5em;
	padding:0;
	font-size: 113%;
	font-weight: normal;
	text-transform: uppercase;
	color: #596A34;
	border:none;
	border-bottom: 1px dotted #9C9C9C;				
}

/* IMAGE DEFAULT */
#content img {
	float: right;
}

#content img.img_float_off {
	float: none; !important;
}

/* TO FLOAT AN IMAGE TO THE LEFT */
#content img.img_left {
	float: left;
	margin: 0em  1em 1em 0 !important;
}




/*============ IMAGES WITH DROPSHADOWS =========== */

img.shadow {
	border:3px solid #FFFFFF !important;
	padding:0 !important;
}



/*================== IMAGES WITH CAPTIONS =======================*/
div.caption {
	background: #eee;
	/*border: 1px solid #999;*/ 
	padding: 5px;
	margin: 8px;
	/* this should be the same width as your images, as it limits the width of the caption */
	/* this text align center is used in conjunction with the margin: 0 auto; on the img element to center the img element */
	text-align: center;
	/* nice rounded corners :) */
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	float:right;
}

div.caption img {
	/* we don't want it inline any more... */
	/*display: block;*/
	/* used in conjunction with the text-align: center; to center the img in the container */
	margin: 0 auto;
	padding: 0 !important;
}

div.caption p {
	/* we don't want too much space around our caption */
	margin: 0;
	padding: 5px 0;
}

.right {
	float: right;
	margin: 0em 0 1em 1em !important;
}

/* =============================== DEFAULT TABLE ==================================*/
table {
	margin: 1em 0;
	/*border-bottom: 1px solid #66695e;*/
	background-color: #F5F2EA;
}
table.table_no_color {
	margin: 1em 0;
	/*border-bottom: 1px solid #66695e;*/
	background-color: #FFFFFF; !important;
}
table.table_callout_color {
	margin: 0em 0; !important;
	/*border-bottom: 1px solid #66695e;*/
	background-color: #F9F1CB; !important;
	border: none; !important;
	/*border-left:none; !important;*/
	text-align:center; !important;
}

table th {
	margin: 0;
	padding: 6px 8px;
	font-weight: bold;
	color: #000;
	background-color: #C1B293;
	text-align: center;
	border: 1px solid #fff;
	line-height:normal;
	vertical-align: text-top;
	}
table td {
	padding: 6px 8px;
	/*border: 1px solid #fff;*/
	border-bottom: none;
	vertical-align: top;
	line-height: 120%;
}

table.table_borders {
	border:solid;	
	border-width:thin;
	/*border-color:black;*/
}

table ul {padding-left: 15px;}
/* =============================== TABLE FOR LAYOUT PURPOSES ==================================*/
table.layout {
	margin: 0;
	border: none;
	background-color: #ffffff;
	margin-bottom:1em;
}

table.layout td {
	padding: 0;
	border: none;
	vertical-align: top;
}

table.layout td.cell_right {
	float:right;
}

table.layout td.padding_3pixels {padding:3px;}



/* =============================== ZEBRA TABLE ==================================*/
table.zebra {
	margin: 1em 0;
	//border-bottom: 1px solid #66695e !important;
	background-color: #F5F2EA;
}
table.zebra th {
	margin: 0;
	padding: 6px 8px;
	font-weight: bold;
	color: #000;
	background-color: #C1B293;
	text-align: center;
	border: 1px solid #fff;
	line-height:normal;
	vertical-align: text-top;
	}
table.zebra td {
	padding: 6px 8px;
	border: 1px solid #fff;
	border-bottom: none;
	vertical-align: top;
	line-height: 120%;
}
table.zebra tr.alt td { background: #ECE6D6; }
table.zebra tr.over td { background: #ccc; }
table.zebra ul {padding-left: 15px;}

/*=============================== SORTABLE TABLE ==================================*/

table.tablesorter {
	border-collapse: separate;
	background-color: #F5F2EA;
	margin: 10px 0pt 15px;
	font-size: 8pt;
	width: 100%;
	text-align: left;
	}
table.tablesorter thead tr th, table.tablesorter tfoot tr th {
	border: 1px solid #fff;
	font-size: 8pt;
	margin: 0;
	padding: 6px 8px;
	font-weight: bold;
	color: #000;
	background-color: #C1B293;
	text-align: center;
	line-height:normal;
	}
	
	
table.tablesorter thead tr .header {
	background: #C1B293 url('../uiparts/bg.gif') center right no-repeat;
	cursor: pointer;
	padding-right: 17px;
	height:2em;
	}
table.tablesorter tbody td {
	border: 1px solid #fff;
	color: #3d3d3d;
	padding: 4px;
	background-color: #F5F2EA;
	vertical-align: top;
	}
table.tablesorter tbody tr.odd td {background-color:#ECE6D6;}
table.tablesorter thead tr .headerSortUp {background-image: url('../uiparts/asc.gif');}
table.tablesorter thead tr .headerSortDown {background-image: url('../uiparts/desc.gif');}
table.tablesorter thead tr .headerSortDown, table.tablesorter thead tr .headerSortUp {background-color: #ccc;}


/*========== For use with the "Back to top" library asset ======== */
p.top {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 85%;
	padding-left:1em;
	padding-bottom:5px;
	margin:0;
}

.top a{
	background:transparent url(../scripts/img/tmm_north_green.gif) no-repeat scroll right center;
	padding-right:20px;
	
}
div.backborder {
	background: #eee;
	padding: 2px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	width:8em;
}


/*=========== "ON THIS PAGE" BLOCK =============*/

div#pagelinks {
	width: 50%;
	overflow: hidden;
	padding-bottom:1em;
}
div#pagelinks div {
	float: left;
	margin: 0;
	}

div.pagelinksborder {
	background: #eee;
	padding: 2px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}

div.white {background-color:#FFFFFF;
}
	
div#pagelinks div p {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 88%;
	margin: 0;
	background-color: #D8E7CA;
	padding-left:.5em;
	}
	
div#pagelinks div ul {
	font-size: 88%;
	margin: 0;
	margin-left: 0;
	padding: 0;
	}
div#pagelinks div ul ul {padding-left:1em;}

div#pagelinks div ul li {
	margin: 0;
	list-style-type: none;
	background: url(../scripts/img/tmm_south_green.gif) left 8px no-repeat;
	padding: .4em 1.5em;
	}
div#pagelinks div ul li li {
	font-size: 108%;
	padding-left:2em;
}
div#pagelinks div ul li li li {
	background-position: 40px;
	padding-left: 4em;
	}

/*============ To be used w/ quotes in the RH sidebar ============= */
p.quote {margin-top:0;}


/*============ Library News ============= */
/* NOTE: this is a simplified version of the News section on the homepage. It uses
   slightly different HTML and CSS. */

.librarynews h2 {
	position: relative;
	min-height: 0;
	padding: .2em 15px;
	font-size: 120%;
	font-weight: normal;
	text-transform: uppercase;
	color: #596A34;
	background: #F9F1CB;
	border-bottom: 1px dotted #9C9C9C;				
}
.librarynews2 h2 {
	position: static;
	//left:inherit;
	min-height: 0;
	padding: .2em 0px;
	font-size: 120%;
	font-weight: normal;
	text-transform: uppercase;
	color: #596A34;
	background: #F9F1CB;
	border-bottom: 1px dotted #9C9C9C;				
}

#content .librarynews img { float: left; margin-bottom: 1em; }
.librarynews dt { clear: left; }
.librarynews dd { margin-left:120px; } /* This is set to work with images 100px wide. If the width standard is changed, this margin may need to be changed. */

/*============ Formatting for Library Topics ============= */
#topics p {margin: 0 .5em 0 0; font-size:80%;}
#topics blockquote {margin: 0 2em; font-size:80%;}
#topics ul {padding-left:2em; margin-bottom:0; font-size:80%;}