/************ TAG STYLES ********************/
body {
	width:900px;
	margin-right:auto;
	margin-left:auto;
	margin-top:15px;
	padding:0px;
	text-align:left;
	font-family:verdana,arial,helvetica,sans-serif;
	background-color:#FFFFFF;
	}
body.popWindow {
	width:700px;
	margin-right:15px;
	margin-left:15px;
	font-size:12px;
	}
body.popWindowSmall {
	width:400px;
	margin-right:15px;
	margin-left:15px;
	font-size:12px;
	}

a:link {
	color:#00F;
	}
a:visited {
	color:#00F;
	}
a:hover {
	color:#F00;
	}
	
h1 {
	width:270px;
	height:32px;
	padding-top:3px;
	margin-bottom:3px;
	font-weight:bold;
	font-size:16px;
	text-align:center;
	background-image:url(images/yellowArrowBar.gif);
	}
	
h2 {
	width:418px;
	background:#FFDE02 url(images/yellowTop.gif) no-repeat;
	font-size:14px;
	padding:8px 11px;
	margin-bottom:0px;
	}
	
h3 {
	width:270px;
	height:22px;
	padding-top:8px;
	margin-bottom:3px;
	font-size:12px;
	text-align:center;
	background-image:url(images/yellowBar.gif);
	}

h4 {
	width:546px;
	height:15px;
	padding-left:10px;
	margin-bottom:5px;
	padding-top:6px;
	font-weight:bold;
	background:url(images/columnTop.gif) no-repeat;
	}
.header {
	margin-bottom:5px;
	padding-top:6px;
	padding-left:10px;
	background:url(images/columnTop.gif) no-repeat;
	font-weight:bold;
	}
	
ul {
	margin:0px 0px 12px 0px;
	padding-left: 24px;
	}
	
li {
	margin-bottom:3px;
	}

th {
	vertical-align:top;
	}



/************ FORM STYLES ********************/
input {
	font-size:10px;
	font-family:verdana,arial,helvetica,sans-serif;
	letter-spacing:1px;
	color:#333;
	background-color:#F2E7C6;
	border:1px solid #666;
	padding:2px;
	margin-bottom:5px;
	position:relative;
	top:4px;
	}

input.radio {
	position:relative;
	top:8px;
	margin-left:12px;
	}
	
.inputWide {
	width:400px;
	}
	
button {
	font-family:verdana,arial,helvetica,sans-serif;
	letter-spacing:1px;
	color:#333;
	font-size:9px;
	}
	
.formButton {
	border:2px outset #333;
	background-color:#EBE7E7;
	border-color: #ccc #CECBCB #CECBCB #ccc;
	font-weight:bold;
	padding:0px 6px;
	}
	
.approveButton {
	border:2px outset #333;
	background-color:#EBE7E7;
	border-color: #ccc #CECBCB #CECBCB #ccc;
	font-weight:bold;
	position:relative;
	top:5px;
	}
	
.simpleButton {
	border:2px outset #333;
	background-color:#EBE7E7;
	border-color: #ccc #CECBCB #CECBCB #ccc;
	font-weight:bold;
	padding-right:8px;
	padding-left:8px;
	}
	
.wideFormButton {
	border:2px outset #333;
	background-color:#EBE7E7;
	border-color: #ccc #CECBCB #CECBCB #ccc;
	font-weight:bold;
	width:240px;
	margin-top:10px;
	}
	
.sendButon {
	width:240px;
	text-align:center;
	border:2px outset #333;
	background-color:#EBE7E7;
	border-color: #f2edc8 #cc9900 #cc9900 #f2edc8;
	font-weight:bold;
	margin-top:10px;
	background-image:url(images/buttonBack.gif);
	}
	
.narrowSendButon {
	width:100px;
	text-align:center;
	border:2px outset #333;
	background-color:#EBE7E7;
	border-color: #f2edc8 #cc9900 #cc9900 #f2edc8;
	font-weight:bold;
	background-image:url(images/buttonBack.gif);
	}
	
#markerButton {
	display:none;
	float:left;
	}

select {
	border:1px solid #666;
	font-size:10px;
	}
	
textarea {
	background-color:#F2E7C6;
	font-size:11px;
	font-family:verdana,arial,helvetica,sans-serif;
	border:1px solid #666;
	margin-bottom:5px;
	}
	
.textareaWide {
	width:400px;
	height:60px;
	padding:2px;
	}
.textareaYellow {
	width:400px;
	height:60px;
	padding:2px;
	border-color:#FFDE02;
	background-color:#DDDDDD;
	}
#trafEng {
	margin-top:10px;
	}


/************ MAP STYLES ********************/
#largeMap {
	width: 617px;
	height: 548px;
	border: 1px solid #666;
	}
	
