/***************************************************************
 *
 * Master CSS Document for the Citizens All website 
 *
 ***************************************************************/
 
/** LEFT MENU **/

#leftMenu {
	width: 159px;
	height: 343px;
}

table#expMenu {
	width: 149px;
	height: 343px;
}

#expMenu {
	width: 149px;
	height: 343px;
	background-color: #fff;
}

#ctstoriesTitle {
	padding-top: 20px;
	padding-bottom: 20px;
}

#nav {
	list-style-type: none;
}

#nav a, #navlist a:visited {
	display: block;
	background-color: none;
	color: #000;
	font-size:11px;
	text-decoration: none;
	list-style-type:none;
	
}

#nav a:hover {
	background-color: none;
	color: #ff6600;
}

.listItem {
	position: relative;
	margin-top: 0px;
	margin-bottom: 0px;
	top: 0px;
	left: 20px;
	bottom: 0px;
	width: 129px;
	padding-left: 0px;
	padding-bottom: 0px;
	padding-top: 0px;
	padding-right: 0px;
}



/** CONTENT **/

#contentFrame {
	padding: 10px 10px 10px 10px;
	width: 420px;
	background-color: #f9f6e6;
}

#pageContentFrame {
	margin: 0px 0px 0px 0px;
	padding: 15px 0px 6px 20px;
	background-color: #f9f6e6;
}

#pageContent {
	position: relative;
	top: 0px;
	right: 0px;
	width: 570px;
}

#pageContentLeft {
	width: 402px;
}

#pageContentLeftImage {
	padding-top: 5px;
}

#pageContentRight {
	position: absolute;
	top: -5px;
	right: 0px;
	width: 149px;
}

#rightColImage {
	padding-left: 7px;
	padding-bottom: 5px;
}

#rightColText {
	font-family: Verdana; 
	font-size: 10px; 
	font-style: normal; 
	font-weight: normal;
	line-height:18px; 
	color: #a99571;
	padding-left: 7px;
	width: 125px;
}

#TSTrightColText {
	font-family: Verdana; 
	font-size: 10px; 
	font-style: normal; 
	font-weight: normal;
	line-height:18px; 
	color: #a99571;
	padding-left: 7px;
	width: 100px;
}

ol#contentList {
	margin-left: -20px;
	line-height: 14px;
	width: 520px;
}

#contentThumbnails {
	position: relative;
	top: 5px;
	left: 10px;
	height: 404px;
}

#MOD5contentThumbnails {
	position: relative;
	top: 5px;
	left: 10px;
	height: 200px;
}

#MOD5contentExtResources {
	position: relative;
	top: 5px;
	left: 10px;
	height: 145px;
}

#contentThumbnailOne {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 117px;
}

#contentThumbnailTwo {
	position: absolute;
	top: 0px;
	left: 137px;
	width: 117px;
}

#contentThumbnailThree {
	position: absolute;
	top: 0px;
	left: 274px;
	width: 117px;
}

#contentThumbnailFour {
	position: absolute;
	top: 0px;
	left: 411px;
	width: 117px;
}

#contentThumbnailFive {
	position: absolute;
	top: 197px;
	left: 0px;
	width: 117px;
}

#contentThumbnailSix {
	position: absolute;
	top: 197px;
	left: 137px;
	width: 117px;
}

#contentThumbnailSeven {
	position: absolute;
	top: 197px;
	left: 274px;
	width: 117px;
}

#contentThumbnailEight {
	position: absolute;
	top: 197px;
	left: 411px;
	width: 117px;
}

#thumbnailImage {
	padding-bottom: 5px;
	width: 117px;
}

#thumbnailText {
	line-height: 14px;
	width: 117px;
}


#tstContentBox {
	padding-top: 0px;
	padding-bottom: 5px;
	width: 571px;
}

#mapBg {
	width: 571px;
	height: 366px;
}

#newhavenButton {
	position: relative;
	top: -207px;
	left: 232px;
	width: 85px;
	height: 15px;
}

