html { margin: 0px; padding: 0px; }
body { background-color: #FFFFFF; min-width: 780px; text-align: center; margin-top: 15px; padding: 0px; 
	   font-family:Verdana,Arial,Helvetica,sans-serif,"MS sans serif"; color: black; }

#wrap { width: 780px; margin:0 auto; text-align: left;
		 /*border-width: 1px; border-style:solid; border-color: red;*/ }
		 
#wrap #header { width: 100%; position:relative; float: left; text-align: right; }
#wrap #header img { }

#wrap #menu { z-index: 1;  width:100%; height: 90px; clear: both; margin-top: 0px; position:relative; float: left; }
#wrap #menu #menuImages { width:100%; height:70px; clear:both; position:relative; float: left; }
#wrap #menu #menuImages .menuImage { width:110px; height:70px; position:relative; float: left; text-align: center; }
#wrap #menu #menuImages .menuImage img { width:70px; height:50px; margin-top:15px; margin-bottom:0px;  }
#wrap #menu #menuImages .menuImageSelected { width:110px; height:70px; position:relative; float: left; text-align: center; }
#wrap #menu #menuImages .menuImageSelected img { width:90px; height:70px; }

#wrap #menu #menuItems { width:100%; height:20px; position:relative; float: left; clear:both; }
#wrap #menu #menuItems .menuItem { width:111px; height:20px; margin-left:0.5px; margin-right:0.5px; position:relative;
								   background-color: #3CAF47; float: left; text-align: center; }
#wrap #menu #menuItems .menuItem p {margin-top:1px; position:relative; text-align: center; color:#FFFFFF;
									font-size:9px; font-weight: normal; }
#wrap #menu #menuItems .menuFiller { width:332px; height:20px; margin-left:-1px;
									 background-color: #3CAF47; float: left; }

#wrap #footer { clear: both; height: 20px; margin-top:20px;}
#wrap #footer .item { height:20px; margin-left:0.5px; margin-right:2px; position:relative;
background-color: #3CAF47; float: left; text-align: center; }
#wrap #footer .item p {margin-left:20px; margin-right:20px; margin-top:1px; position:relative; text-align: center; color:#FFFFFF;
					   font-size:9px; font-weight: normal; }
									
/* main content styles  ****************************************************************************************************/
#wrap #contentPanel { float: left; width: 780px; text-align: left; margin:0px; }
#content { width: 740px; float: left; margin-left: 20px; margin-right: 20px; margin-top: 10px; margin-bottom: 30px; }				
#content .header { clear: both; margin-bottom: 10px; }
#content .header h1 { font-size:13px; margin: 0px;  font-family:Century Gothic, sans-serif; font-weight: bold; text-transform: uppercase;}
#content .header p { font-weight: bold; font-size:12px; margin: 0px; }
#content .header .left { position:relative; float: left; margin-bottom: 20px;}
#content .header .right { position:relative; float: right;  margin-bottom: 20px;}
#content .header .right p {font-size:11px; font-weight:normal; }
#content .subheader { clear: both; margin-bottom: 30px; color:#996600; font-size:11px; font-weight:bold; }
#content .subheader p {color:#000000; font-size:11px; font-weight: normal; margin: 0px; }
#content .subheader .left { float: left; }
#content .subheader .right { float: right; }

#content .justifyContent { text-align: justify; clear: both; }
#content .centerContent { text-align: center; clear: both; }
#content .search { text-align: left; clear: both;  margin: 0px; }											
#content .leftContent { text-align: left; clear: both;  float: left; margin: 0px; }
#content .leftContent .left { float: left; }
#content .leftContent .right { float: right; }
#content .leftContent p { margin-bottom:0px; margin-left:0px; margin-right:0px; margin-top:3px; width:500px; }
#content .leftContent .search { text-align: left; clear: both;  margin: 0px; }
#content .leftContent .form { text-align: left; clear: both;  margin: 0px; }
#content .leftContent .form p { display: inline; }
#content .leftContent .form form { font-size: 12px; color:#000000; margin: 0px;  display: inline; }
#content .searchPanel { text-align: left; clear: both;  float: left; margin: 0px; width: 700px; }
#content .searchPanel p { margin-bottom:0px; margin-left:0px; margin-right:0px; margin-top:3px; }
#content .searchPanel .searchCriteria {width:100%;  height:58px; clear:both; float:left; }
#content .searchPanel .searchCriteria .searchCriteriaButton { margin-left:15px; clear:none; float:left; }
#content .searchPanel .searchCriteria .searchCriteriaLine { margin-top: 25px; float:left;}
#content .jobDescription { width:500px; text-align: left; clear: both;  float: left; margin: 0px; margin-top: 20px; }
#content .jobDescription p { margin:0px; margin-top:3px; }
#content .rightContent {position:relative; float: left; margin-left: 30px; margin-top:0px; vertical-align:top; }		   
#content .spacer { margin: 0px; clear: both; }
#content .error { margin-top: 20px; margin-bottom: 20px; clear: both; text-align: justify; color:#CC0000;
				  font-size:11pt; font-weight:bold; }
#content .errorInputText { color:#CC0000;  }
#content .success { clear: both; text-align: justify; color:#000000; font-size:9pt; }
#content .noUpdate { clear: both; text-align: justify; color:#006699; font-size:9pt; }
#content .noUpdate p { font-style: italic; }
#content .breadcrumb { margin-top: 0px; margin-bottom: 15px; }		   
#content .breadcrumb p { margin: 0px; font-size:8pt; }

