/* css applicable to all */


.clear
{
	clear:both;
}

.recruitmentTitle{
	padding-left:8px;
	padding-top:30px;
	font-size:130%;
	font-weight:bold;
}

.recruitmentDetail{
	padding-left:20px;
	padding-top:20px;
}

.pageimagefloatright
{
	float:right;
	padding-left:6px;
}

.pageimagefloatleft
{
	float:left;
	padding-right:6px;
}

.jobTitle{
font-weight:bold;
font-size:120%;
}

.jobDetail{
	/*height:260px;*/
}

.jobLinks{
	padding-top:20px;
}

.jobLinks a{
	padding-right:16px;
}


/*css specific to recruitment*/


.recmore
{
  float: right;
  clear:left; 
}
  
a.recmorelink
{
  font-size: 10px;
  color: Black;
  font-weight: bold;
margin-right:10px;
}



.jobTitle {

	font-weight: bolder;
}

.recruitmentList ul{
	list-style-type:none;
        padding-left:10px;

}

.morearrow {
	  
	font-weight: bolder;
}

.listline {
	margin:10px;
	border-style:solid;
	border-color: light-gray;

}

html, body
{
  height: 120%;
}

body
{
  margin: 0px 0 0 0;
  padding: 0px;
  text-align: center;
  background: url(/images/BGSlither.gif);
  background-repeat: repeat;
  font-family: Arial, Verdana, Monospace;
  
}

clear
{
	clear:both;
}


background 
{
  /*margin-top: 50px;*/
  }

div
{
	
}  

.menu
{
  height: 27px;
  width: 765px;
  float:left;
  background-color: #000034;
  word-spacing:3px;
  text-align:center;
   font-weight: bold;
}

#DatePlaceHolder
{
  margin-top:5px; 
  margin-bottom:0px; 
  text-align:right; 
  font-size:9px; 
  color:#626171; 
  font-family:arial;
}


.menu a {vertical-align: middle; font-size: 11px; }
.startmenuitem
{
  float: left;
  margin-left:30px;
  margin-top:7px;
 
}

.menuitem
{
  float:left;
  margin-top: 7px;
  margin-left: 7px;
  
}

.endmenuitem
{
  float:left;
  margin-right: 7px;
  margin-top: 7px;
  
}

.menudivider
{
  float: left;
  margin-left: 10px;
}