#reddingButton {
	position: relative;
	top: -221px;
	left: 93px;
	width: 66px;
	height: 15px;
}

#greenwichButton {
	position: relative;
	top: -126px;
	left: 30px;
	width: 82px;
	height: 15px;
}

#hebronButton {
	position: relative;
	top: -336px;
	left: 333px;
	width: 61px;
	height: 15px;
}

#canterburyButton {
	position: relative;
	top: -345px;
	left: 423px;
	width: 89px;
	height: 15px;
}

#videoFrame {
	position: relative;
	top: 0px;
	left: 0px;
	width: 550px;
	height: 250px;
	margin-bottom: 3px;
}

#videoDiv {
	position: absolute;
	top: 0px;
	left: 0px;
/*
	padding-left: 0px;
	padding-top: 5px;
*/
	width: 420px;
	height: 248px;
	z-index: 2;
	display: inline;
	cursor: pointer;
	cursor: hand;
}

object, embed {
	cursor: pointer;
	cursor: hand;
}

#moduleVideoQuote {
	position: absolute;
	top: 0px;
	left: 430px;
	width: 145px;
	height: 246px;
}

#moduleQuestionText {
	position: absolute;
	top: 0px;
	left: 430px;
	font-size: 10px;
	line-height: 15px;
	width: 135px;
	height: 88px;
	color: #8c7140;
	z-index: 1;
}

#moduleQuestionSubText {
	position: absolute;
	bottom: 0px;
	left: 430px;
	width: 135px;
	font-size: 10px;
	line-height: 15px;
}

#videoCaption {
	position: absolute;
	bottom: 0px;
	display: inline;
}


/* DOCUMENT */

#documentFrame {
	padding: 15px 0px 6px 20px;
	background-color: #f9f6e6;
}

#documentContent {
	position: relative;
	top: 0px;
	right: 0px;
	width: 570px;
}

#TSTdocumentContent {
	position: relative;
	top: 0px;
	right: 0px;
	width: 450px;
}

#documentContentLeft {
	width: 410px;
}

#documentExtResources {
	width: 550px;
}

#documentContentRight {
	position: absolute;
	top: 30px;
	left: 415px;
	width: 149px;
}

#TSTdocumentContentRight {
	position: absolute;
	top: 30px;
	left: 415px;
	width: 100px;
}

#documentContentWide {
	position: relative;
	top: 0px;
	left: 0px;
	width: 550px;
	padding-bottom: 50px;
	vertical-align: top;
}

#documentInlineImage {
	position: relative;
	top: 0px;
	padding-left: 0px;
	padding-bottom: 10px;
	width: 400px;
}

#documentInlineRightText {
	position: absolute;
	top: 0px;
	padding-left: 415px;
	font-family: Verdana; 
	font-size: 10px; 
	font-style: normal; 
	font-weight: normal;
	line-height:14px; 
	color: #a99571;
	width: 135px;
}

#documentInlineText {
	position: relative;
	top: 0px;
	left: 0px;
}

a.breadCrumbTrail {
	font-weight: bold;
}

#breadCrumbTrail {
	color: #8c7140;
	font-weight: bold;
	padding-bottom: 15px;
}

#documentPosterImage {
	padding-bottom: 20px;
}

#documentTitle {
	font-size: 11px;
	line-height: 14px;
	font-weight: bold;
	padding-bottom: 20px;
}

#documentRef {
	padding-bottom: 20px;
}

#rightColDocText {
	font-family: Verdana; 
	font-size: 10px; 
	font-style: normal; 
	font-weight: normal;
	line-height:14px; 
	color: #a99571;
	width: 130px;
}

.rightColLink {
	font-size: 10px;
}

.rightColumnLink {
	font-size: 10px;
}

#quotation {
  padding-left: 40px;
}

#TSTdocumentFrame {
  padding: 0px 0px 0px 0px;
  background-color: #ffffff;
}