#content .searchResults  { position:relative; text-align: left; margin-top: 10px; clear:both; float: left; width: 700px; }
#content .searchResults h3 { margin:0px; }
#content .searchResults p {margin: 0px;}
#content .searchResults .pageNavigation { text-align: left; clear: both;  margin: 0px; }
#content .searchResults .pageNavigation a { color:#006699; text-decoration:underline; font-weight:normal; }
#content .searchResults .pageNavigation p { display: inline; }
#content .searchResults .pageNavigation form { font-size: 12px; color:#000000; margin: 0px; display: inline; }
#content .searchResults .title {width: 500px; font-size:8pt; font-weight:normal; clear: both; float: left; margin-bottom:5px; margin-top:15px;  }
#content .searchResults .title a { font-size:15px; text-decoration: underline; color:#006699;}
#content .searchResults .dateListed {width: 100px; float: right; margin-top:15px; margin-bottom:0px; margin-right: 80px; }
#content .searchResults .dateListed p { font-size: 11px; }
#content .searchResults .location {width: 500px; text-align: left; clear: both;  float: left; margin-bottom:5px; margin-left: 15px;
                           margin-top:0px; font-size:12pt; font-weight:bold }
#content .searchResults .results {margin-left: 15px; clear: both;  float: left; width:450px; }
#content .searchResults .results p {text-align: left; clear: both;  float: left; }
#content .searchResults .classification {width: 500px; clear: both;  float: left; margin-left:25px;
								 		margin-top:5px; margin-bottom:0px; }

#homeContent { width: 450px; float: left; margin-left: 20px; margin-right: 20px; margin-top: 10px; margin-bottom: 30px; }
#homeContent .homePagePanel { text-align: left; clear: both;  float: left; margin: 0px; margin-top: 20px; width:450px; }
#homeContent .homePagePanel .searchPanel { text-align: left; clear: both;  float: left; margin: 0px; width: 170px; }
#homeContent .homePagePanel .searchPanel p { margin:0px; margin-bottom:10px; }
#homeContent .homePagePanel .categories { text-align: left; clear: none;  float: left; margin-left: 30px; width: 200px; }
#homeContent .homePagePanel .categories h3 { margin:0px; }
#homeContent .leftContent { text-align: left; clear: both;  float: left; margin-top: 20px; }
#homeContent .leftContent p { margin:0px; margin-top:3px; width:450px; }
#homeContent .header h1 { font-weight: normal; font-size:17px; margin: 0px; }
#homeContent .header p { font-weight: bold; font-size:12px; margin: 0px; }
#homeContent .error { clear: both; text-align: justify; color:#CC0000; font-size:12pt; font-weight:bold;
					  margin-top: 20px; margin-bottom: 20px;}
#homePageImage { width: 254px; clear: none;  float: left;  margin-left:30px; margin-top: -50px; }

#underline {width: 100%; border-bottom-width: 1px; border-bottom-style:solid; border-bottom-color: #000000;}
   
p { color:#000000; font-size:8pt; line-height: 18px; }
h1 { color:#000000; font-size:15px; font-weight:bold; }
h2 { color:#000000; font-size:13px; font-weight:bold; }
h3 { color:#000000; font-size:15px; font-weight:bold; }
h4 { color:#996600; font-size:12px; font-weight:bold; }
form { font-size: 12px; color:#000000; margin: 0px; }
input {border-width: 1px; border-style:solid; font-size: 12px; color:#000000; border-color: #3CAF47;  }
input.searchButton { width:80px; height:58px; border-width: 0px; }
textarea { font-size: 12px; color:#000000; border-width: 1px; border-style:solid; border-color: #3CAF47;}
select { font-size: 12px; color:#000000; margin: 0px;
		border-width: 1px; border-style:solid; border-color: #3CAF47; }
li { font-size: 11px; margin-top:3px; }
ul { font-size: 11px; margin-bottom:12px; margin-top:12px;  }
ol { font-size: 11px; margin-bottom:12px; margin-top:12px; }
blockquote{ font-size: 15px; margin-bottom:12px; margin-top:12px; }

/*  table styles  ****************************************************************************************************/
table { border-collapse: collapse; margin: 0px; padding: 0px; }
td { font-size: 10px;  color:#000000; text-align: left; }
td.right { text-align: right; }

table.adminContents { border-collapse: collapse; margin: 0px; padding: 0px;}
td.adminContents { width:300px; font-size:11px;}
th.adminContents { height:40px; border-top: 0; font-weight: bold; font-size: 12px; text-align:left; }

/* add/update user details table layout **/
table.userDetails { border-collapse: collapse; margin: 0px; padding: 0px; }
td.detailsLabel { width: 170px; height: 25px; vertical-align: middle; }
td.detailsInput { width: 500px; height: 25px; vertical-align: middle; font-size: 13px; }

img { border: none; }

/*  navagation styles  ****************************************************************************************************/
a:link { color:#006699; text-decoration:none; font-weight:normal; }
a:visited { color:#006699; text-decoration:none; font-weight:normal; }
a:hover { color:#0099FF; text-decoration:none;  font-weight:normal; }
a:active { color:#006699; text-decoration:none; font-weight:normal; }

a.menu:link { color:#FFFFFF; text-decoration:none; font-weight:normal; display: block; }
a.menu:visited { color:#FFFFFF; text-decoration:none; font-weight:normal; display: block; }
a.menu:hover { color:#FFFFFF; text-decoration:none;  font-weight:normal; display: block; }
a.menu:active { color:#FFFFFF; text-decoration:none; font-weight:normal; display: block; }