/*  Center for Transportation Studies main CSS style sheet */
/*	lines with '* html' leading a rule are IE-6 specific adjustments  */

html { min-height: 100%; margin-bottom: 1px; }

* {
	margin: 0px;
	padding: 0px;
}
body {
	margin: 5px 10px 20px;
	padding: 0px;
}
#fullContainer {
	background: url(/images/hdr-Repeatbkg.jpg) repeat-x left top;
	min-width: 763px;
	max-width: 2560px;
	text-align: left;
	margin-right: auto;
	margin-left: auto;
	font: 14px Verdana, Arial, Helvetica, sans-serif;
}
#printContent {
	text-align: left;
}
#umHeader {
	background: #454545 url(/images/bkgnd-Header_UofM.jpg) no-repeat right top;
	width: 100%;
}
#umHeader img {
	border-style: none;
}
#umHeaderText {
	font-size: 11px;
	color: #FFFFFF;
	text-align: right;
	display: inline;
	right: 10px;
	float: right;
	margin: 8px 8px 0px 0px;
}
#umHeaderText a {
	color: #FFFFFF;
}
#umHeaderText a:focus, #umHeaderText a:hover {
	color: #CCCCCC
}
#header {
	width: 100%;
}
.programHeader-Hmpg {
	background: #993333 url(/images/bkgnd-Header_Hmpg.jpg) no-repeat left top;
}
.programHeader {
	background: #993333 url(/images/bkgnd-Header_Interior.jpg) no-repeat left top;
}
.globalSearch-Hmpg {
	font-size: 10px;
	padding: 64px 0px 0px 10px;
	background: #7d3f3f;
	width: 200px;
	border-left: 1px solid #999999;
	height: 41px;
	position: absolute;
	right: 10px;
	top: 35px;
}

* html .globalSearch-Hmpg {padding-bottom: 3px}

.globalSearch-Hmpg a:link, .globalSearch-Hmpg a:visited, .globalSearch-Hmpg a:active {
	color: #CCCCCC;
	margin-left: 15px;
}
.globalSearch-Hmpg a:focus, .globalSearch-Hmpg a:hover, .globalSearch-Hmpg a:active {
	color: #999999;
}
.globalSearch-Hmpg #searchBox {
	color: #666666;
	margin-bottom: 2px;
}
.globalSearch-Hmpg #submitButton {
	background: url(/images/searchGoButton.gif) no-repeat center center;
	border-style: none;
	height: 18px;
	width: 18px;
	cursor: hand;
	cursor: pointer;
}


* html .globalSearch-Hmpg #submitButton {margin-left: -15px}

.globalSearch {
	padding-top: 38px;
	font-size: 10px;
	text-align: left;
	padding-left: 10px;
	background: #7d3f3f;
	width: 200px;
	float: right;
	border-left: 1px solid #999999;
	height: 38px;
}

/* START targeting Safari/Webkit/KHTML only */
		
		/* Safari 1.3 - 2.x */
		body:last-child:not(:root:root) .globalSearch {padding-top: 35px}
		
		/* Safari 3 [beta] */
		body:not(:root:root) .globalSearch {padding-top: 35px}

/* END target */

* html .globalSearch {padding: 33px 0 5px}

.globalSearch a:link, .globalSearch a:visited, .globalSearch a:active {
	color: #CCCCCC;
	margin-left: 15px;
}
.globalSearch a:focus, .globalSearch a:hover, .globalSearch a:active {
	text-decoration: underline;
}
form#globalSearchForm {
	padding-left: 10px;
}
.globalSearch #searchBox {
	color: #666666;
	margin-bottom: 3px;
}
* html .globalSearch-Hmpg form {
	margin-left: 10px;
	margin-bottom: 1px;
}
.globalSearch #submitButton {
	background: url(/images/searchGoButton.gif) no-repeat center center;
	border-style: none;
	height: 18px;
	width: 18px;
	cursor: hand;
	cursor: pointer;
}

* html .globalSearch #submitButton {margin-left: -15px}

