/*Header styles*/
body,
html {margin:0;padding:0;color:#000;background:#FFFFDD;}

.header {
  width: 640px;
  margin: 5px auto;
  padding: 5px;
  overflow: hidden;
  background: #FFFFDD;
  position: relative;
}

.logo {
  float: left;
  color: #CC0000;
  text-decoration: none;
  font-family: "Comic Sans MS"; font-size: 36px;  font-weight:normal;
  margin-top: 1px;
}

.nav_subtitle {
  float: left;
  color: #989898;
  text-decoration: none;
  font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight:bold; font-style: italic;
  padding: 0px 0px 0px 34px;  
}

.log_in {
  clear: none;
  padding: 5px 5px 0px 10px;
  font-size: 11px;
  color: #900000;  
  float: right;
  position: absolute;
  right: 0px;
  font-family: Arial, Helvetica, sans-serif; 
}
			
.menu_default { clear: none; padding: 3px 3px 0px 3px; font-size: 11px; color: #900000;  float: right; position: absolute; bottom: 0px; right: 0px;
  font-family: Arial, Helvetica, sans-serif; color: #900000;
}

.menu a:link { text-decoration: underline;  font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight:normal; color: #900000 }
.menu a:visited { text-decoration: underline;  font-family: Arial, Helvetica, sans-serif; font-size: 11px;  font-weight:normal; color: #900000 }
.menu a:hover { text-decoration: underline; font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight:normal; color: #CC0000 }
.menu a:active { text-decoration: underline;  font-family: Arial, Helvetica, sans-serif; font-size: 11px;  font-weight:bold; color: #CC0000 }
.active a { text-decoration: underline;  font-family: Arial, Helvetica, sans-serif; font-size: 12px; background-color: #FFFFDD; font-weight:bold; color: #CC0000 }

.hello { font-family: Arial, Helvetica, sans-serif; font-size: 12px;  font-weight:bold;  } 
.footer { font-family: Arial, Helvetica, sans-serif; font-size: 11px;  font-weight:bold; color: #900000; text-align: center;  bottom: 0px;} 
b {color:#A00000}

/* End Header styles*/

/*Main Content*/
.maincontent { clear: both; width: 640px ;  margin:0px auto; padding: 4px 4px 4px 4px;   font-family: Arial, Helvetica, sans-serif; font-size: 12px; background-color: #FFFFDD; position: relative; overflow: hidden;}
.subtitle { width: 640px; margin:0px;  font-family: Arial, Helvetica, sans-serif; font-size: 14px;  font-weight: bold; color: #FFFFFF; text-align: center; background-color: #A00000; }

.vacancyBox1{clear: both; width: 640px;  height: auto; font-family: Arial, Helvetica, sans-serif; font-size: 11px; background-color: #FFFFCC; }
.vacancyBox2{clear: both; width: 640px;  height: 109px; font-family: Arial, Helvetica, sans-serif; font-size: 11px; background-color: #DEDEDE;}
  div.thumbnail { width: 134px; height: 101px;  text-align: center;   vertical-align: middle; float: left; margin: 2px;  background-color: #DEDEDE;}	
   
   div.thumbnail a:link img {border: 1px solid; border-color: #DEDEDE; color: #000000; text-decoration: none;}
   div.thumbnail a:visited img {border: 1px solid; border-color:#DEDEDE; }
   div.thumbnail a:hover img {border: 1px solid; border-color: #A00000;}
   div.thumbnail a:active img {border: 1px solid; border-color: #DEDEDE;}
   
  .adContent { width: 490px; height: 94px; padding:3px;  float: left; background-color: #FFFFEE; margin-top: 3px; margin-right: 0px; margin-bottom: 0px; }
	.vacancyDescription{width:315px; float:right;  background-color: #FFFFEE; padding: 3px;}
	.adBullets{width: 150px; height: auto; float: left; background-color: padding: 3px;}
	.adTitle{width: 450px;  font-family: Arial, Helvetica, sans-serif;  font-weight: bold; font-size: 14px; color: #900000; float: left; white-space: nowrap; }
	.flash{width: 40px;  font-family: Arial, Helvetica, sans-serif;  font-weight: bold; font-size: 14px; background-color: #CC0000; color: #FFFFEE; float: right; text-align: center;}

.italic {font-style: italic;}
.list  {margin-left: -20px; margin-top: 1px; margin-bottom: 5px;}
ul.square {list-style-type:square;  margin-left: -20px; margin-top: 1px; margin-bottom: 5px; color: #A00000;}


.textBreak{width:100%; font-weight: bold; font-size: 14px; clear: both; text-align: center; color: #A00000; margin-top: 5px;  margin-bottom: 5px;}
.textTitle{width:100%; font-weight: bold; font-size: 14px; text-align: center; color: #A00000;  margin-top: 5px;}


.adTitle_default {text-decoration: none; width: 540px;  font-family: Arial, Helvetica, sans-serif;  font-weight: bold; color: #000000; float: right; margin-bottom: 0px; }
a.adTitle:link { text-decoration: none;  font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight:bold; color: #900000 }
a.adTitle:visited { text-decoration: none;  font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight:bold; color: #900000 }
a.adTitle:hover { text-decoration: underline; font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight:bold; color: #900000 }
a.adTitle:active { text-decoration: none;  font-family: Arial, Helvetica, sans-serif; font-size: 14px;  font-weight:bold; color: #900000 }

/*showaddetail*/
 .photo240 { border-style: none; text-align: center;  vertical-align: middle; margin: 5px;  background-color: #CDCDCD;}	
 
/*contact us */
.infoBox {width: 300px;  height: auto; 
				float: right; 
				border: 2px;  border-style: solid; border-color: #999999; font-family: Arial, Helvetica, sans-serif; font-size: 12px; 
				padding: 5px; margin-top: 5px;}
				
.infoSummary {width: 290px;  height: 90px; padding:5px; border: 1px; border-style: solid; background-color: #FFFFFE;}
.adActions {width: 120px; float: right; padding: 3px; }
				 

.dList  {margin-left: 20px; margin-top: 20px; margin-bottom: 10px;}

div.gallery { float: right; height: auto; font-family: Arial, Helvetica, sans-serif; background-color: #EDEDED; width:320px}
div.galleryLeft { float: left; height: auto; margin-top: 4px;font-family: Arial, Helvetica, sans-serif; background-color: #EDEDED; width:320px}

div.photo 
{
	margin: 2px;
	width: 316px; 
	height: 234px;

	text-align: center;
	}

div.photo img 
{
  display: inline;
  border-width: 1px;
  border-style: solid;
  border-color: #999999;
  
  }
	
div.img
{
  margin-top: 2px;
  margin-left: 4px;  

  height: auto;
  width: auto;
  float: left;
  text-align: center;
}	

div.img img
{
  display: inline;
    border-width: 1px;
  border-style: solid;
  border-color: #999999;
  height: auto;
  width: auto;  
}
div.img a:hover img {border: 1px solid #A00000;}
div.desc
{
  text-align: center;
  font-weight: normal;
  width: auto;
  margin: 10px;
}

/*Form Elements*/
form {  /* set width in form, not fieldset (still takes up more room w/ fieldset width */
  font:100% verdana,arial,sans-serif;
  margin: 0px ;
  padding: 0;
  min-width: 240px;
  max-width: 640px;
  min-height : 240px;
  width: 640px; 
  border-style: solid;
  border-width: 0px;
  border-color: #A00000;  
  background-color:  #FFFFDD;
}

form fieldset.minimal 
{
   clear: both; /*note that this clear causes inputs to break to left in ie5.x mac, commented out */
 
  border-width: 0px;
  padding: 0px;        /* padding in fieldset support spotty in IE */
  margin: 5px;
}


form label { 
	display: block;  /* block float the labels to left column, set a width */
	float: left; 
	width: 100px; 
	padding: 4px; 
	margin: 5px 0 0; /* set top margin same as form input - textarea etc. elements */
	text-align: right; 
}
	
form input, form textarea,form select, form submit {
	/* display: inline; inline display must not be set or will hide submit buttons in IE 5x mac */
	width:auto;      /* set width of form elements to auto-size, otherwise watch for wrap on resize */
	margin:5px 0 0 10px; /* set margin on left of form elements rather than right of
                              label aligns textarea better in IE */
}

form input#reset {
	margin-left:0px; /* set margin-left back to zero on reset button (set above) */
}

br{
clear: left;
}

div.leg {
	float: left;
	width: 200px;  
	}

div.leg form {  /* set width in form, not fieldset (still takes up more room w/ fieldset width */
  font:100% verdana,arial,sans-serif;
  margin: 4px auto;
  padding: 0;
  width: 280px;  
  min-height: 240px;

}

div.leg fieldset {
  /* clear: both; note that this clear causes inputs to break to left in ie5.x mac, commented out */
   border-style: solid;
   border-width: 1px;
	border-color: #A00000;    
  /* padding in fieldset support spotty in IE */
}

div.leg label { 
	display: block;  /* block float the labels to left column, set a width */
	float: left; 
	width: 50px; 
	padding: 2px; 
	margin: 3px 0 0; /* set top margin same as form input - textarea etc. elements */
	text-align: right; 
	}
	
div.leg textarea, select, submit {
	/* display: inline; inline display must not be set or will hide submit buttons in IE 5x mac */
	width: auto;      /* set width of form elements to auto-size, otherwise watch for wrap on resize */
	margin:5px 0 0 10px; /* set margin on left of form elements rather than right of
                              label aligns textarea better in IE */
	}
	
div.leg input {
	/* display: inline; inline display must not be set or will hide submit buttons in IE 5x mac */
	width: auto;      /* set width of form elements to auto-size, otherwise watch for wrap on resize */
	margin:5px 0 0 10px; /* set margin on left of form elements rather than right of
                              label aligns textarea better in IE */
	/*float: right;*/
}

form_with_legend input#reset {
	margin-left:0px; /* set margin-left back to zero on reset button (set above) */
}


textarea { overflow: auto; }

div.leg warning {
	display: block;
	margin: 0 0 5px 160px; /* instructions/comments left margin set to align w/ right column inputs */
	padding: 1px 3px;
	font-size: 12px;
	color: #FF0000;
}

form_with_legend .required{font-weight:bold;} /* uses class instead of div, more efficient */

form_with_legend br {
	clear:left; /* setting clear on inputs didn't work consistently, so brs added for degrade */
}

.tableHeading {font-weight:bold;}
.tableRow1{}
.tableRow2{background-color: #FEFEFE;}
.gumtree a:link { text-decoration: underline;  font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight:normal; color: #006600}
.gumtree a:visited { text-decoration: underline;  font-family: Arial, Helvetica, sans-serif; font-size: 11px;  font-weight:normal; color: #006600 }
.gumtree a:hover { text-decoration: underline; font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight:normal; color: #003300 }
.gumtree a:active { text-decoration: underline;  font-family: Arial, Helvetica, sans-serif; font-size: 11px;  font-weight:bold; color: #006600 }
.gumtree a { text-decoration: underline;  font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight:bold; color: #003300 }