/* EQ2 style sheet Author Niall McKenna*/

body, div, p, ul, ol, li, h1, h2, h3, h4, h5 table, td, tr, textarea, legend, fieldset, select, form { 
	margin: 0;
	padding: 0;
	}

a:focus {
	outline: none;
}
	
body {
	font-size:100%;
	line-height:1.125em; /* as advised on http://www.alistapart.com/articles/howtosizetextincss/ */
	font-family: Geneva, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	background-color: #252525;
	/*background-image:url(../images/bg.png);*/
	}
	
/* Main Build */

#container {
	width: 980px;
	margin: 0 auto 0 auto;
	text-align: left;
	
	}
	
#banner {
	width: 980px;
	height: 120px;
	margin-bottom: 5px;
	background-color: #252525;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #007da4;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	}
	
#homeImage {
	width: 528px;
	height: 240px;
	float: left;
	padding-top: 0;
	padding-right: 0px;
	padding-bottom: 0;
	padding-left: 0px;
	margin: 0;
	background-repeat: no-repeat;
	background-image: url(../images/cityscape.jpg);
	}
	
#homeImage1 {
	width: 528px;
	height: 240px;
	float: left;
	padding-top: 0;
	padding-right: 0px;
	padding-bottom: 0;
	padding-left: 0px;
	margin: 0;
	background-repeat: no-repeat;
	background-image: url(/images/compassgroup.gif);
	}
	
#homeContent {
	width: 420px;
	height: auto;
	float: left;
	padding: 0;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 30px;
	padding-top:-10px;
	}
	
	
#homeContent  p{
	font-size: 0.8em;

}



#homeContent  div{
	margin-top: -10px;
}

#homeContent a
{
	color:#fff;
	text-decoration:none;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;


}

#hideLogo {
	width: 150px;
	height: 120px;
	padding: 0px;
	top: 75px;
	margin: 0;
	float: left;
	background-image: url(../images/logo.gif);
	background-repeat: no-repeat;
	background-position: 5px 20px;
	}
	
#hideLogo span { 
	display: none;
	}
	
#slogan {
	float: left;
	width: 980px;
	height: 38px;
	margin-bottom: 10px;


}	

#sloganImage {
	width: 195px;
	height: 21px;
	padding: 0px;
	float: left;
	background-image: url(../images/slogan.gif);
	background-repeat: no-repeat;
	margin-top: 12px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 5px;
	}
	
#sloganImage span { 
	display: none;
	}

#homeBoxes {
	height: auto;
	width: 980px;
	float: left;
	margin-top: 20px;
	clear: both;
}

#homeImage span {
	display: none;
	}
	
/* footers */
	
#footer {
	height: 20px;
	width: 980px;
	margin-top: 10px;
	float: left;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #007da4;
	padding-top: 10px;
	font-size: 0.8em;
	color: #007da4;
	text-align: center;
	padding-bottom: 10px;
	}
	
#footer a:link, #footer a:visited { 
	color:#FFFFFF;
	text-decoration: none;
	}
	
#footer a:hover {
	color: #FFFFFF;
	text-decoration: underline;
}	

/* Headers */

h1 {
	font : 1em  Geneva, Arial, Helvetica, sans-serif;
	color:#FFFFFF;
}
	
h2 {
	font : 1em  Geneva, Arial, Helvetica, sans-serif;
	color:#FFFFFF;
}

h3 {
	color:#FFFFFF;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 1em;
	text-transform: uppercase;
	line-height: 1.5em;
	padding-top: 15px;
	padding-bottom: 15px;
}

h4 {
	color:#FFFFFF;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 1em;
	text-transform: none;
	margin-top: 10px;
	margin-bottom: 10px;
}


h5 {
	color:#FFFFFF;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 1em;
	text-transform: uppercase;
	margin-bottom: 10px;
}

h6 {
	color:#d99f27;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	text-transform: uppercase;
}

/* IE 6 Hacks for Naviagtion */

*html #navigation {
	width:680px;
	height:40px;
	list-style-type: none;
	position: relative;
	top: 78px;
	clear: right;
	float: right;
}

* html #navigation li a:link, #navigation li a:visited  {
	text-decoration: none;
	font-size: 0.9em;
	float: left;
	text-align: center;
}

/* End Of IE 6 Hacks for Navigation */

#navigation {
	min-width:420px;
	width:auto !important;
	width:420px;
	min-height:40px;
	height:auto !important;
	height:40px;
	list-style-type: none;
	position: relative;
	top: 78px;
	clear: right;
	float: right;
}

#navigation li {
	display: inline;
	padding-top: 5px;
	padding-right: 20px;
	padding-bottom: 0px;
	padding-left: 20px;
	float: left;
	height: auto;
	width: auto;
}

#navigation li a:link, #navigation li a:visited  {
	color: #FFFFFF;
	text-decoration: none;
	font-size: 0.9em;
	padding-bottom: 20px;
	text-align: center;
	display: block;
}

