/* CSS Document */

html, body {
	height: 100%;
	margin: 0 0 1px;
	padding: 0;
}

body{
	background-color: #000000;
	width:100%;
}

.mainMenu{
	width: 800px;
	padding: 0px;
	margin: 0px;
}

.backgroundpicture {
	width: 100%;
	position: absolute;
	bottom: 0;
	left: 0;
}

a{
	text-decoration:none;
	color: inherit;
}

.clickable {
	/*empty*/
}

.clickable:link {
	color:#FB0B11; /*formerly #9B0000*/
}

.newsTitle {
	font-size:120%;
	color:#F60;
}

.newsDate {
	color:#CCC
}

.smallerParagraph {
	font-size:50%
}

.clickable:hover {
	color:#6699FF; /*formerly #FB0B11*/
}

.clickable:visited {
	color:#FB0B11; /*formerly #9B0000*/
}

.clickable:visited:hover {
	color:#6699FF; /*formerly #FB0B11*/
}

.clickable:active {
	color:#FB0B11; /*formerly #9B0000*/
}

.menuTable {
	font-size:100%;
	color:#FFFFFF;
	font-family:"Trebuchet MS", Arial, sans-serif;
	text-align:center;
	width: 800px;
	border: 0px;
	padding: 0px;
	border-collapse: collapse; /*not supported by netscape navigator 6.0*/
}

.youAreHere {
	font-size:100%;
	color:#FFFFFF;
	font-family:"Trebuchet MS", Arial, sans-serif;
	text-align:center;
	background-color: #222222;
}
.topTable {
	width: 900px;
	border: 0px;
	padding: 0;
	border-collapse: collapse; /*not supported by netscape navigator 6.0*/
}

.content {
	font-size:100%;
	color:#FFFFFF;
	font-family:"Trebuchet MS", Arial, sans-serif;
	text-align: Left;
	background-color: #222222;
	width: 796px; /*REDUCED BY 4 FOR BORDERS - To line up with menu*/
	padding-top: 10px;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
}

.credits {
	font-size:70%;
	color:#FFFFFF;
	font-family:"Trebuchet MS", Arial, sans-serif;
	text-align: Right;
	background-color: #222222;
	width:780px;
	padding-right: 10px;
	padding-left: 10px;
}

.titleMajor { /*The Adaptive Use Bridge Project (Main title of entire site)*/
	font-size:300%;
	color:#FFFFFF;
	font-family:"Trebuchet MS", Arial, sans-serif;
}

.titleMajorSub { /*The Link to UMass Amherst (Assists the main title)*/
	font-size:150%;
	color:#FB0B11;
	font-family:"Trebuchet MS", Arial, sans-serif;
}

.titleMajorSub:hover {
	font-size:150%;
	color:#6699FF;
	font-family:"Trebuchet MS", Arial, sans-serif;
}

.titleMinor { /*Page's own titles, such as "Research", "About", "Data"*/
	font-size:150%;
	font-weight:bold;
	color:#EEEEEE;
	font-family:"Trebuchet MS", Arial, sans-serif;
}

.titleMinorSub { /*Titles that may show up several times on a single page such as different image rows, different tension coupons*/
	font-size:125%;
	color:#EEEEEE;
	font-family:"Trebuchet MS", Arial, sans-serif; 
}

.libraryImage { /*for images in the image section of the website*/
	opacity: 0.6; /*Three different opacity commands used to cover MOST modern browsers*/
	-moz-opacity: 0.6; /*Three different opacity commands used to cover MOST modern browsers*/
	filter: alpha(opacity=60); /*Three different opacity commands used to cover MOST modern browsers*/
	border: 3px solid #FB0B11; 
}

.libraryImage:hover {
	opacity: 1.0; /*Three different opacity commands used to cover MOST modern browsers*/
	-moz-opacity: 1.0; /*Three different opacity commands used to cover MOST modern browsers*/
	filter: alpha(opacity=100); /*Three different opacity commands used to cover MOST modern browsers*/
	border: 3px solid #6699FF;
}

.dataBannerImage {
	border: 2px solid #000000;
}

.imageWithBorders {
	border: 2px solid #000000;
}

.popupBackDrop { /*pop ups might not be used*/
	color:#FFFFFF;
	width: 500px;
	height: 450px;
	background-color: #333333;
	text-align: left;
	padding: 10px;
}

.popupTitle {
	font-size:115%;
	font-weight: bold;
	font-family: "Trebuchet MS", Arial, sans-serif;
}

.bridgeInfoCat {
	font-weight:bold;
	color:#C0C0C0;
}

.boldAndStrong {
	font-weight:bold;
	color:#C0C0C0;
}

.returnLink {
	font-size:90%;
}