﻿body {
	margin: 0px;
	background-color: #eeeef8;
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;

}
a {
	text-decoration: none;
	color: #000080;
}
a:link {
	color: #000080;
}
a:visited {
	color: #000080;
}
a:hover {
	color: #333333;
}
a:active {
	color: #000080;
}



.page {

margin: 25px auto 25px auto;
background-color: white;

	padding: 5px;
	border: 1px solid #CCCCCC;
	width: 740px;

}
.thinblackbar {
	position: relative;
	height: 10px;
	background-color: #333333;
}
.menubar {
	height: 25px;
	background-color: #333333;
	width: 100%;
	font-family: Arial, Helvetica, sans-serif;
	font-size: x-small;
	color: #CCCCCC;
}
.menubutton {
	width: 10px;
	text-align: center;
	white-space: nowrap;
	padding-right: 10px;
	padding-left: 10px;
}
.menubutton a {
	display: block;
	text-decoration: none;
	color: #CCCCCC;
}
.menubutton a:hover {
	color: white;
}
.pageheader {
	background-position: right center;
	height: 65px;
	background-image: url('images/bluechevron.jpg');
	background-repeat: no-repeat;
}
.blackbar {
	position: relative;
	height: 25px;
	background-color: #333333;
}
.pagemain {
	background-color: #CCCCCC;
}
.pagefooter {
	position: relative;
	margin-top: 5px;
	font-size: xx-small;
	font-variant: normal;
	text-align: center;
	color: #000000;
}
.leftcolumn {
	width: 114px;
		text-align: right;
}
.rightcolumn {
	width: 575px;
	position: relative;
	height: 300px;
}
.sidebar {
	top: 0px;
	background-position: top;
	background-color: #333333;
	padding: 100px 10px 10px 10px;
	height: auto;
	font-family: Arial, Helvetica, sans-serif;
	font-size: large;
	color: #cccccc;
	text-transform: lowercase;
	font-weight: normal;
	vertical-align: top;
	background-repeat: no-repeat;
	width: auto;
}

.contentbox {
	border: 1px solid #333333;
	padding: 10px 10px 17px 10px;
	height: auto;
	font-size: small;
	background-color: #FFFFFF;
}
img {
	border-style: none;
}
.boxtext {
	font-size: x-small;
	text-align: left;
	height: 100%;
	padding-top: 20px;
	padding-bottom: 5px;
	float: left;
	bottom: 100px;
	right: 5px;
	left: 5px;
}
.spacer {
	height: 12px;
}
.titletext {
	color: #ccccc;
	font-size: large;
}

#about {
	background-image: url('images/dark/about.jpg');
}
#awareness {
	background-image: url('images/dark/awareness.jpg');
}
#contact {
	background-image: url('images/dark/contact.jpg');
}
#events {
	background-image: url('images/dark/events.jpg');
}
#hallmark {
	background-image: url('images/dark/hallmark.jpg');
}
#help {
	background-image: url('images/dark/help.jpg');
}
#home {
	background-image: url('images/dark/shield.jpg');
}
#investigations {
	background-image: url('images/dark/investigations.jpg');
}
#policies {
	background-image: url('images/dark/policies.jpg');
}
#premises {
	background-image: url('images/dark/premises.jpg');
}
#services {
	background-image: url('images/dark/services.jpg');
}
#training {
	background-image: url('images/dark/training.jpg');
}
#travel {
	background-image: url('images/dark/travel.jpg');
}
#boxservices {
	border: 1px solid #000000;
	background-image: url('images/light/services.jpg');
	width: 88px;
	background-color: white;
	color: #333333;
}
#boxhallmark {
	border: 1px solid #333333;
	background-image: url('images/light/hallmark.jpg');
	width: 88px;
	background-color: white;
	color: #333333;
}
#boxabout {
	border: 1px solid #333333;
	background-image: url('images/light/about.jpg');
	width: 88px;
	background-color: white;
	color: #333333;
}
#boxcontact {
	border: 1px solid #333333;
	background-image: url('images/light/contact.jpg');
	width: 88px;
	background-color: white;
	color: #333333;
}
#boxhelp {
	border: 1px solid #333333;
	background-image: url('images/light/help.jpg');
	width: 88px;
	background-color: white;
	color: #333333;
}
#boxawareness {
	border: 1px solid #333333;
	background-image: url('images/light/awareness.jpg');
	width: 111px;
	background-color: white;
	color: #333333;
}
#boxevents {
	border: 1px solid #333333;
	background-image: url('images/light/events.jpg');
	width: 111px;
	background-color: white;
	color: #333333;
}
#boxinvestigations {
	border: 1px solid #333333;
	background-image: url('images/light/investigations.jpg');
	width: 111px;
	background-color: white;
	color: #333333;
}
#boxpolicies {
	border: 1px solid #333333;
	background-image: url('images/light/policies.jpg');

	background-color: white;
	color: #333333;
}
#boxpremises {
	border: 1px solid #333333;
	background-image: url('images/light/premises.jpg');
	width: 111px;
	background-color: white;
	color: #333333;
}
#boxtraining {
	border: 1px solid #333333;
	background-image: url('images/light/training.jpg');
	width: 111px;
	background-color: white;
	color: #333333;
}
#boxtravel {
	border: 1px solid #333333;
	background-image: url('images/light/travel.jpg');
	width: 111px;
	background-color: white;
	color: #333333;
}
#boxhelp2 {
	border: 1px solid #333333;
	background-image: url('images/light/help.jpg');

	background-color: white;
	color: #333333;
}
.sidebar a {
	display: block;
	text-decoration: none;
	color: #333333;
}
.sidebar a:hover {
	color: black;
}
.insettext {
	padding-top: 3px;
	padding-bottom: 12px;
	padding-left: 10px;
	color: #000080;
}