#navigation li a:hover, #navigation li a#current{ /*hover and selected link*/
	color: #FFFFFF;
	background-image: url(../images/pointer.gif);
	background-repeat: no-repeat;
	background-position: center bottom;
}

.blueHeader {
	color: #007da4;
	font-weight: bold;
	font-size: 0.8em;
	line-height: 1.5em;
	text-align: center;


}
#homeBox {
	float: left;
	height: auto;
	width: 186px;
	margin-right: 10px;
}
#homeBox .arrow {
	float: right;
	height: 16px;
	width: 16px;
	margin-right: 10px;
}

#homeBox  p{
	font-size: 0.8em;


}

#homeBox img {
	border: none;
	}
#homeBox a{
	text-decoration:none;
	color:#fff;
}

#homeBox a:hover{
	text-decoration:underline;
}


#searchBox .searchBtn{
 	margin:6px 10px 0 4px;
 	float:right;
}
#searchBox .searchText{
	padding-left:4px;
	margin-right:3px;
	margin-top:8px;
 	background:#E7E8D0;
	font-size:.7em;
	width:100px;
	float:right;
}

#searchBox input, #searchBox form{
	margin: 0;
	padding: 0;
	visibility:hidden;
}

#searchBox img
{
	margin-top: 8px;

}

#subNavigation {
	float: left;
	min-height:900px;
	height:auto !important;
	height:900px;
	width: 200px;
	margin-right: 20px;
	border-right-width: 2px;
	border-right-style: solid;
	border-right-color: #007da4;
	list-style-type: none;
}

#subNavigation a:link, #subNavigation a:visited{
	text-decoration: none;
	font-size: 0.9em;
	text-align: right;
	display: block;
	padding-right: 20px;
	padding-bottom: 5px;
	color: #FFFFFF;
}

#subNavigation a:hover, #subNavigation li a#current  {
	text-decoration: none;
	font-size: 0.9em;
	text-align: right;
	display: block;
	padding-right: 20px;
	background-image: url(../images/pointer-sub.gif);
	background-repeat: no-repeat;
	background-position: right center;
	padding-bottom: 5px;
	font-weight: bold;
	color: #FFFFFF;
}


#subNavigation ul
{
	font-size: .9em;
	list-style:none;
	margin-top: 5px;
	line-height:.9em;

}

#subNavigation ul a:link,
{
		color:#ccc;
}

#subNavigation ul a:visited,
{
	color:#ccc;

}

.subNavImage
{
	margin-top: 100px;


}


#registerButton
{
	margin-top: 20px;



}

#subContent {
	float: right;
	width: 755px;
	min-height:600px;
	height:auto !important;
	height:600px;
	text-align: justify;
	font-size: 0.9em;
	clear: right;
}

#subContent p
{
	margin-bottom: 15px;

}

.subpageImage {
	height: auto;
	width: 225px;
	float: left;
	margin-right: 10px;
}

.highlight {
	color: #fff;
	font-weight:bold;

}

#subContent ul {
	margin: 0;
	padding: 0;
}

#subContent li {
	list-style-type: square;
	list-style-position: outside;
	margin-left: 50px;
}

#subContent h3 {
	clear: both;
	font-size: 1.1em;
	float: left;
	margin-top: 5px;
	width: 755px;
	margin-bottom: 5px;
}
#subContent h6 {
	clear: both;
	font-size: 0.95em;
	margin-top: 30px;
	height: auto;
	width: 755px;
	margin-bottom: 10px;
	float: left;
}
#subContent p {
	clear: both;
	font-family: Geneva, Arial, Helvetica, sans-serif;
}
#subContent ul {
	clear: both;
	font-size: 1em;
	width: auto;
	
}
#subContent img {
	clear: both;
	float: left;
	height: auto;
	width: auto;
	/*border: 2px solid #007DA4;*/
	padding: 5px;
	margin-right: 10px;
	margin-bottom: 0px;
	margin-left: 0px;
}

#libraryLinks {
	list-style-type: none;
	}
	
#libraryLinks li {
	float: left;
	width: 138px;
	margin-top: 10px;
	margin-bottom: 10px;
	font: bold 0.8em Geneva, Arial, Helvetica, sans-serif;
	color: #ffffff;
	text-align: justify;
	}
		
#libraryLinks img {
	margin-top: 10px;
	display: block;
	border: 1px solid #FFFFCC;
	}
	
#libraryLinks a:link, #libraryLinks a:visited {
	color: #ffffff;
	text-decoration: none;
}

#libraryLinks a:hover {
	color: #007DA4;
	text-decoration: none;
}
#subNavigation .mapHeader {
	font-size: 1.2em;
	color: #007DA4;
	text-align: left;
	line-height: 20px;
}

#subContent a:link, a:visited {
	color: #ffffff;
}

#subContent a:hover {
	color: #007DA4;
}