.mainNavTop {
	padding: 0px 0px 3px 15px;
	background: #822D30 url(/images/bkgnd-mainTopNav_Interior.jpg) no-repeat left top;
	border-top: 1px solid #999999;
}

* html .mainNavTop {background: #822D30 url(/images/bkgnd-mainTopNav_Hmpg-26px.jpg) no-repeat left bottom}

.mainNavTop li {
	display: inline;
	list-style: url(/images/bullet.gif);
}
.mainNavTop a:link, .mainNavTop a:visited, .mainNavTop a:active {
	color: #CCCCCC;
	text-decoration: none;
	font-size: 12px;
	margin-right: 7px;
}
.mainNavTop a:focus, .mainNavTop a:hover, .mainNavTop a:active {
	text-decoration: underline;
}
.mainNavTop-Hmpg {
	padding: 0px 0px 1px 15px;
	background: #822D30 url(/images/bkgnd-mainTopNav_Hmpg.jpg) no-repeat left bottom;
	border-top: 1px solid #999999;
}

* html .mainNavTop-Hmpg {background: #822D30 url(/images/bkgnd-mainTopNav_Hmpg-26px.jpg) no-repeat left bottom}

.mainNavTop-Hmpg li {
	display: inline;
	list-style: url(/images/bullet.gif);
}
.mainNavTop-Hmpg a:link, .mainNavTop-Hmpg a:visited, .mainNavTop-Hmpg a:active {
	color: #CCCCCC;
	text-decoration: none;
	font-size: 11px;
	margin-right: 5px;
	margin-left: 4px;
}
.mainNavTop-Hmpg a:focus, .mainNavTop-Hmpg a:hover, .mainNavTop-Hmpg a:active {
	text-decoration: underline;
}



/* START Main Navigation */

ul#mainNav {
	list-style: none;
	text-align: center;
	background: #666666;
	clear: both;
	line-height: 1.2em;
	height: 16px;
	padding-top: 2px;
	padding-left: 1%;
}

* html ul#mainNav {height: 18px}

#mainNav a:link, #mainNav a:visited {
	display: block;
	text-decoration: none;
	font: 12px Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	background-color: #c2c3a4;
	text-align: center;
}

* html #mainNav a:link, * html #mainNav a:visited {padding-bottom: 2px;}

#mainNav a:focus, #mainNav a:hover, #mainNav a:active {
	background: #989765 url(/images/bkgnd-Link_Hover.gif) no-repeat left center;
}
#mainNav li {
	width: 16%;
	float: left;
	display: block;
	text-align: center;
	background-color: #c2c3a4;
	margin-left: 0.1em;
	margin-right: 0.2em;
}

/* END Main Navigation */




#leftColumn {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	background: #EFEFE7 url(/images/bkgnd-LeftContainer.gif) no-repeat left top;
	width: 160px;
	left: 10px;
	float: left;
	padding: 15px 0px 25px 5px;
	font-size: 12px;
}

*html #leftColumn {margin-bottom: -10px}

#leftColumn p {
	margin-top: 10px;
	margin-bottom: 10px;
	padding-right: 5px;
}
#leftColumn a:link, #leftColumn a:visited {
	color: #333333;
	text-decoration: none;
}
#leftColumn a:focus, #leftColumn a:hover, #leftColumn a:active {
	color: #000000;
}
#leftNavContainer h1 {
	font-size: 12px;
	color: #000000;
	margin-bottom: 8px;
	border-bottom: 1px solid #000000;
	width: 98%;
}
ul#leftNavItems {
	list-style: none;
	padding-right: 5px;
}
ul#leftNavItems li {
	margin-bottom: 10px;
}
#leftNavItems h1 {
	font-size: 12px;
	color: #000000;
	margin-bottom: 8px;
	border-bottom: 1px solid #000000;
	width: 98%;
}
#leftNavItems a:link, #leftNavItems a:visited {
	border-bottom: 1px solid #DDDCDA;
	text-decoration: none;
	width: 98%;
	display: block;
	color: #58595b;
}
#leftNavItems a:focus, #leftNavItems a:hover, #leftNavItems a:active {
	border-bottom: 1px solid #000000;
	text-decoration: none;
	width: 98%;
	display: block;
	color: #000000;
}
#leftNavItems div#leftNavSubCategory {
	margin: 3px 5px 15px
}

