body /* Internet Explorer */
{
	text-align: center;
	color:Black;
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
	background-color: #3A4E63;
	border:0;
	margin:0px;
	margin-bottom:10px;
	
}

body /* Mozilla Firefox alignment */
{
	text-align: -moz-center;
	color: Black;
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
	background-color: #3A4E63;
	border:0;
		margin:0px;
	margin-bottom:10px;

}
.error {
	font-weight: bolder;
	color: red;
	font-size: large;
}
.ribbontop
{
    background-color: Black;
    color: #FFFFFF;
    font-weight: bold;
}
.ribboncontent
{
  
    background-color: #FFFFFF;
    color: #000000;
    padding:5px;
}
div.main
{
    width: 100%;
    margin: 0 auto;
    overflow: visible;
    background-color: #FFFFFF;
    color: #000000;
}
#contentouter
{
    border: 1px solid #151515;
    background-color: #151515;
}
.behindHeader
{
   width:100%;
    height:100px;
    background-color:  #000000;
    position:Absolute;
    
    top:0;
    left:0;
    z-index:-100;
}

.header
{
    width: 100%;
    height: 50px; /*background-color: #5D7B9D;*/
    background-color:  #000000;
    padding:2px;
   /* background-image:url('/Images/HeaderBg.jpg');  background-repeat:repeat-x;*/
}
.header a
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
	color:White;
	text-decoration:underline;
	
}
.header a:hover
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
	color: #0000FF;
	text-decoration: underline;
	cursor:pointer;
}
.footer
{
    width: 100%;
    height: 20px;
    text-align: center;
    vertical-align: text-top;
    color: #D9CDB2;
    font-weight: bold;
    
}
.middle
{
    /*background-color: #000066;*/
    background-color: #FFFFFF;
    color: Black;
    min-height: 500px;
    height: 500px;
    width: 100%;
}
.statusbar
{
	background-color: Black;
	text-align:right;
	width:100%;
}
table
{
	border-style: none;
	padding: 0px;
	margin: 0px;
	text-align: left;
}
td
{
    color: #000000;
    vertical-align: top;
    text-align: left;
}
h1
{
    border-width: thin;
    font-family: Arial;
    font-size: x-large;
    font-weight: bold;
    color: #5D7B9D;
    font-variant: normal;
    border-bottom-style:dotted;
   
    margin-right:5px;
}
h2
{
    font-family: Arial;
    font-size: medium;
    font-weight: bold;
    color: #000000;
}
h3
{
    font-family: Arial;
    font-size: small;
    font-weight: bold;
    color: #000000;
}
h4
{
    font-family:Arial;
    font-size:medium;
    font-weight:bold;
    color:#5D7B9D;
    padding:0px;
    margin-bottom:2px;
    margin-top:10px;
    letter-spacing:1px;
    
}
/*
a
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
	color: #0066FF;
	text-decoration: none;
}
a:hover
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
	color: #00FF00;
	text-decoration: underline;
}
*/

a:link
{
	color: #809680;
	text-decoration: none;
	width: 24px;
    }
a:hover
{
    color: #000000;
    text-decoration: underline;
}
a
{
    color: #809680;
    text-decoration: none;
}
input
{
	font-size: x-small;
	color: #0000FF;
}
input.submit
{
	background-color:Green;
}
select
{
		font-size: x-small;
	color: #0000FF;
    height: 19px;
}
.mybuttons
{
	border: medium solid black;
	
	font-weight: bold;
	color: #FFFFFF;
	background-color: #5d7b9d;
	cursor:pointer;
	}
.modalPopup
{
	background-color: #5D7B9D;
	color: black;
	
	border-width: 3px;
	border-style: solid;
	border-color: Black;
	/*padding: 3px;*/
}
.modalPopup td
{
	background-color:#5D7B9D;
	color:black;
}
.modalPopup h2
{
    background-color:Black;
    color: White;
    
    padding:0px;
    margin:0px;
   Padding-left:5px;
    padding-bottom:3px;
   /* background-color:#5D7B9D;
	    border-width: thin;
    font-family: Arial;
    font-size: x-large;
    font-weight: bold;
    color: Black;
    font-variant: normal;
    border-bottom-style: solid;
*/
}
.modalPopup a
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
	color: black;
	text-decoration: none;
}
.modalPopup a:hover
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
	color: white;
	text-decoration: underline;
}
.modalBackground
{
	background-color: Gray;
	filter:alpha(opacity=70);
	opacity:0.7;
}
.cal .ajax__calendar_container
{
    background-color: #FFFFFF;
    color: #000000;
    border:solid thin black;
}
.cal .ajax__calendar_active
{
    background-color: Yellow;
    color: Black;
    border:solid thin black;
}

.grid
{
	width:100%;
	border: Solid 1px black;
	border-collapse:collapse;
}

.grid th
{
	padding: 2px;
	border-style: none;	
	color: White;
	text-align: left;
	font-weight: bold;
	font-size: small;
}
/*
.grid td
{
    border-bottom-style: solid;
    border-width: thin;
    border-color: #CCCCCC;
    font-size: small;
    text-align: left;
}
*/

.grid a
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: small;
    color: #000000;
    text-decoration: none;
}
.grid td a
{
        font-family: Arial, Helvetica, sans-serif;
    font-size: small;
    color: #000000;
    text-decoration: none;
}
.grid td a:link
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: small;
    color: #333333;
    text-decoration: none;
}

.grid td a:hover
{
    font-family: Arial, Helvetica, sans-serif;
	font-size: small;
color: Black;
	
	text-decoration: underline;
}
.grid a:hover
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
color: Black;
	
	text-decoration: underline;
}

