/* css applicable to all */
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; }

background  { }

.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; clear: both; }

/*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: 400px;*/ text-align: left; font-family: arial; font-size: 8pt; color: #626171; }
	.groupoverviewcontenttext a { color: Red; font-size: 10pt; }
		.groupoverviewcontenttext a:hover	{ color: #a8abb7; }

.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; }

.sectorscontent { padding-top:50px;  float:left; width:100%}

.sectorscontenttext {  margin: 0 auto !important; text-align: center; 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: 725px; text-align: left; font-family: arial; font-size: 8pt; color: #626171; }

.selcottcontent { 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 { width: 255px; }
			.sectorscolumnatext { border-right: solid 1px #b9b8c6; }

		.sectorlogos { border-right: solid 1px #b9b8c6; text-align: center; }

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

		.sectorscolumnc { width: 255px; }
			.sectorscolumnctext {  }
			.sectorscolumnc .sectorlogos { border: none; }

		.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; }
.madisoncontactimages { float: left; width: 200px; height: 350px; padding-left: 40px; }
.leedacontact { float: left; width: 200px; height: 200px; padding-left: 40px; }

.directionslink { text-decoration: underline; }

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

#contentWrapper {  }