*html #leftNavItems div#leftNavSubCategory {margin: 3px 0px 15px}

#leftNavItems div#leftNavSubCategory h2 {
	border-bottom: 1px solid #333333;
	font-size: 12px;
	letter-spacing: .1em;
	color: 333333;
	font-weight: normal;
	padding-top: 8px;
	margin-bottom: 4px;
}

* html #leftNavItems div#leftNavSubCategory h2 {margin-top: 3px}

#leftNavItems div#leftNavSubCategory a {
	display: block;
	background: url(/images/Bullet_TriangleBLK.gif) no-repeat left 4px;
	padding-left: 10px;
	text-decoration: underline;
	border-style: none;
	margin: 4px 0px;
}
.leftNavItemsDividerLine {
	text-align: center;
	margin: 25px 12px 15px 7px;
	border-bottom: 1px solid #666;
} 
#additionalInfo a:link, #additionalInfo a:visited {
	color: #333333;
	text-decoration: underline;
}
#additionalInfo a:focus, #additionalInfo a:hover, #additionalInfo a:active {
	color: #000000;
}
#centerColumn {
	margin: 0px 210px -15px 0px;   
	padding: 30px 10px 40px;
	color: #333333;
	font-size: 0.9em;
	border-left: #EFEFE7 solid 165px;
}
#centerColumn p {
	margin-bottom: 15px;
}
#centerColumn h1 {
	font-size: 20px;
	color: #000000;
	margin-bottom: 10px;
}
#centerColumn h2 {
	font-size: 16px;
	color: #000000;
	margin: 25px 0px 10px 0px;
}
#centerColumn h2 a:link, #centerColumn h2 a:visited, #centerColumn h2 a:active {color: #000000; text-decoration: none
}
#centerColumn h2 a:focus, #centerColumn h2 a:hover {color: #6B6C44; text-decoration: underline
}

#centerColumn h3 {
	font-size: 14px;
	color: #333333;
	margin-top: 20px;
	margin-bottom: 4px;
}
#centerColumn h3 a:link, #centerColumn h3 a:visited, #centerColumn h3 a:active {text-decoration: none
}
#centerColumn h3 a:focus, #centerColumn h3 a:hover {color: #6B6C44; text-decoration: underline
}
#centerColumn h4 {
	font-size: 13px;
	color: #333333;
}
#centerColumn h5 {
	font-size: 13px;
	display: inline;
	margin: 0px 8px 0px 3px;
	line-height: 22px;
}
#centerColumn h2.invert {
	color: #FFFFFF;
	margin: 25px 0px 10px;
	background: #696A43 url(/images/bkgnd-Heading_Inverse.gif) no-repeat left top;
	padding: 0px 2px 2px 15px;
	height: 19px;
}
#centerColumn #breadcrumbs {
	font-size: 10px;
}
#centerColumn a:link, #centerColumn a:visited {
	color: #424221;
	text-decoration: underline;
}
#centerColumn a:focus, #centerColumn a:hover, #centerColumn a:active {
	color: #6B6C44;
	text-decoration: underline;
}
#centerColumn .more a {
	color: #993333 !important;
	background: url(/images/more_arrow.gif) no-repeat right center;
	padding-right: 8px;
	font-weight: bold;
	text-decoration: none !important;
	display: inline;
	margin: 0px;
	font-size: 11px;
}
#centerColumn .more a:hover {
	text-decoration: underline !important
}
#centerColumn a#more img {
	border-style: none;
	vertical-align: text-bottom;
}
#centerColumn img.border-5pxMargin {
	margin: 5px;
	border: #000000 solid 1px;
}
.centerColumLinkList {
	list-style: none;
	margin-left: 10px;
}
#centerColumn ol {
	margin-left: 14px;
	margin-bottom: 10px;
}
#centerColumn ol li {
	background:none;
	padding-left: 0px;
}
#centerColumn ul {
	margin-left: 30px;
	margin-bottom: 10px;
	line-height: 1.4;
	list-style: none;
}
#centerColumn li {
	margin: 5px;
	padding-left: 12px;
	background: transparent url(/images/Bullet-Diamond.gif) no-repeat;
	background-position: 0px 7px;
}
#centerColumn ul.anchoredLink li {
	background: transparent url(/images/Bullet_TriangleDWN-BLK.gif) no-repeat;
	background-position: 0px 7px;
}
#centerColumn ul ul li {
	background: transparent url(/images/Bullet_TriangleBLK.gif) no-repeat;
	background-position: 0px 5px;
}
#centerColumn table {
	margin: 5px;
	min-width: 335px;
	width: auto !important;
	width: 335;
	border-collapse: collapse;
	
}
#centerColumn td {
	padding: 3px;
	vertical-align: top;
}
#centerColumn .sublink {
	font-size: 11px;
	font-weight: normal;
	font-variant: normal;
}
#centerColumn .invert .sublink a {
	color: #FFFFFF;
}
#centerColumn hr {
	margin-top: 15px;
	margin-bottom: 10px;
}