/* contact form */
form.cmxform 
{
	width: 200px;

}


form.cmxform legend {
	font-weight: bold;
	margin:0;
	_margin: 0 -20px; /* IE Win */
	color: #007DA4;
	padding-bottom:15px;
	display:block;
	font-size:1.2em;

	padding-top: 0;
	padding-right: 0;
	padding-left: 0;
	float: left;
}

form.cmxform label {
	float:left;
	line-height: 1.8em;
	vertical-align: top;
	cursor: hand;
	font-weight:bold;
	width: 100px; 	 
	color: #666;
}
form.cmxform input{
	float:left;
	width:200px;
	padding:2px;
	background-color:#252525;
	color:#FFFFFF;
}


form.cmxform .checkbox
{

	border: 0;
	width: 40px;


}

form.cmxform fieldset p {
	clear:both;
	list-style: none;
	padding: 15px;
	margin: 0;
}

form.cmxform label.error {
	margin-left: 10px;
	padding-left:10px;
	margin:0;
	width: 200px;
	float:left;
}

 
form.cmxform fieldset {
	border: none;
}

form.cmxform textarea{
	padding:2px;
	width:200px;
	height:80px;
	float:left;
	background-color:#252525;
	color:#FFFFFF;
}


form.cmxform label.error, label.error {
	/* remove the next line when you have trouble in IE6 with labels in list */
	color: red;
	font-style: italic;
	font-size:0.8em;
	line-height:1.5em;
}
div.error { display: none; }
#commentForm textarea, #commentForm input {	border: 1px solid #999; }
#commentForm textarea:focus, #commentForm input:focus { border: 1px dotted #999; }
#commentForm textarea.error, #commentForm input.error { border: 1px dotted red; }
form.cmxform .gray * { color: gray; }

#commentForm {
	width: 640px;
	float: left;
}

#commentForm input.submit {
	padding:3px 6px 4px 6px;
	background-image: url(../images/nav_bg_submit.jpg);
	background-repeat: repeat-x;
	line-height:1em;
	color:#FFF;
	font-weight:bold;
	border:0;
	width:81px;


}
.boldText {
	text-indent: 30px;
	font-weight: bolder;
	color:#777777;
}

#vertical_container {
	clear: both;
	float: left;
}
.image {
	float: left;
	height: auto;
	width: auto;
	margin-top: 15px;
}

.formHolder {
	width: 380px;
	float: right;
	margin-left: 10px;
}

.contactContent {
	height: auto;
	width: 330px;
	float: left;
}
.clear {
	clear: both;
}




.partner
{
	clear:both;
}

.partnerImg
{
	width: 200px;
	float:left;

}

.partnerTxt
{
		float:left;
		width: 500px;
}
.centre {
	font-size: 1.4em;
	line-height: 1.1em;
	text-align: center;
}
#homepage {
	font-size: 1em;
	text-align: center;
	line-height: 1em;

}

#homepage a:link, #homepage a:visited {
	background-color:#007DA4;
	display: block;
	width: 250px;
	text-decoration: none;
	padding: 3px;
	background-image: url(../images/bluebtnfade.jpg);
	background-repeat: repeat-x
}

#homepage a:hover {
	background-color:#ffffff;
	display: block;
	width: 250px;
	text-decoration: none;
	color: #333333;
	padding: 3px;
	background-image: none;
}

.flag {
	float: right;
	height: 25px;
	width: 25px;
	margin-top: 3px;
	margin-right: 5px;
	margin-bottom: 2px;
	margin-left: 5px;
}

hr
{
	margin-top: 25px;
	color:#007da4;
}

#subContent #greylist {
	color: #999999;
	font-weight: bold;
}

#subContent #greylist li {
	list-style-position: outside;
	margin-left: 50px;
}

#subContent #Principles {
	color: #FFFFFF;
}

#subContent #Principles li {
	list-style-position: outside;
	margin-left: 50px;
}

.column {
	width: 750px;
	float: left;
	margin-bottom: 20px;
}
#row1 li {
	display: inline;
	padding-right: 30px;
}
.column #row1 {
	padding-top: 0px;
	padding-right: 100px;
	padding-bottom: 0px;
	padding-left: 44px;
}
#row2 li {
	display: inline;
	padding-right: 26px;
}
.column #row2 {
	padding-right: 100px;
	padding-left: 120px;
}
.ISS {
	font-weight: bold;
	color: #d99f27;
	font-size:.9em;


}

/* News Button */
#news
{
  display: block;
  width: 139px;
  height: 23px;
  background: url("../images/news-button.gif") no-repeat 0 0;

}

#news:hover
{
	background-position: 0 -23px;
}

#news span
{
  display: none;
}
.newsButton {
	float: right;
	margin-right: 10px;
	margin-top: 5px;
}



#flashcontent
{
	 color:#666;
	 font-weight:bold;


}
#container #homeContent div p {
	text-align: center;
}