a.menuitem:link {color:#a8abb7;}
a.menuitem:visited {color:#a8abb7;}
a.menuitem:hover {color:#e4e3e9;}

a.startmenuitem:link {color:#a8abb7;}
a.startmenuitem:visited {color:#a8abb7;}
a.startmenuitem:hover {color:#e4e3e9;}

a.endmenuitem:link {color:#a8abb7;}
a.endmenuitem:visited {color:#a8abb7;}
a.endmenuitem:hover {color:#e4e3e9;}

a:link {color:#000034;}
a:visited {color:#000347;}
a:hover {color:#a8abb7;}

/*a
{
  text-decoration:none;
  font-size:11px;
  font-family: Arial;
  vertical-align:middle;
}*/
a { text-decoration: none; font-family: Arial; }

img
{
	border: 0;
}

.outercontainer
{
  width: 777px;
  height: 100%;  
  margin:0px auto;
  padding: 0px;
  background-color: white;
  text-align: left;  
}

.leftborder
{
  float: left;
  width: 6px;
  height: 100%;
  background-color: white;
  background: url(/images/left_border.gif);
  background-repeat:repeat-y;
}

.rightborder
{
  width: 6px;
  height: 100%; 
  background-color: white;
  float: left;
  background: url(/images/right_border.gif);
  background-repeat:repeat-y;  
}

.inner
{
  width: 765px;
  height: 100%;
  float:left;
  background-color: white;
  margin-top:0px;
}

.header
{
  height: 84px;
  width: 765px;
  background-color: #dfe5ff;
  float:left;
}

p,h4,h2 
{
  margin-left:10px; 
  margin-right:10px;
  margin-top: 5px;  
}

h2
{
  color:Black;
  font-size:large;
  margin-top: 10px;
  margin-bottom: 1px; 
}

h4
{
  color:Black;  
}

#QuadTextPlaceHolder
{
  float: right;
  font-family: Arial;
  font-size: 12px;
  text-decoration: underline;
  color: #000034;	
  padding: 10px;
  width:230px;
  text-align:center;
}

#HomeImageAni
{
  width: 283px;
  height: 309px;
}

#QuadImageAni
{
  width: 261px;
 /* height: 359px; */
  height: 359px;
}

/*style to highlight the link of the current page in the menu*/

a.menuitemcurrent:link {color: #e4e3e9;}
a.menuitemcurrent:visited {color: #e4e3e9;}
a.menuitemcurrent:hover {color: #e4e3e9;}


/*common css to group overview, recruitment, legal, contact, directions, madison and selcott*/

.mainimage
{
  height: 346px;
  width: 261px;
  float: left;
  background-color: white;
}

#mainheader
{
  float:left;
  margin:0px 0 0 0;
  border: none;
  width: 569px;
  height: 84px;
}

.mainheader
{
  float:left;
  margin:0px 0 0 0;
  border: none;
}

.headerbanner
{
  float:right;
  margin:4px 0 0 0;
}

.linegraphic
{
	margin-left:10px;
}

.contentfooter
{
  float:left;
  width: 504px;
  clear: left;
  margin-top: 0px;
  background-color: white;
}

.logofooter
{
  float: right;
  margin-top: 21px;
}

/*css specific to index*/

.indexlinks
{
  height: 334px;
  width: 196px;
  float: left;
  background-color: white;
}

.indexcontentfooter
{
  float:left;
}
  
.indexmainimage
{
  height: 296px;
  width: 283px;
  float: left;
  background-color: white;
}


.indexlogofooter
{
  float: right;
  margin-top: 1px;
}

.indexlogofooterhome
{
  float: right;
  margin-top: 15px;
}


/*seperate css for each of the content 
boxes as the height had to be defined 
differently for each so that this would 
work in Mozilla-based browsers*/


.indexcontent
{
  height: 334px;
  width: 286px;
  float: left; 
  background-color: #e4e3e9;
  text-align:left;
}

.indexcontenttext
{
  height: 291px;
  font-family:arial;
  font-size:8pt;
  color:#626171;
}

.groupoverviewcontent
{
  /*height:440px;*/
  width: 504px;
  float: left; 
  background-color: #e4e3e9;
}

.groupoverviewcontenttext
{
	height: 340px;
  text-align:left;
  font-family:arial;
  font-size:8pt;
  color:#626171;
 }

html>body .groupoverviewcontenttext
{
	height:auto;
	min-height:340px;
}

.reccontent
{
  /*height: 342px;*/
  width: 504px;
  float: left; 
  background-color: #e4e3e9;
}

.reccontenttext
{
  height:340px;
  text-align:left;
  font-family:arial;
  font-size:8pt;
  color:#626171;
  
}

.contactcontent
{
  /*height: 566px;*/
  width: 504px;
  float: left; 
  background-color: #e4e3e9;
}

.contactcontenttext
{
  height:340px;
  text-align:left;
  font-family:arial;
  font-size:8pt;
  color:#626171;
}

.legalcontent
{
  /*height: 566px;*/
  width: 504px;
  float: left; 
  background-color: #e4e3e9;
}

.legalcontenttext
{
  height:542px;
  text-align:left;
  font-family:arial;
  font-size:8pt;
  color:#626171;
}

.directionscontent
{
  /*height: 566px;*/
  width: 504px;
  float: left; 
  background-color: #e4e3e9;
}

.directionscontenttext
{
  height:450px;
  text-align:left;
  font-family:arial;
  font-size:8pt;
  color:#626171;
}

.madisoncontent
{
  /*height: 566px;*/
  width: 504px;
  float: left; 
  background-color: #e4e3e9;
}

.madisoncontenttext
{
  height:465px;
  text-align:left;
  font-family:arial;
  font-size:8pt;
  color:#626171;
}

.selcottcontent
{
  /*height: 566px;*/
  width: 504px;
  float: left; 
  background-color: #e4e3e9;
}

.selcottcontenttext
{
  height: 340px;
  text-align:left;
  font-family:arial;
  font-size:8pt;
  color:#626171;
}


/*css specific to sectors*/

.sectorscolumntext
{
  height: 110px;
}

.sectorscolumn
{
  height: 334px;
  
  float: left; 
  margin-left:0px;
  background-color: white;
  text-align:left;
  font-family:arial;
  font-size:7pt;
  line-height: 15px;
  color: #626171;
}

.sectorscolumna
{
  height: 334px;
  width: 192px;
}

.sectorscolumnatext
{
  width: 191px;
  border-right: solid 1px #b9b8c6;
}

.sectorlogos
{
  border-right: solid 1px #b9b8c6;
  height: 150px;
}

.sectorlogosend
{
  height: 150px;
  width: 191px;
}

.sectorscolumnb
{
  height: 321px;
  width: 191px;
}

.sectorscolumnbtext
{
  width: 190px;
  border-right: solid 1px #b9b8c6;
}

.sectorscolumnc
{
  height: 321px;
  width: 190px;
}

.sectorscolumnctext
{
  width: 189px;
  border-right: solid 1px #b9b8c6;
}

.sectorscolumnd
{  
  height: 334px;
  width: 192px;
}

.sectorscolumndtext
{
  width: 189px;
}

.sectorsmainheader
{
  float:left;
  margin:0px 0 0 0;
  border: none; 
}

.sectorsheaderbanner
{
  float:left;
  margin:8px 0 0 0;
}

.sectorslogofooter
{
  float: right;

}

.registered
{
  font-size: 11px;
}


/*css specific to recruitment*/


.recmore
{
  float: right;
  clear:left; 
}
  
a.recmorelink
{
  font-size: 10px;
  color: Black;
  font-weight: bold;
}


/*specific to contact page*/

a.contacthere

{
  color: Red;
  padding-bottom: 2px;
}

a.contacthere:visited {color: Red;}
a.contacthere:link {color: Red;}
a.contacthere:hover {color: Red;}

/*specific to madison group page*/

.madisoncontact
{
  float: left;
  width: 200px;
  height: 200px;
  padding-left: 40px;
}

.leedacontact
{
  float: left;
  width: 200px;
  height: 200px;
  padding-left: 40px;
 
}

.directionslink
{
  text-decoration: underline;
}

.applicationlink
{
  text-decoration: underline;
  margin-left: 10px;
}