/*
Theme Name: 2006 MCEER Text
Description: a-brief-description
Author: Zuppa
Version: 2006

[Table Of Contents] 

	1- Global
	2- Links
	3- Headings
	4- Tables 
	5- Lists
	6- Navigation 
	7- Forms
	8- Extras
*/


/* =1 Global
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/

BODY {
	PADDING: 0; MARGIN: 0; FONT: 62.5% verdana, arial, helvetica, sans-serif; COLOR: black;  TEXT-ALIGN: center;
}

.singlespace {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; LINE-HEIGHT: 1.3; PADDING-TOP: 0px
}
.spacer {
	CLEAR: both; HEIGHT: 12px
}
.spacer50 {
	clear: both;
	height: 50px;
}
.spacer100 {
	height: 100px;
}
.spacer200 {
	height: 200px;
}
.spacer400 {
	height: 400px;
}
.spacer600 {
	height: 600px;
}

div.imagecenter {
	FLOAT: none; margin:25px auto; padding:0; text-align:center;width:660px;
}
div.imagecenter IMG {
	border: black 1px solid; padding:0;margin:0 auto; float:none;
}
div.imagecenter P {
	FONT-SIZE: 1em;
	margin:0 auto;
	padding:0;
	text-align: center;
}

div.imageright {
	FLOAT: right; margin:7px auto; padding:0; text-align:center;width:120%;
}
div.imageright IMG {
	border: black 1px solid; padding:0;margin:0; float:left;
}
div.imageright P {
	FONT-SIZE: 1.1em;
	margin:0 10px;
	padding:0;
	text-align: center;
}


div.imageright450 {
	FLOAT: right; margin:0 0 14px 14px; padding:0; text-align:center;width:464px;
}
div.imageright450 img {
	border: black 1px solid; padding:0;margin:0 0 4px 0; float:left;width:450px;
}
div.imageright450 P {
	FONT-SIZE: 1.1em;
	padding:0;
	text-align: left;
	width:464px;
	line-height:1.3;
	clear: both;
	margin-top: 5px;
	margin-right: 0;
	margin-bottom: 5px;
	margin-left: 16px;
}
div.imageright320 {
	FLOAT: right;
	text-align:right;
	width:340px;
	margin-top: 4;
	margin-right: 0;
	margin-bottom: 8px;
	margin-left: 12px;
	clear: right;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 2;
}
div.imageright320 img {
	border: black 1px solid;
	float:right;
	width:320px;
	margin-top: 4;
	margin-right: 0;
	margin-bottom: 2px;
	margin-left: 0;
	padding: 0;
}

div.imageright320 P {
	FONT-SIZE: 1.1em;
	text-align: left;
	width:320px;
	line-height:1.3;
	clear: both;
	margin-top: 5px;
	margin-right: 0;
	margin-bottom: 5px;
	margin-left: 10;
	padding-top: 4;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 15px;
}

div.imageright320 img.icon {width:96px; height:12px; float:none;}

div.imageright320 p.photocredit {
	FONT-SIZE: 0.9em;
	text-align: right;
	font-weight: normal;
	margin-top: 3px;
	clear: both;
	float: right;
}

div.imageright275 {
	FLOAT: right;
	padding:0;
	text-align:center;
	width:295px;
	margin-top: 3;
	margin-right: 0;
	margin-bottom: 14px;
	margin-left: 14px;
}
div.imageright275 img {
	border: black 1px solid;
	padding:0;
	float:right;
	width:275px;
	clear: both;
	margin: 0;
}
div.imageright275 P {
	FONT-SIZE: 1.1em;
	text-align: left;
	width:275px;
	line-height:1.3;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 14px;
	clear: both;
	float: right;
	margin: 5px;
}

div.imageright275 p.photocredit {
	FONT-SIZE: 0.9em;
	margin-top:3px;
	font-weight: normal;
	text-align: right;
	clear: both;
	float: right;
}


div.imageright230 {
	FLOAT: right;
	padding:0;
	text-align:center;
	width:250px;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 7px;
	margin-left: 12px;
}
div.imageright230 img {
	border: black 1px solid;
	padding:0;
	float:right;
	width:230px;
	clear: both;
	margin: 0;
}
div.imageright230 P {
	FONT-SIZE: 1.1em;
	text-align: left;
	width:230px;
	line-height:1.3;
	margin-top: 3px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: 4px;
	float: left;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 12px;
}

div.imageright230 img.icon {width:96px; height:12px; float:none;}


div.imageright230 p.photocredit {
	FONT-SIZE: .9em;
	margin-top:3px;
	text-align: right;
	width:230px;
	float:right;
	text-align:right;
}


div.imageright220 {
	FLOAT: right;
	padding:0;
	text-align:center;
	width:240px;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 7px;
	margin-left: 12px;
}
div.imageright220 img {
	border: black 1px solid;
	padding:0;
	float:right;
	width:220px;
	clear: both;
	margin: 0;
}
div.imageright220 P {
	FONT-SIZE: 1.1em;
	text-align: left;
	width:220px;
	line-height:1.3;
	margin-top: 3px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: 4px;
	float: left;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 12px;
}

div.imageright220 img.icon {width:96px; height:12px; float:none;}


div.imageright220 p.photocredit {
	FONT-SIZE: .9em;
	margin-top:3px;
	text-align: right;
	width:220px;
	float:right;
	text-align:right;
}


div.imageright175 {
	FLOAT: right;
	padding:0;
	text-align:center;
	width:180px;
	margin-top: 7px;
	margin-right: auto;
	margin-bottom: 5px;
	margin-left: 7px;
}
div.imageright175 IMG {
	border: black 1px solid; padding:0;margin:0; 
}
div.imageright175 P {
	FONT-SIZE: 1.1em;
	text-align: left;
	width:175px;
	float:left;
	margin-top: 3px;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: 4px;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 12;
}


div.imageright175  p.photocredit {
	FONT-SIZE: 0.9em;
	margin-top:-12px;
	text-align: center;
	width:180px;
	float:right;
	text-align:right;
	padding-top: 2px;
}

div.imageright120 {
	FLOAT: right;
	padding:0;
	text-align:center;
	width:136px;
	margin-top: 7px;
	margin-right: auto;
	margin-bottom: 7px;
	margin-left: 12px;
}
div.imageright120 IMG {
	border: black 1px solid; padding:0;margin:0; float:right;
}
div.imageright120 P {
	FONT-SIZE: 1.1em;
	margin:3px auto 0 auto;
	padding:0;
	text-align: center;
	width:120px;
	float:left;
}
div.imageright120  p.photocredit {
	FONT-SIZE: .9em;
	margin-top:-12px;
	text-align: center;
	width:136px;
	float:right;
	text-align:right;
}

div.imageright120 p.caption {
	FONT-SIZE: 1em; margin-top:-12px;
	text-align: center;width:136px;float:right;text-align:right;
}



div.imageleft100 {
	float: left;
	width: 115px;
	margin-right: 7px;
	margin-left: auto;
}

div.imageleft100 IMG {
	float: left;
	margin-bottom: 35px;
}


div.imageleft {
	FLOAT: left;
	MARGIN: 7px 20px 7px 0px;
	WIDTH: auto;
	TEXT-ALIGN: center
}


div.imageleft IMG {
	border: black 0px solid;
	padding:2;
	margin-top: 0;
	margin-right: 12px;
	margin-bottom: 7px;
	margin-left: 15px;
}
div.imageleft P {
	FONT-SIZE:1.1em;
	margin:0;
	padding:0;
}

div.imageright100 {
	float: right;
	width: 105px;
	margin-left: 12px;
}
div.imageright100 p {
	width: 105px;
	font-size: 1.1em;
	padding-left: 12px;
}
div.imageright100 img {
	width: 100px;
	float: left;
	font-weight: normal;
}


div.img a:hover img
  {
	border:1px solid #666666;
  }

.graydottop {border-top:2px dotted #ccc;padding:6px 0}

.bordertop {
	border-top: 1px solid #ccc; padding-top: 4px;
}
.subtitle {
	font-size: 1.1em;
	text-align:right;
	margin: -8px 0px 12px;
	padding: 6px;
	font-weight:bold;
}
#content p.small {
	font-size: 1.1em;
}
.border h3{font-size:1.0em}
.border h2{font-size:1.1em}

/* =2 Links
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/

A, A:link, A:visited   {
	COLOR: #de0829;background:transparent; TEXT-DECORATION: underline
}
A:hover {
	COLOR: black; BACKGROUND-COLOR: #e6e6e6; TEXT-DECORATION: underline
}

/* =3 Headings
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
h6, h5, h4, h3, h2, h1{font: bold 1.4em verdana, arial, helvetica, sans-serif; padding:0; margin:1em 0;text-align:left;}

h1 {
	font-size: 1.6em;
	BORDER-BOTTOM: #de0829 1px solid;
	margin-top: 0.8em;
	margin-right: 0px;
	margin-bottom: 0.2em;
	margin-left: 0px;
	padding-top: 0.1em;
	padding-right: 0;
	padding-bottom: 0.1em;
	padding-left: 0;
}

h1.negBotMargin	{margin-bottom: -15px;}
	
h2 {Font-size: 1.5em}
h3 {font-size:1.3em;
	color:black;
}


/* =4 Tables
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
td li, li li, p li, li p, ul li, dt, tr, td, p, li{
  font: normal small/1.3em Verdana, Arial, Helvetica, sans-serif;text-align:left;padding:0;margin:.8em 0;line-height:1.5}
  
td p{
  font: normal small/1.3em Verdana, Arial, Helvetica, sans-serif;text-align:left;padding:0;margin:.8em;}
  
table h2{
  font: bold 1em Verdana, Arial, Helvetica, sans-serif;text-align:left;padding:0;margin:.8em;}
  
table.border{width:850px; font-size:1.2em; border:1px solid #999;}
table.border td{border:1px solid #999; border-collapse:collapse;padding:3px;font-size:1em;} 

table.graytable{border:1px solid black; margin:8px;border-collapse: collapse;}

table.graytable  tbody tr td{ font-size:.85em;border:1px solid #ccc;margin:5px;padding:3px;text-align:center;}

table.graytable  tbody tr.even td, #form  tbody tr.even td{
      background: #e6e6e6;
    }

/* =5 Lists
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
ul.posBotMargin	{
	margin-bottom: 25px;
	}

UL { LIST-STYLE-IMAGE: url(/images/tri-redrtsm.gif)
}

ul li a, ul li a:link, ul li a:visited {
	color:#de0829;
}

/* =6 Navigation–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
#left_nav .contact p{margin:.2em 0; }
#left_nav {
}
#left_nav img {
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
}

#left_nav p {
	font-size: 1.1em;
}
#left_nav .contact img{border:1px solid black}
#left_nav .contact {padding:0; margin:0 -3px}
#left_nav .contact h3{font-size: 1.1em}

/* =7 Forms–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
label {
	float: left;
	text-align: right;
	margin-right: 15px;
	width: 140px;
	font-size: small;
}

form  {font-size:small;
}



/* =8 Extras–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
.submitted {
	font-size: 1.2em;
	color: #333333;text-align:right;
}
#archive p.docauthor {
	font-style: italic;
	margin-left: 12px;
}
#catalog_full p.docauthor {
	font-style: italic;
	margin-left: 12px;
}
.atub {
	margin: 12px 12px 3px 0px;
	float: left;
}

#center img.new {
	margin: 6px 12px 3px 0px;
	float: left;border:none;
}
.imageright320 p.photocredit {
	font-size: .9em;
	font-style: italic;
	text-align: right;
	margin: 3px 18px 0 0;
	padding: 0px;
}
.red {
	color: #de0829;
}
.indentleft {
	margin-left:20px
}
.photo260 {
	margin: 8px;
	padding: 15px 8px;
	float: left;
	width: 280px; height:308px;
	border: 1px solid black;
	text-align:center;
}
.photo260 p {
	width:250px;
	font-size:1.1em;
	text-align:center;
	line-height: 1.2;
	margin: 6px auto;
}

.panel {
	font-style: italic;
	font-weight: bold; margin-bottom:0;
}
.column {
	margin: 5px;
	padding: 5px;
	float: left;
	width: 225px;
}

.columnright {
	margin: 5px;
	padding: 5px;
	float: right;
	width: 210px;
}

.columnleft {
	margin: 5px;
	padding: 5px;
	float: left;
	width: 210px;
}

.floatright {
	margin: 0px 0px 12px 12px;
	padding: 0px;
	float: right;
}

#center .atubright {
	float: right; margin:5px -6px 10px 7px;
}
#right .icon {
	border-style: none;
}

#center dt{margin-bottom:5px;margin-left:5px;  font-size:1.3em;}
#center dd{margin-top: 3px; font-size:1.2em;margin-left:12px;}

#center p.title {
	font-weight: bolder;
	margin-bottom: 0px;
}
#center p.author {font-style:italic;margin-top:-6px; text-indent: 12px;}
#center p.author a{text-decoration:none;
}

.box-right-redborder {
	float: right;
	margin: 0 -45px 12px 12px;
	border: 1px solid #de0829;
	width: 180px;
	padding:12px;
}

.box-right-redborder h2 {color: black; font-size:1.5em; border-top:0; margin-top: 8px}

.box-center-redborder {
	border: 1px solid #de0829;
	width: 375px;
	text-align: center;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
}

.redbox {border-style:double; border-color: #de0829; padding:2px 12px; margin: 0 0 18px 0;}

.thinlinebox {
	margin: 2px;
	padding-right: 5px;;
	padding-left: 7px;
	border: 1px solid #CCC;
}

p.thinlinebox {
	margin: 4px;
	padding: 12px;
}

.thinlinebox h3 {
	margin-top: 4px;
	padding-top: 6px;
}

.highlight {background:#FFFF8A;}

.vspace-middle{vertical-align:middle}


.calloutBox {
	background-color: #666666;
	color: #000;
	float: right;
	width: 175px;
}

.calloutBoxleft {
	background-color: #666666;
	color: #000;
	float: left;
	width: 175px;
	margin-right: 10px;
}

.portrait {
  border-bottom: 5px solid #FFF;
  border-left: none;
  border-right: none;
  border-top: 5px solid #FFF;
  margin: 0 30px;
}

.portrait p {
	margin: 0 -25px;
	padding: 0.8em;
	background-color: #FFF;
	color: #000;
	font-style: italic;
	text-align: center;
	font-size: 1.15em;
}

.horizontal {
	background-color: #FFF;
	color: #000;
	margin: 0 10px;
	padding: 12px 0;
	border-top-width: 10px;
	border-bottom-width: 10px;
	border-top-style: solid;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none;
	border-top-color: #666666;
	border-bottom-color: #666666;
}

.horizontal p {
  margin: 0 -10px;
  padding: 0 20px;
  background-color: #FFF;
  color: #000;
  font-style: italic;
  text-align: center;
}


.leftcallout {
	float:left;
	font-size: 16px;
	border: 1px dotted;
	width: 175px;
	margin-top: 1px;
	margin-right: 15px;
	margin-bottom: 8px;
	margin-left: 0px;
	padding-top: 0;
	padding-right: 8px;
	padding-bottom: 8px;
	padding-left: 8px;
}


.leftcallout p {
	font-size: 14px;
	text-align: center;
	font-style: italic;
}

.calloutname {
	font-size: 11px;
	text-align: center;
	padding-bottom: 5px;
}


.rightcallout{
	float:right;
	font-size: 16px;
	border: 1px dotted;
	width: 175px;
	margin-top: 3px;
	margin-right: 0;
	margin-bottom: 8px;
	margin-left: 10px;
	padding-top: 0px;
	padding-right: 8px;
	padding-bottom: 8px;
	padding-left: 8px;
}

.rightcallout p {
	font-size: 14px;
	text-align: center;
	font-style: italic;
}


.rightcallout h3 {
	font-size: 12px;
	text-align: center;
	font-style: italic;
	font-weight: bold;
}



.xsmall {font-size:1.1em}

#leftgraphic {
	FLOAT: left;
	TEXT-ALIGN: left;
	width: 200px;
	margin-top: 6px;
	margin-right: 4px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-right: 2px;
	height: 30px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
}

#leftgraphic img{
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
}