.grid a:link
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
	color: #809680;
	text-decoration: none;
}

button
{
	background-color: #000000;
	color: #FFFFFF;
	border: thick solid #FFFFFF;
}
.MainMenu
{ 
	width:150px;
	vertical-align:top;
	padding-right:5px;
}
.MainMenu  a:link
{
	color: #809680;
	text-decoration: none;
	font-family:Verdana;
	font-size:small;
	width:140px;
}
.MainMenu a:hover
{
	color: Black;
	text-decoration: none;
	background-color:gray;
	font-weight:bold;
	font-family:Verdana;
	font-size:small;
	width:140px;
}
.MainMenu a
{
	color: #809680;
	text-decoration: none;
	font-family:Verdana;
	font-size:small;
	width:140px;
}
.MenuLinks
{
    width: 140px;
    min-width: 140px;
    min-height: 10px;
    height: 10px;
    max-height:10px;
    background-color: #313131;
    cursor: pointer;
    display: block;
    vertical-align: middle;
    line-height: 10px;
    padding: 5px;
    border-bottom: solid thin black;
}
/*
.MainMenu a
{
	cursor: pointer;
	color: #FFFFFF;
	font-family: Verdana;
	font-size: small;
}
.MainMenu a:hover
{
cursor: pointer;
	color: #FFFFFF;
	font-family: Verdana;
	font-size: small;
	text-decoration:underline;
	
}
*/
#navlist
{
	margin:0;
	padding:0;
	background-color:black;
}
#navlist li
{
	display:inline;
	padding:0;
	margin:0;
	float:left;
	background-color:Black;
}
#navlist a
{
	width: 108px;
	min-width: 108px;
	min-height: 50px;
	height: 50px;
	background-color: Black;
	cursor: pointer;
	display: block;
	vertical-align: middle;
	line-height: 50px;
	border-right: solid thin #303030;
	text-align: center;
	display: block;
	color: #FFFFFF;
	text-decoration: none;
}
#navlist a:link
{
	width: 108px;
	min-width: 108px;
	min-height: 50px;
	height: 50px;
	background-color:  Black;
	cursor: pointer;
	display: block;
	vertical-align: middle;
	line-height: 50px;
	text-align: center;
	display: block;
	color: #FFFFFF;
	text-decoration: none;
	border-right: solid thin #303030;

}
#navlist a:hover
{
    width: 108px;
    min-width: 108px;
    min-height: 50px;
    height: 50px;
    background-color: #3A4E63;
    cursor: pointer;
    display: block;
    vertical-align: middle;
    line-height: 50px;
    text-align: center;
    display: block;
    color: Black;
    text-decoration: none;
    border-right: solid thin #303030;
    font-weight: bold;
}
.HiddenColumn
{
    display:none;
}


@media (max-width:1000px) {
	div.main {
		max-width: 1000px;
		width: 100%;
	}

	.MainMenu {
		max-width: 0px;
		vertical-align: top;
		padding-right: 5px;
		display: none;
	}

	div.mainm {
		width: 100%;
		background-color: black;
	}

	body {
		background-color: #303030;
	}

	.MenuLinks {
		width: 100%;
		min-height: 10px;
		height: 10px;
		max-height: 10px;
		background-color: #313131;
		cursor: pointer;
		vertical-align: middle;
		line-height: 10px;
		padding: 0;
		margin: 0;
		border-bottom: solid thin black;
	}

	a:link {
		color: #809680;
		text-decoration: none;
		width: 24px;
		font-weight: bold;
		font-size: medium;
	}

	a:hover {
		font-weight: bold;
		color: #000000;
		text-decoration: underline;
	}

	a {
		color: #809680;
		text-decoration: none;
		font-weight: bold;
	}

	.header a:link {
		color: #809680;
		text-decoration: none;
		width: 24px;
		font-weight: bold;
		font-size: small;
	}

	.header a:hover {
		font-weight: bold;
		color: red;
		text-decoration: underline;
	}

	.header a {
		color: #809680;
		text-decoration: none;
		font-weight: bold;
	}
}





#hamburgernavlist {
	margin: 0;
	padding: 0;
}

	#hamburgernavlist ul {
		display: inline-table;
	}

	#hamburgernavlist li {
		display: block;
		padding: 0;
		margin: 0;
	}

	#hamburgernavlist a {
		width: 100%;
		min-width: 165px;
		min-height: 40px;
		min-height: 40px;
		background-color: #3A4E63;
		cursor: pointer;
		display: block;
		vertical-align: middle;
		line-height: 25px;
		text-align: left;
		display: block;
		color: #FFFFFF;
		text-decoration: none;
		border-top: solid thin #990000;
		font-family: PTSansRegular,Arial,Helvetica,sans-serif;
		padding: 5px;
	}

		#hamburgernavlist a:link {
			width: 100%;
			min-height: 25px;
			min-height: 40px;
			background-color: #3A4E63;
			cursor: pointer;
			display: block;
			vertical-align: middle;
			line-height: 25px;
			text-align: left;
			display: block;
			color: #FFFFFF;
			text-decoration: none;
			border-top: solid thin #990000;
			font-family: PTSansRegular,Arial,Helvetica,sans-serif;
			padding: 0;
			text-indent: 5px;
		}

		#hamburgernavlist a:hover {
			width: 100%;
			min-width: 165px;
			min-height: 25px;
			min-height: 40px;
			cursor: pointer;
			display: block;
			vertical-align: middle;
			line-height: 25px;
			text-align: left;
			display: block;
			color: Silver;
			text-decoration: none;
			background-color: Black;
			border-top: solid thin #990000;
			font-weight: bold;
			font-family: PTSansRegular,Arial,Helvetica,sans-serif;
		}