#projectMap {
	width:438px;
	height:412px;
	margin-top:0px;
	margin-bottom:0px;
	border:1px solid #FFDE02;
	}
	
.detailMap {
	width:300px;
	margin-right:15px;
	margin-left:15px;
	margin-top:15px;
	padding:0px;
	text-align:left;
	font-family:verdana,arial,helvetica,sans-serif;
	font-size:12px;
	}

	

.subHead {
	font-weight:bold;
	color:#555;
	}

.zoomLink {
	font-weight:normal;
	}
.zoomLink a:link {
	text-decoration:none;
	color:#000;
	}
.zoomLink a:visited {
	text-decoration:none;
	color:#000;
	}
.zoomLink a:hover {
	text-decoration:none;
	color:#000;
	}


#selectLetter {
	display:block;
	}
	
.headerLogo {
	width:270px;
	margin-bottom:15px;
	float:left;
	}

.headerDates {
	float:left;
	text-align:right;
	width:610px;
	color:#666;
	margin-top:45px;
	}

.wideTop {
	clear:both;
	width:878px; 
	background:#FFDE02 url(images/yellowTop.gif) no-repeat;
	font-size:14px;
	font-weight:bold;
	padding:8px 11px;
	margin-bottom:0px;
	}
	
.mapTop {
	background:#FFDE02 url(images/yellowTop.gif) no-repeat;
	font-size:10px;
	padding:6px 11px;
	margin-bottom:0px;
	text-align:right;
	}
	
#updateSucess {
	display:none;
	background-color:#33D41E;
	font-size:11px;
	font-weight:bold;
	color:#FFF;
	padding:3px 11px;
	margin-bottom:0px;
	}
	
#editExisting {
	padding-top:8px;
	padding-bottom:12px;
	display:block;
	width:240px;
	text-align:center;
	}

.mapEditHeader {
	font-size:15px;
	padding:0px 11px 3px 0px;
	text-align:right;
	font-weight:bold;
	}
	
.wideTopUser {
	width:228px;
	float:left;
	}
	
.wideTopLinks {
	width:650px; 
	font-weight:normal;
	font-size:10px;
	float:left;
	text-align:right;
	margin-top:5px;
	}
	
.narrowTop {
	width:400px; 
	background:#FFDE02 url(images/yellowTop.gif) no-repeat;
	font-size:14px;
	font-weight:bold;
	padding:8px 11px;
	margin-bottom:0px;
	}
	
.wideDivider {
	clear:both;
	background-color:#666;
	width:900px;
	height:8px;
	}

.wideDividerTall {
	clear:both;
	background-color:#666;
	width:876px;
	padding:4px 12px;
	font-size:11px;
	color:#00F;
	}
.wideDividerTall a:link {
	color:#FFF;
	}
.wideDividerTall a:visited {
	color:#FFF;
	}
.wideDividerTall a:hover {
	color:#00F;
	}
	
.wideBottom {
	clear:both;
	text-align:center;
	background:#FFDE02 url(images/yellowBottom.gif) no-repeat bottom right;
	width:880px;
	padding:5px 10px 2px 10px;
	font-size:10px;
	line-height:14px;
	}
	
.narrowBottom {
	background:#FFDE02 url(images/yellowBottom.gif) no-repeat bottom right;
	width:400px;
	height:8px;
	padding:7px 10px;
	font-size:10px;
	line-height:14px;
	}
	
.errorMessage {
	width:400px;
	height:22px;
	text-align:center;
	font-size:11px;
	color:#900;
	}
	
.warning {
	color:#900;
	font-weight:bold;
	}
.login {
	color:#000;
	}

.projectList {
	background:url(images/eng_back.gif) repeat-y;
	}

.projectHeader {
	clear:both;
	font:bold:14px;
	color:#FFF;
	background-color:#666;
	width:890px;
	padding:2px 5px;
	}
	
.approveWarning {
	clear:both;
	font:bold:14px;
	color:#FFF;
	background-color:#F00;
	width:890px;
	padding:2px 5px;
	}
	

/*** styles that appear in  the left column ***/	
#leftColumn {
	float:left;
	width:270px;
	font-size:11px;
	background-color:#FFF;
	}

.letterColumn {
	margin-top:10px;
	float:left;
	width:35px;
	padding-left:5px;
	}
	
.detailLeftColumn {
	float:left;
	width:440px;
	font-size:11px;
	}
	
.logo {
	width:270px;
	text-align:center;
	margin-bottom:15px;
	}
	
.otherProjects {
	min-height:62px;
	padding:6px;
	margin-bottom:15px;
	background-color:#DBDBDB;
	text-align:center;
	color:#666;
	font-size:15px;
	font-weight:bold;
	}
	
.date {
	margin-left:8px;
	margin-bottom:14px;
	font-size:13px;
	}