/* START photo styles for center column items */

/* '.textPhotoFloated' is a div to be in place of a clear. */
/* '.textPhotoFloated'  div wraps around entire section of text that rests next to a photo. */
#centerColumn .textPhotoFloated {
	overflow: auto;
}

/* The photo needs to be placed into a '.photoLf' or '.photoRt' div depending on float orientation */
#centerColumn .photoLf {float: left; margin: 0px 10px 10px 0px;	width: 170px}
#centerColumn .photoLf img {
	border: 1px solid #000000;
	margin-bottom: 2px;
}
#centerColumn .photoLf p {
	font-size: 11px;
	color: #000000;
	line-height: 1.0;
	padding-bottom: 10px;
	margin: 0px;
}

#centerColumn .photoCtr {margin: 0px auto; padding: 0px 15px; width: 300px}
#centerColumn .photoCtr img {
	border: 1px solid #000000;
	margin-bottom: 2px;
}
#centerColumn .photoCtr p {
	font-size: 11px;
	color: #000000;
	line-height: 1.0;
	padding-bottom: 10px;
	margin: 0px;
}

#centerColumn .photoRt {float: right; margin: 0px 0px 10px 10px; width: 170px}
#centerColumn .photoRt img {
	border: 1px solid #000000;
	margin-bottom: 2px;
}
#centerColumn .photoRt p {
	font-size: 11px;
	color: #000000;
	line-height: 1.0;
	padding-bottom: 10px;
	margin: 0px;
}
/* small photo caption*/
.photocaption {
	font-size:9px;
	font-weight:200;
}

/* END photo styles for center column items */



#centerColumn #subscriberInfo {
	background: #98CBEC;
	width: 225px;
	position: absolute;
	right: 14px;
	top: 260px;
	font-size: 12px;
	border: 1px solid #666666;
	padding-bottom: 15px;
}

* html #centerColumn #subscriberInfo {top: 270px}

#centerColumn #subscriberInfo h2 {
	margin: 0px 0px 10px;
	border-bottom: 1px solid #666666;
	text-align: center;
	background: #015D96;
	color: #FFFFFF;
	padding: 5px;
}
#centerColumn #subscriberInfo p {
	margin: 8px;
}
#centerColumn .requiredField {
	color: #990000;
	font-weight: bold;
	font-size: 11px;
	vertical-align: 3px;
}
#centerColumn #subscriberInfo #subscriberInfoNotice {
	background: #FFFFFF;
	margin: 15px 8px 0px;
	border: 1px solid #333333;
}
#centerColumn .subscriberPublication {
	border-bottom: 2px groove #333333;
	margin: 8px 0px;
	padding: 10px;
}

