* {
	margin: 0;
	padding: 0;
}

body {
	font: normal 62.5% Verdana, Geneva, "Bitstream Vera Sans", sans-serif;
	background: url(../assets/images/bg.gif) top left repeat;
}

p {
	margin-bottom: 1em;
}

a {
	color: #004599;
}

a:hover {
	color: #3e95da;
}

a.external {
    background: url(../assets/images/external.png) center right no-repeat;
    padding-right: 13px;
}

h1 {
	font-size: 1.6em;
	color: #aaa382;
	border-bottom: 2px solid #aaa382;
	text-align: right;
}

h2 {
	font-size: 1.4em;
	color: #707355;
	border-bottom: 2px solid #707355;
	margin-bottom: 0.3em;
}

h3 {
	color: #3e402f;
	font-size: 1.2em;
}

li {
	margin-bottom: 1em;
}

img {
	border: 0;
}

#container {
	font-size: 1.2em;
	line-height: 1.5em;
	width: 779px;
	margin: 0 auto;
	color: #222;
	background: #f2f2f2 url(../assets/images/bg1.gif) top left repeat-y;
}

#header {
	width: 779px;
	height: 155px;
	background-image: url(../assets/images/header.jpg);
}

	#header h1, #header h2 { display: none}

#sub-header {
	width: 779px;
	height: 19px;
	background-image: url(../assets/images/sub-head.jpg);
}

	#sub-header p {
		color: #f2f2f2;
		font-weight: bold;
		font-variant: small-caps;
		width: 259px;
		float: left;
		text-align: center;
	}

#advertisement {
	text-align: center;
	margin-bottom: 1em;
}

#sidebar {
	width: 241px;
	padding: 10px;
	float: left;
}

	#sidebar h2 { display: none}

#sidebar form .field label {
	width: 80px;
	text-align: right;
}

ul#menu {
	list-style: none;
}

	ul#menu li {
		margin-left: 0.3em;
		margin-bottom: 0.2em;
	}
	
	ul#menu li a {
		display: block;
		width: 238px;
		height: 22px;
		color: #f2f2f2;
		background: transparent url(../assets/images/menu.jpg) 0 0 no-repeat;
		font-size: 1.1em;
		font-weight: bold;
		font-variant: small-caps;
		text-decoration: none;
		text-align: center;
		padding-top: 2px;
	}
	
	ul#menu li a:hover {
		color: #f2f200;
		background: transparent url(../assets/images/menu.jpg) 0 -24px no-repeat;
	}
	
	ul#menu li a.current {
		color: #333;
		background: transparent url(../assets/images/menu.jpg) 0 -48px no-repeat;
		cursor: default;
	}
	
	ul#menu li a.current:hover {
		background: transparent url(../assets/images/menu.jpg) 0 -48px no-repeat;
	}

#content {
	width: 498px;
	padding: 10px;
	float: right;
}

	#content ol, #content ul {
		margin-left: 2.5em;
		margin-bottom: 1em;
	}

#footer {
	color: #333;
	font-size: 0.8em;
	clear: both;
	width: 779px;
	height: 58px;
	background-image: url(../assets/images/footer.jpg)
}

	#footer p {
		font-size: 1.2em;
		padding-top: 20px;
		text-align: center;
	}



.advert {
	margin-top: 1em;
	text-align: center;
}

	
ul#recent-reports {
	margin: 0;
	list-style: none;
}
	
	ul#recent-reports li {
		margin-bottom: 0.2em;
	}

ul#vblog {
	list-style: none;
}

	ul#vblog li {
		text-align: center;
		width: 40%;
		border: 1px solid #585a43;
		background-color: #e0e3cc;
	}

	ul#vblog span {
		display: block;
		margin-bottom: 0.5em;
		font-size: 0.8em;
		color: #585a43;
	}

	ul#vblog img {
		display: block;
		margin: 0 auto;
		border: 3px double #707355;
	}

	ul#vblog a {
		text-decoration: none;
		font-weight: bold;
	}

	ul#vblog a:hover img {
		border: 3px solid #3e95da;
	}

#vblogEmbededVideo {
	text-align: center;
}

table#incidentReport {
}

	#incidentReport p {
		margin: 0;
	}
	
		#incidentReport p label {
			font-weight: bold;
			color: #585a43;
		}
	
	#incidentReport .photo {
		text-align: center
	}
	
		#incidentReport .photo img {
			border: 3px double #585a43;
			padding: 2px;
		}
	
	#incidentReport .location {
		width: 66%;
		float: left;
	}
	
	#incidentReport .date {
		width: 33%;
		float: left;
	}
	
	#incidentReport .time {
		width: 33%;
		float: left;
	}
	
	#incidentReport .platenumber {}
	
	#incidentReport .type {}
	
	#incidentReport .make {
		width: 33%;
		float: left;
	}
	
	#incidentReport .model {
		width: 33%;
		float: left;
	}
	
	#incidentReport .color {}
	
	#incidentReport .incident {
		text-align: justify;
		margin-top: 1em;
		background-color: #d4cba1;
		border: 3px double #aaa382;
		padding: 10px;
		padding-top: 0;
		margin-bottom: 1em;
	}
	
	#incidentReport .incident label {
		display: block;
		margin-bottom: 0.5em;
		border-bottom: 2px solid #585a43;
	}

ul#comments {
	list-style: none;
	margin: 0;
}

	ul#comments li {
		border-top: 1px solid #004599;
		border-bottom: 1px solid #004599;
		margin-bottom: 0.5em;
	}
	
		ul#comments li label {
			float: left;
			color: #386880;
			font-weight: bold;
		}
		
		ul#comments li p {
		}
		
		ul#comments li p.date {
			margin-bottom: 0.5em;
			font-size: 0.8em;
			color: #5aa6cc;
			float: right;
		}
		
		ul#comments li p.comment {
			clear: both;
		}

.linkButton {
	width: 15em;
	text-align: center;
	margin: 2em auto;
}

	.linkButton a {
		display: block;
		color: #f2f2f2;
		background-color: #004599;
		border: 2px outset #004599;
		font-weight: bold;
		text-decoration: none;
	}
	
	.linkButton a:hover {
		display: block;
		color: #f2f200;
		background-color: #0071ff;
		border: 2px outset #0071ff;
		font-weight: bold;
		text-decoration: none;
	}

#links {}

	#links li {
		margin-bottom: 1em;
	}

		#links li a {}

			#links li a:hover {}

		#links li span {
			display: block;
		}

.logInMsg {
	font-weight: bold;
	color: #707355;
}

.functions {
	color: #eee;
	background-color: #585a43;
	padding: 0 2px;
	text-align: right;
	margin-bottom: 1em;
}

	.functions a {
		color: #eee;
		background-color: #585a43;
		text-decoration: none;
		margin-left: 1em;
	}
	
		.functions a:hover {
			color: #585a43;
			background-color: #eee;
			text-decoration: none;
		}
