/*
Some general stuff to make things look right.
*/

img {
	display: block;
}

p img {
	display: inline;
}

a {
	color: #8D2b20;
}
a img {
	border: thin solid #8D2b20;
}

img.pdfImage {
	position: relative;
	top: 4px;
	padding-right: 4px;
	display: inline;
	border: none;
}

a:hover, #rightnav a:hover, .leftnav a:hover {
	color: #485548;
	text-decoration: underline;
}
a:visited /* , #rightnav a:visited, #leftnav a:visited */ {
	color: #A9473C;
}

a.editlink {
	color: #999999;
	text-decoration: none;
}

.preview {
	background-image: url("preview.png");
}


body, form, hr, h1, h2, h3, h4, h5, h6, p {
	margin: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

body {
	background-color: #8D2b20 ;
	font-size: 10px;
}


.layout {
	margin: 0;
	padding: 0;
	width: 100%;
	border: none;
	table-layout: auto;
	border-spacing: 0;
	empty-cells: show;
	border-collapse: collapse;
}

td {
	margin: 0;
	padding: 0;
	border: none;
}

th {
	text-align: left;
}

.topmargin {
	height: 11px;
	background-color: #8D2b20;
}

.leftmargin {
	width: 13px;
	border-right: 1px solid #cece9c;
}

#framework {
	background-color: #8D2b20;
	width: 750px;
}


#greybar {
	background-color: #74847a;
	height: 8px;
}
.leftnav {
	background-color: #ddddbb;
	color: #8D2b20;
	width: 126px;
}

#searcharea {
	background-color: #74847a;
	color: #cece9c;
	padding:5px;
	border-bottom: 1px solid #ddddbb;
}

#emaillogin, #emaillogin a {
	background-color: #74847a;
	color: #cece9c;
	padding:5px;
	font-size: 10px;
}

#leftnavlinks {
	color: #333333;
	line-height: 150%;
	padding: 14px 10px;
	font-weight: bold;
	font-size: 10px;
}

.leftnav a {
	color: #8D2b20;
	text-decoration: none;
	font-size: 10px;
}

#content {
	width: 420px;
}

#hubcontent {
	width: 570px;
}

#content, #hubcontent, #specialcontent {
	color: #333333;
	background-color: white;
	padding: 0 20px;
	font-size: 11px;
}

p {
	margin: 10px 0;
}

#content td, #hubcontent td, #specialcontent td {
	font-size: 10px;
}

.title {
	font-weight: bold;
	font-size: 19px;
	letter-spacing: 1px;
	margin-top: 20px;
	margin-bottom: 15px;
	border-bottom: 1px solid #999999;
	color: #666666;
}

.subtitle {
	font-weight: bold;
	font-size: 13px;
	margin-top: 20px;
	margin-bottom: 15px;
	color: #74847a;
}

/**** Other stuff. ****/

#sidebar {
	color: #333333;
	background-color: white;
	border-left: 1px solid #ddddbb;
	width: 149px;
}

#rightnav {
	font-size: 10px;
	font-weight: normal;
	padding: 20px 10px;
	background-color: #ddddbb;
	color: #74847A;
	line-height: 160%;
}

#rightnav a {
	text-decoration: none;
	color: #8D2b20;
	background-color: #ddddbb;
	border: 1px solid #ddddbb;
}

/*** College Meeting Format Details ***/

.college {
	padding: 5px;
}

.collegenote {
}

.collegedate {
	text-align: right;
	padding: 5px;
}

/*** Hub page layout ***/

.hubLayout {
	table-layout: auto;
	border-spacing: 0;
	empty-cells: show;
	border-collapse: collapse;
	width: 100%;
	margin-bottom: 40px;
}

.hubLayout tr td {
	padding-top: 20px;
	padding-bottom: 10px;
	padding-right: 10px;
}

#hubTopCell {
	border-bottom: 1px solid #cccccc;
}

.hubTopTitle {
	color: #8D2b20;
	padding-top: 3px;
	font-size: 16px;
	font-weight: bold;
}