* html #centerColumn .subscriberPublication {margin: 12px 0px}

#subscriberOptions .subscriberPublication .publicationCheckbox {
	margin: 0px;
	padding-top: 3px;
	float: left;
}
#subscriberOptions .subscriberPublication p.publicationDescription {
	margin: 0px 0px 0px 30px;
	padding: 5px 0px;
}
#centerColumn  #subscriberOptions {
	margin-right: 220px;
	padding-right: 10px;
}



/* THIS STYLE NEEDS TO BE REPLACED WITH ABOVE '.photoLf' CLASS THEN DELETED. */

/*  #articleImage style is to be used when a story related image needs to be floated next to lead-in copy  */
#centerColumn #articleImage {
	float:left;
	/* WHEN USING '#articleImage' THE ENTIRE IMAGE, CAPTION AND ARTICLE COPY NEEDS TO BE WRAPPED */
	/* IN A DIV WITH IN-LINE STYLING OF THE MIN-HEIGHT', 'AUTO-HEIGHT', AND 'HEIGHT' DEMINSION  */
	/* THE 'MIN-HEIGHT' AND 'HEIGHT' DEMINSIONS MUST EQUAL ((IMG-HEIGHT) + 10px)  */
	/* (ex. (image = 100x121) <div style="min-height:131px; height: auto !important; height: 131px"> )  */
}
#centerColumn #articleImage p {
	font-size:11px;
	font-weight: bold;
	margin-left: 5px;
}
#centerColumn #articleImage img {
	margin: 0px 5px 2px;
	border: 1px solid #000;
}



/*  Following set of styles are used for Events with Program Agenda list as HTML */


#centerColumn .eventProgram .programTime {padding: 8px 10px}

* html #centerColumn .eventProgram .programTime {padding: 10px}

#centerColumn .eventProgram .time {
	color: #000;
	font-size: 12px;
	font-weight: bold;
	margin-left: 0px;
	float: left;
	margin-right: 15px;
}
#centerColumn .eventProgram .topic {
	color: #333333;
	font-size: 13px;
	font-weight: bold;
	margin: 0px 0px 3px 90px;
}
#centerColumn .eventProgram .description {
	font-size: 12px;
	margin: 0px 0px 3px 90px;
}
#centerColumn .eventProgram h4 {
	margin-top: 10px;
}
#centerColumn .eventProgram h5 {
	font-size: 13px;
	margin-left: 10px;
}
#centerColumn .eventProgram h6 {
	font-size: 12px;
	margin-left: 10px;
}
#centerColumn .eventProgram p {
	margin-left: 10px;
}

/* END Program Agenda sytles  */







#centerColumn span.normal {
	font-size:12px;
	font-weight: normal;
}
div.toparrow {
	clear: both;
	text-align: right;
	padding: 0px;
	background: url(/images/bkgnd-BkTop_Gray.gif) repeat-x;
	margin: 0px 0px 10px 0px;
}
div.toparrow img {
	background-color: #FFFFFF;
	padding: 0px 5px;
	margin: 0px 10px 0px 0px;
}
.focusImgFloated {
	min-height:150px;
	height:auto !important;
	height:150px;
}
.seminarupcomingpast {	
	font-style: italic;
	padding-top: 15px;
	border-bottom: 1px ridge #666666;
	margin-bottom: 40px;
}
.dividerLine {
	text-align: center;
	margin: 25px 12px 15px 7px;
	border-bottom: 1px solid #666;
}

#clear, .clear {
	clear: both;
	margin:0;
	padding:0;
}

