html {
	font-family:arial;
	background:url("../images/background.png") no-repeat #CEE0EE;
	background-size:100% 100%;
}

body {
	width:1000px;
	margin-left:auto;
	margin-right:auto;
}

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

#header {
	width:100%;
	height:175px;
	text-align:center;
	position:relative;
}

	#header a {
		text-decoration:none;
	}

	.photoHeader {
		float:left;
		width:200px;
		height:150px;
		margin-left:33px;
		margin-right:33px;
		overflow:hidden;
	}

	.headerPic {
		width: 200px;
		border:1px solid #bbbbbb;
	}

	.first {
		margin-left:0px !important;
		margin-right:34px !important;
	}

	.last {
		margin-right:0px !important;
		margin-left:34px !important;
	}

#quickLinks {
	width:1000px;
	height:55px;
	text-align:right;
	padding-top:15px;
}
#quickLinks2 {
	width:970px;
	height:55px;
	text-align:right;
	padding-top:15px;
}
	.quickLink {
		margin-left:20px;
		color:#ffffff;
		text-decoration:underline !important;
		font-style:italic;
		font-size:14px;
	}
	
	.quickLink a {
		color:#ffffff;
		text-decoration:underline !important;
		font-style:italic;
		font-size:14px;
	}

#intro {
	width:100%;
	height:1000px;
	text-align:center;
	vertical-align:middle;
}

#login {
	text-align:center;
	height:1000px;
}

	#login label {
		display:inline-block;
		width:120px;
		text-align:right;
		color:#2966B8;
		font-weight:bold;
		margin-right:10px;
	}

	#login input {
		display:inline-block;
		border:1px solid #2966B8;
		border-radius:5px;
		-webkit-border-radius:5px;
		height:30px;
		width:170px;
		margin-bottom:8px;
		padding-left:10px;
	}

	#login input[type="submit"] {
		border:1px solid #2966B8;
		border-radius:5px;
		-webkit-border-radius:5px;
		height:30px;
		width:70px;
		margin-bottom:8px;
		padding-left:10px;
		background-color:#A9C5EB;
		margin-left:230px;
	}

#timeline {
	height:700px;
	width:460px;
	float:left;
	background:white;
	padding:20px;
	overflow:hidden;
	padding-top:40px;
	position:relative;
}

	#timeline .tlDate {
		color:#2966B8;
		font-weight:bold;
	}

	#timelineLeft {
		float:left;
		width:235px;
	}

	#timelineRight {
		float:left;
		width:210px;
		padding-top:30px;
	}


	#timeline .vertTime {
		width:0px;
		color:#2966B8;
		height:725px;
		border:2px solid #2966B8;
		float:left;
	}

	#timeline .vertLeft {
		width:14px;
		color:#2966B8;
		height:0px;
		border:2px solid #2966B8;
		margin-left:186px;
	}

	#timeline .vertRight {
		width:14px;
		color:#2966B8;
		height:0px;
		border:2px solid #2966B8;
		margin-left:-38px;
		margin-left:-222px\0/;
	}

	#timeline .timeListLeft {
		margin-left: 10px;
		margin-top: 0px;
		text-align: right;
		background: white;
		padding: 20px;
		width: 165px;
		border: 2px solid #2966B8;
		border-radius: 8px;
		-webkit-border-radius:8px;
		font-size:12px;
		font-style:italic;
		line-height:1.5;
		margin-bottom:20px;
		padding-top:0px;
	}

		#timeline .timeListLeft .tlDate {
			font-size:12px;
		}
		#timeline .timeListLeft .tlDesc {
			font-size:12px;
		}
		#timeline .timeListLeft .tlText {
			font-size:12px;
			text-align:right;
		}

		#timeline .timeListLeft .tlPhoto {
			margin-right:1px;
			text-align:right;
		}

		#timeline .timeListLeft .tlPhoto img {
			max-height:175px;
			max-width:165px;
		}

	#timeline .timeListRight {
		margin-left: 13px;
		margin-top: 0px;
		text-align: left;
		background: white;
		padding: 20px;
		width: 165px;
		border: 2px solid #2966B8;
		border-radius: 8px;
		-webkit-border-radius:8px;
		font-size:12px;
		font-style:italic;
		line-height:1.5;
		margin-bottom:20px;
		padding-top:0px;
	}

		#timeline .timeListRight .tlDate {
			font-size:12px;
		}
		#timeline .timeListRight .tlDesc {
			font-size:12px;
		}
		#timeline .timeListRight .tlText {
			font-size:12px;
			text-align:left;
		}

		#timeline .timeListRight .tlPhoto {
			margin-right:1px;
			text-align:left;
		}

		#timeline .timeListRight .tlPhoto img {
			max-height:175px;
			max-width:165px;
		}

