/* CSS Document */


/*********************/
/* job propose forms */ 
/*********************/
input:invalid {
  box-shadow: 0 0 5px 1px red;
}

input[type="text"],
input[type="email"],
input[type="number"],
textarea,
fieldset {
  width: 25%;
  border: 2px solid #333;
  box-sizing: border-box;
}

/* CSS Document */


body {
	/* 666666; main background color: gray */	
	background-color: #336699; 
	padding: 0;
	margin: 0;
	padding-top: 20px;
	padding-bottom: 10px;
	font-family: Arial, Helvetica, sans-serif;
}

/****************/
/* Top Nav CSS */
/**************/
tr.topnav td a {
	color: #FFFFFF;
	text-decoration: none;
	font-size: 12px;
	font-weight: bold;
}

tr.topnav td a:hover {
	color: #FFE200;
	text-decoration: none;
}

/*****************/
/* Left Nav CSS */
/***************/

#leftnav a {
	text-decoration: none;
}

.leftnav {
	list-style: none;
	margin: 0px;
	padding: 0px;
	border: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	font-weight: bold;
	width: 99%;
}
.leftnav li {
	margin: 0;
	padding: 0;
}

.leftnav li a {
	display: block;
	margin: 0;
	padding: 2px 1px 2px 12px;
/*	border-left: 8px solid #7A1F21; */
	border-left: 8px solid #990000;
	border-top: 0px solid #999999;
	border-bottom: 0px solid #999999;
	background-color: #999999; 
	color: #ffffff;
	text-decoration: none;
}
html>body .leftnav li a {
	width: auto;
}
.leftnav li a:hover {
/*	border-left: 15px solid #7A1F21;*/
	border-left: 15px solid #990000;
	padding-left: 5px;
	color: #333333;
	text-decoration: none;
}

#leftmenu {
/*	background-color: #999999;
	border-right: 1px solid #666666; */
	vertical-align: top;
	padding-left: 10px;
}

#leftmenu div#menuhead {
	padding-left: 8px;
	margin-top: 10px;
	font-family: Veranda, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #990000;
/*	border-left: 8px solid #7A1F21; */
	border-left: 8px solid #990000;
	border-top: 8px solid #999999;
	width: 100px;
}

#leftmenu div#menubottom {
	padding-left: 8px;
	font-family: Veranda, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #990000;
/*	border-left: 8px solid #7A1F21;*/
	border-left: 8px solid #990000;
	border-bottom: 8px solid #999999;
	width: 100px;
}



/******************/

#main {
	background: url(../images/back.jpg) #333333;
}

#content {
/*	background-color: #ffffff; */
/* padding of 15px is bad */
	padding: 15px;
	padding-right: 20px;
	padding-top: 0px;
	vertical-align: top;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

content separator {
	background-color: #000000;
}

#content div#block {
	padding: 0;
	margin: 0;
	display: block;
	clear: both;
	height: 360px;
}

#content div#block2 {
	padding: 0;
	margin: 0;
	display: block;
	clear: both;
	height: 320px;
}

#content div#block3 {
	padding: 0;
	margin: 0;
	display: block;
	clear: both;
	height: 315px;
}

.selected {
  	font-family: Arial, Helvetica, sans-serif;
	font-style: italic;
	background-color:DarkRed;
	align="center";
}

.sel2 {
  	font-family: Arial, Helvetica, sans-serif;
	font-style: italic, bold;
	background-color:DarkRed;
	align="right";
}

#content h1 {
/*	color: #666666;*/
	color: #336699; 
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-weight: bold;
	font-style: italic;
}

#content h2 {
	color: #000000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16;
	font-weight: bold;
	font-style: italic;
}

#content h3 {
	color: DarkRed; 
/* #009933; green */
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12;
	font-weight: bold;
}

#content a {
/*	color: #7A1F21;*/
	color: #990000;
}

#content a:hover {
	color: #336699;
/*	color: #666666;*/
}

#content li {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding-top: 5px;
}

#content ul.index {
	padding: 0;
	margin: 0;
	padding-left: 13px
}

#content #contact {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

#content #contact legend {
/*	color: #7A1F21;*/
	color: #831B1E;
	font-weight: bold;
}

#content img {
	border: 0;
	margin-right: 10px;
	margin-left: 10px;
	margin-bottom: 10px;
}

#table {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	border-left: 1px solid #999999;
	border-top: 1px solid #999999;
}

#table td {
	border-right: 1px solid #999999;
	border-bottom: 1px solid #999999;
	text-align: left;
}

#table .table_head {
	background-color: #CCCCCC;
	font-size: 13px;
	font-weight: bold;
}


/******************/

#top {
	background: url(../images/top.jpg) #333333;
	height: 18px;
}

#bottom {
	background: url(../images/bottom.jpg) #333333;
}

#footer {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	background-color: #336699;
	text-align: center;
	padding-top: 7px;
}

#footer a {
	color: #cccccc;
}

#footer a:hover {
	color:#FFFFCC;
}

/***********
http://www.quackit.com/html/html_color_codes.cfm
*******/
#job-hdr {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	background-color: #FFFFFF; /* white */
	text-align: left;
	padding-top: 7px;
}
#job-odd {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	background-color: #F2DEAD; /* pee yellow */
	text-align: left;
	padding-top: 7px;
}
#job-even {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	background-color: #BEF1EF; /* sky blue */
	text-align: left;
	padding-top: 7px;
}
#job-na {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	background-color: #999999; /* CCCCCC=gray */
	text-align: left;
	padding-top: 7px;
}
#job-avail {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	background-color: #99FF99; /* sky blue=BEF1EF, 99FF99=mint green  */
	text-align: left;
	padding-top: 7px;
}
#job-tbd {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	background-color: #99CCFF; /* sunshine=FFFF99, otw sky blue */
	text-align: left;
	padding-top: 7px;
}
#job-action {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	background-color: #FFFF99; /* yellow background*/
	text-align: left;
	padding-top: 7px;
}
#job-title {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #FFFFFF;		/* #990000 is dark red */
	background-color: #929999;  /* gray background*/
	text-align: left;
	padding-top: 7px;
}

/******************/
/** http://www.w3schools.com/HTML/html_colornames.asp **/

#hdr_title {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	background-color: #FFE0D9;
	text-align: left;
	padding-top: 7px;
}
#hdr_other {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	background-color: "Gainsboro";
	text-align: left;
	padding-top: 7px;
}