#emailPrint {
	width: 200px;
	position: absolute;
	right: 20px;
	font-size: 12px;
	text-align: right;
	top: 135px;
}
#emailPrint a:link, #emailPrint a:visited {
	color: #424221;
	text-decoration: underline;
}
#emailPrint a:focus, #emailPrint a:hover, #emailPrint a:active {
	color: #6B6C44;
	text-decoration: underline;
}
#rightColumn {
	width: 200px;
	position: absolute;
	right: 14px;
	top: 155px;
	font-size: 12px;
	z-index: 10;
}
#rightColumn p {
	margin-top: 10px;
	margin-bottom: 10px;
}
ul#rightNav {
	margin: 8px 5px;
	line-height: 1.4;
	list-style: none;
}
ul#rightNav li {
	margin: 2px;
	padding-left: 12px;
	background: transparent url(/images/Bullet_TriangleBLK.gif) no-repeat;
	background-position: 0px 6px;
}
#rightNav a:link, #rightNav a:visited {
	color: #6B6C44;
	text-decoration: none;
}
#rightNav a:focus, #rightNav a:hover, #rightNav a:active {
	text-decoration: underline;

}
.hightlightBox {
	margin-bottom: 15px;
}
.highlightContent {
	border-right: 1px solid #666666;
	border-left: 1px solid #666666;
	padding: 10px 5px 5px;
}

* html .highlightContent {border-bottom: 1px solid #666666;	padding-bottom: 17px}

.highlightContent a:link, .highlightContent a:visited {
	color: #6B6C44;
	text-decoration: none;
}
.highlightContent a:focus, .highlightContent a:hover, .highlightContent a:active {
	text-decoration: underline;
}
.highlightContent a.moreLink  {
	color: #993333 !important;
	background: url(/images/more_arrow.gif) no-repeat right center;
	padding-right: 10px;
	display: block;
	text-align: right;
}
.highlightHeading {
	background: #6b6c44 url(/images/bkgnd-RightNav_Heading.gif) no-repeat left top;
	line-height: 21px;
	margin-top: 15px;
}
.highlightHeading h1 {
	border-bottom: 1px solid #666666;
	font-size: 11px;
	border-right: 1px solid #666666;
	padding-left: 8px;
	color: #FFFFFF;
}
.highlightContent h2 {
	font-size: 14px;
	border-bottom: 1px solid #999999;
	color: #333333;
}
.highlightContent h4 {
	font-size: 12px;
	border-bottom: 1px solid #999999;
	color: #333333;
	margin-top: 10px;
}
.highlightBottom {
	border-left: 1px solid #666666;
	text-align: right;
	background: url(/images/bkgnd-HighlightBox_Btm.gif) repeat-x left bottom;
	height: 14px;
	margin: 0px 0px 15px;
	color: #989765;
}

* html .highlightBottom {display: none}		

/* ################################ */
/*      PHOTOS IN RIGHT COLUMN      */
/* ################################ */

	#rightColumn div.photo {
	margin: 15px auto 30px;
	padding: 0px;
	}
	
	#rightColumn div.photo img {
		border: 1px solid #000;
		padding: 0px;
		margin: 0px;
	}
	#rightColumn div.photo p {
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 10px;
		line-height: 12px;
		margin: 1px 0px 7px 0px;
	}
/* ###########   END   ########### */