#timelineList {
	height:400px;
	width:1000px;
	float:left;
	background:white;
	padding-top:40px;
}

	#timeListlineLeft {
		float:left;
		width:500px;
	}

	#timeListlineRight {
		float:left;
		width:410px;
		padding-top:30px;
	}

	#timelineList .tlDate {
		color:#2966B8;
		font-weight:bold;
	}

	#timelineList .vertTime {
		width:0px;
		color:#2966B8;
		border:2px solid #2966B8;
		float:left;
		margin-top:28px;
	}

	#timelineList .vertLeft {
		width:18px;
		color:#2966B8;
		height:0px;
		border:2px solid #2966B8;
		margin-left:286px;
	}

	#timelineList .vertRight {
		width:18px;
		color:#2966B8;
		height:0px;
		border:2px solid #2966B8;
		margin-left:-42px;
		margin-left:-330px\0/;
	}

	#timelineList .timeListLeft {
		margin-left: 171px;
		margin-top: 0px;
		text-align: right;
		background: white;
		padding: 20px;
		width: 265px;
		border: 2px solid #2966B8;
		border-radius: 8px;
		-webkit-border-radius:8px;
		font-size:12px;
		font-style:italic;
		line-height:1.5;
		margin-bottom:20px;
	}

		#timelineList .timeListLeft .tlDate {
			font-size:12px;
		}
		#timelineList .timeListLeft .tlDesc {
			font-size:12px;
		}
		#timelineList .timeListLeft .tlText {
			font-size:12px;
			text-align:right;
		}

		#timelineList .timeListLeft .tlPhoto {
			margin-right:1px;
			text-align:right;
		}

		#timelineList .timeListLeft .tlPhoto img {
			height:175px;
		}

	#timelineList .timeListRight {
		margin-left: 20px;
		margin-top: 0px;
		text-align: left;
		background: white;
		padding: 20px;
		width: 265px;
		border: 2px solid #2966B8;
		border-radius: 8px;
		-webkit-border-radius:8px;
		font-size:12px;
		font-style:italic;
		line-height:1.5;
		margin-bottom:20px;
	}

		#timelineList .timeListRight .tlDate {
			font-size:12px;
		}
		#timelineList .timeListRight .tlDesc {
			font-size:12px;
		}
		#timelineList .timeListRight .tlText {
			font-size:12px;
			text-align:left;
		}

		#timelineList .timeListRight .tlPhoto {
			margin-right:1px;
			text-align:left;
		}

		#timelineList .timeListRight .tlPhoto img {
			height:175px;
		}

#comments {
	height:700px;
	width:460px;
	float:left;
	background:white;
	padding:20px;
	overflow:hidden;
	padding-top:40px;
}
	#comments a {
		text-decoration:none;
		color:black;
	}

	#comments .comment {
		border:2px solid #2966B8;
		border-radius:5px;
		-webkit-border-radius:5px;
		width:420px;
		margin-bottom:20px;
		padding-left:10px;
		padding-right:10px;
	}	

	#comments .commentDate {
		font-weight:bold;
		color:#2966B8;
		margin-top:10px;
		display:block;
	}

	#comments .commentUser {
		font-style:italic;
		margin-bottom:10px;
		display:block;
		text-align:right;
		margin-right:25px;
	}

#photos {
	background:white;
	padding-top:25px;
	padding-bottom:25px;
}
	
	#photos td {
		vertical-align:top;
	}

	.photo {
		text-align:center;
		margin-left:22px;
		margin-right:22px;
	}

	.photo img {
		border:1px solid #bbbbbb;
		width:200px;
		margin-bottom:5px;
	}

#addform {
	padding-left:200px;
	padding-top:25px;
	background:white;
	margin-bottom:0px;
	padding-bottom:25px;
}
	#addform label {
		display:inline-block;
		width:120px;
		text-align:right;
		color:#2966B8;
		font-weight:bold;
		margin-right:10px;
	}

	#addform input {
		display:inline-block;
		border:1px solid #2966B8;
		border-radius:5px;
		-webkit-border-radius:5px;
		height:30px;
		width:170px;
		margin-bottom:8px;
		padding-left:10px;
		margin-right:25px;
	}

	#addform select {
		display:inline-block;
		border:1px solid #2966B8;
		border-radius:5px;
		-webkit-border-radius:5px;
		height:30px;
		width:170px;
		margin-bottom:8px;
		padding-left:10px;
		margin-right:25px;
	}

	#addform input[type="file"] {
		border:0px;
		height:30px;
		width:400px;
		margin-bottom:8px;
		padding-left:0px;
	}

	#addform input[type="submit"] {
		border:1px solid #2966B8;
		border-radius:5px;
		-webkit-border-radius:5px;
		height:30px;
		width:100px;
		margin-bottom:8px;
		padding-left:10px;
		background:#A9C5EB;
		margin-left:15px;
	}

	#addform textarea {
		border:1px solid #2966B8;
		border-radius:5px;
		-webkit-border-radius:5px;
		height:75px;
		width:570px;
		margin-bottom:8px;
		padding-left:10px;
	}

	#addform .checks {
		clear:left;
		float:left;
		width:200px;
		font-size:14px;
	}

	#addform .checks [type="checkbox"] {
		height:12px;
		width:20px;
	}

	#addform .buttons {
		float:left;
		width:570px;
		text-align:center;
	}

	#frmCancel {
		background:#CEDEF4 !important;
	}

#commentList {
	padding-left:200px;
	padding-top:25px;
	background:white;
	margin-top:-20px;
	padding-bottom:25px;
}

	#commentList .comment {
		border:1px solid #2966B8;
		border-radius:5px;
		-webkit-border-radius:5px;
		width:550px;
		margin-bottom:8px;
		padding-left:10px;
		padding-right:10px;
	}	

	#commentList .commentDate {
		font-weight:bold;
		color:#2966B8;
		margin-top:10px;
		display:block;
	}

	#commentList .commentUser {
		font-style:italic;
		margin-bottom:10px;
		display:block;
		text-align:right;
		margin-right:25px;
	}

#footer {
	width:100%;
	height:50px;
}


.adminIcon {
	width:22px !important;
	position:relative;
	top:25px;
	margin-bottom:0px !important;
	border:0 !important;
	float:right;
}

#cover {
	background-color:#000000;
	opacity:.7;
	z-index:1;
	height: 10000px;
	width: 3000px;
	position: absolute;
	left: 0;
	top: 0;
	overflow:hidden;
}

.fullPhoto {
	z-index:2;
	position:absolute;
	left:325px;
	background:black;
}

.fullText {
	background:black;
	color:white;
	z-index:2;
}