.legend {
	margin-left:22px;
	margin-bottom:12px;
	font-size:9px;
	}
	
.areas {
	font-weight:bold;
	font-size:13px;
	text-align:center;
	}
.areas a:link {
	text-decoration:none;
	color:#000;
	margin-right:15px;
	}
.areas a:visited {
	text-decoration:none;
	color:#000;
	margin-right:15px;
	}
.areas a:hover {
	text-decoration:none;
	color:#999;
	margin-right:15px;
	}
	
.leftText {
	margin-left:8px;
	margin-bottom:14px;
	}

ul.leftList {
	font-size:10px;
	margin-left:14px;
	padding:0px;
	}
	
.smallNavLinks {
	width:270px;
	font-size:10px;
	}
.smallNavLinks a:link {
	margin-left:7px;
	color:#666;
	text-decoration:none;
	}
.smallNavLinks a:visited {
	margin-left:7px;
	color:#666;
	text-decoration:none;
	}
.smallNavLinks a:hover {
	margin-left:7px;
	color:#000;
	text-decoration:underline;
	}

.singleColumn {
	width:500px;
	padding:10px;
	background-color:#fff;
	font-size:11px;
	}

.doubleColumn {
	width:500px;
	padding:10px;
	float:left;
	font-size:11px;
	}

.maskColumn {
	width:500px;
	padding:10px;
	float:left;
	font-size:11px;
	background-color:#CCC;
	color:#666;
	}


.note {
	font-style:italic;
	font-size:9px;
	color:#666;
	}


/*** styles that appear in  the middle column ***/	
.midColumn {
	float:left;
	font-size:11px;
	width:273px;
	padding: 0px 10px;
	}

.closureBox {
	border:1px solid black;
	padding:0px 2px;
	margin:3px 0px;
	}

.goalsHeader {
	margin:22px 0px 5px 0px;
	background-color:#FFDE02;
	font-weight:bold;
	padding:2px 3px;
	}

.projectTitle {
	font-size:13px;
	margin-top:10px;
	}

.instructions {
	font-size:11px;
	padding-top:10px;
	width: 240px;
	height: 320px;
	margin-top:0px;
	float:left;
	padding-left:10px;
	}


/*** styles that appear in  the end column ***/	
.endColumn {
	float:left;
	font-size:11px;
	width:317px;
	padding:0px 10px;
	margin-top:10px;
	}
	
.projectNotes {
	padding:3px;
	margin:2px 0px 8px 0px;
	background-color:#EBE8DF;
	font-style:italic;
	}

.updated {
	margin-bottom:8px;
	font-style:italic;
	font-size:10px;
	font-weight:normal;
	}
	
.updatedHeader {
	margin-left:16px;
	font-style:italic;
	font-size:10px;
	}


.small {
	font-size:9px;
	margin-bottom:5px;
	}


/*** styles that appear in  the right column ***/	
#rightColumn {
	float:left;
	width:450px;
	padding-left:10px;
	font-size:11px;
	}
	
img {
	margin:0px;
	padding:0px;
	}

.infoArea {
	width:434px;
	min-height:390px;
	background:url(images/blackBorder.gif) repeat-y;
	margin:0px;
	padding:0px 8px;
	font-size:12px;
	}

.info {
	margin-left:10px;
	margin-bottom:0px;
	padding-bottom:12px;
	}
	
.box {
	border:1px solid #999;
	padding:3px;
	margin-top:0px;
	}
.boxHeader {
	width:313px;
	background:#999;
	color:#FFF;
	font-size:9px;
	font-weight:bold;
	padding:2px;
	margin-top:8px;
	}

.closureArea {
	margin-top:0px;
	margin-bottom:12px;
	padding:32px 10px 3px 10px;
	background:#FFDE02 url(images/closureTop.gif) no-repeat;
	font-size:12px;
	}
	
.bottomPad {
	width:900px;
	height:10px;
	clear:both;
	}
	
.DOTinfo {
	background:#FFDE02 url(images/yellowBottom.gif) no-repeat bottom right;
	padding:7px 10px 10px 10px;
	font-size:10px;
	line-height:14px;
	}
	
.lineLegend {
	padding:4px 8px;
	font-size:9px;
	background:url(images/blackBorder.gif) repeat-y;
	}
	
.bottom {
	clear:both;
	text-align:center;
	font-size:10px;
	padding-top:6px;
	}
	
.followIcon {
	position:relative;
	top:7px;
	}
	


/*** project info window in google map ***/
.mapInfoWidow { 
	width:240px;
	font-size:12px;
	margin:0px;
	}
	
.closureInfo {
	margin-top:6px;
	width:240px;
	}

.closureInput {
	border:2px solid #000;
	margin-top:6px;
	width:398px;
	height:55px;
	padding:2px;
	}
	
.projectLink {
	margin-top:8px;
	width:240px;
	}