.hubTopText {
	font-size: 12px;
}

.hubTitle {
	color: #8D2b20;
	padding-top: 3px;
	font-size: 13px;
	font-weight: bold;
}

.hubSub {
	color: #666666;
	padding-top: 3px;
	font-size: 12px;
	font-weight: bold;
}

.hubLink {
	font-size: 11px;
}

.hubLayout ul {
	padding-left: 15px;
	/*
	You need those 15 pixels to give just enough space for the
	bullet point arrow image.
	*/
}

.hubLayout ul li {
	list-style: url("arrow.gif") disc;
	margin-bottom: 3px;
}

.hubListHead {
	font-size: 10px;
	font-weight: bold;
	color: #666666;
	border-bottom: 1px solid #cccccc;
	width: 66%;
	padding: 1px;
}


.hubListLinks {
	font-size: 10px;
	font-weight: bold;
	color: #666666;
	border-bottom: 1px solid #cccccc;
	width: 100%;
	padding: 1px;
}


 /***********************/
/***** Wiki Format *****/

/**** Set up image styles - the old kind first. ****/

.decal, .themeimage {
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
}

.themeimage {
	border: 1px solid #666666;
}

.slide {
	margin: 10px;
	border: 1px solid #666666;
}

/**** And now the new kind. ****/
/* The positions apply to the div tags which go around the image. */

.right {
	float: right;
	text-align: left;
	margin-left: 10px;
	margin-top: 10px;
	margin-bottom: 10px;
}
.left {
	float: left;
	text-align: left;
	margin-right: 10px;
	margin-top: 10px;
	margin-bottom: 10px;
}
.center {
	text-align: left;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: auto;
	margin-right: auto;
}

.wikiCaption {
	padding: 2px 5px;
	margin-top: 3px;
	background-color: #eeeeee;
}

/* And the classes below apply to the images themselves. */

.plain {
	border: none;
}

.border {
	border: 1px solid #666666;
}

/**** Other stuff. ****/

.wikiTable {
	table-layout: auto;
	border-spacing: 0;
	empty-cells: show;
	border-collapse: collapse;
	margin: 5px 0;
}

.wikiTable th, .wikiTable td {
	border: 1px solid #cccccc;
	padding: 0 4px;
	margin: 0;
}

.wikiDivider {
	height: 1px;
}

.blockquote {
	border: 0px solid #666666;
	padding: 10px 20px;
	margin: 20px 10px;
	background-color: #eeeeee;
}

.data1 {
	background-color: white;
}

.data2 {
	background-color: #F7F7EA;
}

.broken-link {
	border: 1px solid red;
	background-color: #ffeeee;
}

 /***********************/
/***** Top Nav Bar *****/

#topnav {
	border-top: 1px solid #cece9c;
	width: 477px;
}

.specialTitle {
	letter-spacing: 1px;
}

.topnav, .topnavactive, .specialTitle {
	height: 26px;
	font-size: 13px;
	font-weight: bold;
	font-variant: small-caps;
	/* letter-spacing: 1px; */
	word-spacing: -1px;
	text-align: center;
	border-right: 1px solid #cece9c;
}	

.topnav a, .topnavactive a {
	text-decoration: none;
}

.topnav, .topnav a {
	background-color: #b1b197;
	color: #8D2b20;
}

.topnavactive, .topnavactive a, .specialTitle {
	background-color: #74847a;
	color: #cece9c ! important;
}

/************************/

.index {
	float: right;
	border: 1px dashed blue;
	margin: 5px;
	padding: 5px;
}

.floatbox {
	position: absolute;
	top: 50%;
	right: 10px;
	background: #cccccc;
	padding: 5px;
	margin: 5px;
	border: 3px solid cyan;
}

.floatbox div {
	border-left: 1px solid green;
	border-bottom: 1px solid green;
	margin-bottom: 4px;
	padding-left: 3px;
	padding-bottom: 3px;
}
.floatbox span {
	text-decoration: underline;
}