div#footer {
	clear: both;
	background:  #545454 url(/images/bkgnd-Footer.jpg) no-repeat right top;
}
#footer p {
	font-size: 11px;
	color: #FFFFFF;
	line-height: 22px;
	padding: 10px;
}
.footerLeft {
	float: left;
}
.footerRight {
	text-align: right;
}
#footer a:link, #footer a:visited, #footer a:active {
	color: #FFFFFF;
}
#footer a:hover {
	color: #F2C365;
}
#ctsReportHeader {
	background: #000000;
	margin-bottom: 10px;
	text-align: right;
	margin-left: 15px;
}
#ctsReportHeader img {
	padding-right: 20px;
}
#ctsReportHeader p {
	margin: 0px;
	padding: 2px 40px 2px 0px;
	border-top: 1px solid #404040;
	letter-spacing: 0.2em;
	font-weight: bold;
	color: #FFFFFF;
}
#ctsReportIssueNav {
	background: #989765;
	padding: 2px 10px 5px;
	font-size: 11px;
	color: #FFFFFF;
	margin: 0px 0px 25px 15px;
}
#ctsReportIssueNav a:link, #ctsReportIssueNav a:visited, #ctsReportIssueNav a:active {
	color: #FFFFFF;
}
#ctsReportIssueNav a:focus, #ctsReportIssueNav a:hover {
	color: #C2C3A4;
}
#ctsReportIndex {
	margin: 0px 15px;
	padding: 0px 10px 30px 0px;
}
#ctsReportIndex h1 {
	margin-bottom: 15px;
}
h1.specialIssue {
	font: small-caps normal 16px "Times New Roman", Times, serif;
	color: #FFFFFF !important;
	background: #840017;
	letter-spacing: 0.2em;
	text-align: center;
	padding: 4px;
	margin-left: 15px;
}
#ctsReportIndex p {
	margin-top: 2px;
	margin-bottom: 15px;
	padding-bottom: 10px;
	border-bottom: 2px ridge #C2C3A4;
}
#ctsReportIndex a {
	font-weight: bold;
}
#ctsReportIndex a.downloadIssue {
	font-weight: normal;
	font-size: 11px;
	float: right;
	width: 100px;
	border: 1px dotted #989765;
	padding: 3px 3px 6px;
	text-align: center;
}
#ctsReportContent {
	padding-right: 10px;
	margin: 0px 15px;
}
#ctsReportContent h1 {
	margin-bottom: 20px;
}
#ctsReportContent h6 {
	font-size: 12px;
	font-weight: bold;
}
#ctsReportContent .photo {
	float: right;
	margin: 0px 0px 10px 10px;
	width: 150px;
}
#ctsReportContent .photo img {
	border: 1px solid #000000;
	margin-bottom: 3px;
}
#ctsReportContent .photo p {
	font-size: 11px;
	color: #000000;
}
#ctsReportContent .box {
	margin: 10px;
	padding: 5px;
	border: 1px solid #333333;
}
#ctsReportBox {
	border: 1px solid #60613c;
	margin: 5px;
	float: right;
	width: 150px;
	padding-bottom: 10px;
}
#ctsReportBox h1 {
	font-size: 11px;
	color: #FFFFFF;
	background: #60613c;
	padding: 2px;
	margin-bottom: 8px;
}
#ctsReportBox p {
	font-size: 11px;
	margin: 0px 5px 8px;
}
#oberstarBanner {
	background: #663333;
	margin-bottom: 20px;
	padding-top: 5px;
}
#oberstarContent {
	margin-right: 210px;
	min-height: 450px;
	height: auto !important;
	height: 450px;
}
#centerColumn .textPhotoFloated .description {
	padding: 12px 0px
}


.callout {
	width:210px;
	float:right;
	margin:20px;
	margin-top:0;
	padding:10px;
	border:1px solid #000000;
}

#centerColumn .callout h2 {
	margin-top:5px;
}

#fullContainer #container #leftColumn .socialmedia h2 {
	font-weight:bold;
	font-size:12px;
}
.filesize {
font-size:9px;	
}


/* Seminar Series Styles */

#centerColumn.semseries h2 {
	margin-bottom:5px;
}

#centerColumn.semseries h2 + h3 {
	margin-top:0;
}

#centerColumn.semseries h3 a {
	color:#6B6C44; 
	text-decoration: underline;
	font-style:italic;
}

#centerColumn.semseries .seminarDescription {
	padding-left:25px;
}

#centerColumn.semseries h3 + p {
	margin-bottom:5px;
}

#centerColumn.semseries p {
	margin-bottom:0;
}

#centerColumn.semseries .seminarDescription p {
	margin-bottom:10px;
}

#centerColumn.semseries p#breadcrumbs{
	margin-bottom:10px;
}
.viewer-shade {
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background-color: rgb(20, 20, 20);
	background-color: rgba(0, 0, 0, .3);
}
.lightbox-viewer {
	position: fixed;
	z-index: 10;
	padding: 10px;
	background: white url("/images/loading.gif") no-repeat center center;
	min-width: 100px;
	min-height: 100px;
	box-shadow: 1px 1px 5px black;
	max-width: 100%;
	max-height: 100%;
}