body {
	margin:0;
	color: #3b3b3b;
	font-family: 'Arial', sans-serif;
	width:100%;
	font-size:14px;
}
#header {
	background-color:#f9f9ff;
	float:left;
}
#page {
	background-color:#f9f9ff;
	float:left;
}
#container {
	margin:0 auto;
}
h1,a {
	color: #002E6B;
}
label {
	display:inline-block;padding-right:15px;
}
input {
	margin:5px;
}
select {
	margin:5px 10px;
}
table {
	border-collapse: collapse;
	border:#ccc thin solid;
	margin:10px 0;
}
td {
	border-bottom:#ccc thin dotted;
	padding:3px;
	margin:0px;
	background-color:#fff;
}
th {
	text-align:left;
	background-color:#fff !important;
	color:#002E6B !important;
	line-height:20px;
}
#footer {
	width:100%;
	text-align:center;
	padding:40px 0;
	margin:100px 0;
	border-top:#ccc thin solid;
	clear:both;
}
.display {
	width:100%;
}
.listicon {
	height:20px;
	padding: 0 10px 0 0;
	float:left;
}
.menuicon {
	height:20px;
	padding: 0 10px 0 0;
	float:left;
	margin-left:30px;
}
.smallmenu,.listnumber {
	padding:5px 0 0 0;
	float:left;
}
.module {
	float:left;
	text-align:center;
	background-color:#fcfcfc;
	padding:15px;
}
.module img {
	width:60px;
}
.module a {
	text-decoration:none;
}
textarea {
	width:600px;
	height:300px;
}
.red {
	display:block;
	background-image: url("/icons/red.png");
	color:white;
	font-size:small;
	width:40px;
	height:26px;
	position:relative;
	top:-80px;
	left:80px;
	text-align:center;
	padding-top:14px;
}
.button {
	-moz-box-shadow:inset 0px 1px 3px 0px #91b8b3;
	-webkit-box-shadow:inset 0px 1px 3px 0px #91b8b3;
	box-shadow:inset 0px 1px 3px 0px #91b8b3;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #768d87), color-stop(1, #6c7c7c));
	background:-moz-linear-gradient(top, #768d87 5%, #6c7c7c 100%);
	background:-webkit-linear-gradient(top, #768d87 5%, #6c7c7c 100%);
	background:-o-linear-gradient(top, #768d87 5%, #6c7c7c 100%);
	background:-ms-linear-gradient(top, #768d87 5%, #6c7c7c 100%);
	background:linear-gradient(to bottom, #768d87 5%, #6c7c7c 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#768d87', endColorstr='#6c7c7c',GradientType=0);
	background-color:#768d87;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	border:1px solid #566963;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Arial;
	font-size:14px;
	padding:6px 13px;
	text-decoration:none;
	text-shadow:0px -1px 0px #2b665e;
}
.button:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #6c7c7c), color-stop(1, #768d87));
	background:-moz-linear-gradient(top, #6c7c7c 5%, #768d87 100%);
	background:-webkit-linear-gradient(top, #6c7c7c 5%, #768d87 100%);
	background:-o-linear-gradient(top, #6c7c7c 5%, #768d87 100%);
	background:-ms-linear-gradient(top, #6c7c7c 5%, #768d87 100%);
	background:linear-gradient(to bottom, #6c7c7c 5%, #768d87 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#6c7c7c', endColorstr='#768d87',GradientType=0);
	background-color:#6c7c7c;
}
.button:active {
	position:relative;
	top:1px;
}
.active {
	background:#fff;
}

.login {
	width:300px;
	float:left;
	border:#ccc thin solid;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
}
.login label {
	width:70px;
	padding:6px 0 0 0;
	float:left;
}
.small {
	font-size:small;
}
#sheader {
	width:100%;
	background:url("/images/VAP-logo-forWeb.jpg");
	background-repeat: no-repeat;
	background-position: center top;
}
#splash {
	width:100%;
	background:linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url("/images/Family1.jpg");
	background-size: 100%;
	background-repeat: no-repeat;
	text-align:center;
	border-top:#000 thin solid;
	border-bottom:#000 thin solid;
	text-shadow: 1px 1px #000;
}
#splashlogin {
	background-color:#000;
	width:300px;
	margin:0 auto;
	text-align:left;
	padding:15px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
}
#splashlogin label {
	width:80px;
}
#splashlogin input[type=text],#splashlogin input[type=password] {
	width:120px;
}
#splashinner {
	text-align:center;
	color:white;
	margin:0 auto;
	font-size:18px;
}
#splashinner h1,#splashinner a {
	color:white;
}

/* Greater than 939px */
@media screen and (min-width: 940px) {
#container,#page {
	width:900px;
}
#page {
	padding:10px;
}
.login {
	padding:15px;
	margin:15px;
}
#splash {
	height:100%;
}
#sheader {
	height:180px;
}
#splashinner {
	width:900px;
}
.module {
	font-size:large;
}
#msmallmenu {
	display:none;
}
#dsmallmenu {
	display:block;
}
}
/* Less than 940px */
@media screen and (max-width: 939px) {

#container {
	width:319px;
	background-color:#000;
}
#header img {
	width:300px;
}
.login {
	padding:10px;
	margin:3px;
}
#splash {
	height:650px;
}
#sheader {
	height:70px;
	background-size: 309px 60px;
}
#splashinner {
	width:305px;
}
.module {
	width:110px;
	height:100px;
}
#dsmallmenu,.dc {
	display:none;
}
#msmallmenu {
	display:block;
	font-size:large;
}
#msmallmenu a {
	text-decoration:none;
}
#mnav {
	width:300px;
}
#mnav a {
	display:block;
	background-color:#002E6B;
	color:white;
	padding:10px;
	border-bottom:#aaa thin solid;
}
}
