/*##-- Stylesheet for Refugee and Migrant Justice recruitment site - written by Mark Jones zen20282@zen.co.uk -----##*/
/*##-- Colours taken from corporate site stylesheet by Adrian Robinson www.robinsonit.com 
#9ccb3b; green
#d1d2d4; grey
#9eb4ae; blue grey
#231f20; text black 
*/
@import url("text.css");
@import url("navigation.css");
@import url("faqdrops.css");
@import url("forms.css");
@import url("jobs.css");
@import url("profiles.css");
* { 
	margin:0px; 
	padding:0px;
} /* this clears any and all margins & padding on all elements */
html { 
	height:100%;          /* this adds a scrollbar to Mozilla and keeps it there to stop centered pages jigging about*/
	margin-bottom:1px;
	overflow: -moz-scrollbars-vertical;
	overflow-y:scroll;
}
table {
	font-size:1.1em; 
	font-family:Verdana, Arial, Helvetica, sans-serif; }  /* this allows IE 5.* to view text inside tables correctly - not too big!! */
body {
	background-color:#fff;
	color:#231f20;
	font-family:Arial, Helvetica, sans-serif;
	font-size:100%;
	margin:0;
	padding:0;
	text-align:center;
}
#OuterWrapper {
	/*border:1px solid #000;*/
	display:block;
	margin:0px auto 0px auto;
	padding:0;
	width:973px; 
}
#Masthead {
	/*border:1px solid blue;*/
	border-bottom:2px solid #fff;
	background-image:url(../images/globeBG507x186.gif);
	background-repeat:no-repeat;
	background-position:bottom right;
	display:block;
	height:150px;
	margin:0;
	position:relative;
	width:973px;
}
#Logo {
	/*border:1px solid blue;*/
	height:118px;
	left:0px;
	margin:0px 0px 0px 0px;
	position:absolute;
	bottom:5px;
	width:118px;
}
#PrintOnlyLogo {
	display:none;
}
img { 
	border:none;
}
.clearMe {
	clear:both;
}
a:active, a:focus {
	outline:0;     /*removes dotted borders from links */
}
.externalLink {
	border:none;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 3px;
}
#NotForProfit {
	/*border:1px solid #ff0000;*/
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.5em;
	height:60px;
	left:197px;
	overflow:hidden;
	position:absolute;
	top:89px;
	width:150px;
	z-index:2;
}
#NotForProfit span {
	background-image:url(../images/titles/LawyersDefending150x60.gif);
	background-repeat:no-repeat;
	background-position:top;
	/*border:1px solid #ff0000;*/
	height:100%;
	left:0;
	position:absolute;
	top:0;
	width:100%;
}
#ContentContainer {
	/*border:1px solid #ff0000;*/
	background-image:url(../images/NavColFaux973x10.gif);
	background-repeat:repeat-y;
	background-position:top left;
	background-color:#fff;
	display:block;
	margin:0px 0px 0px 0px;
	overflow:auto;
	padding:0px 0px 0px 0px;
	position:relative;
	width:100%;
}
#NavCol {
	/*border:1px solid blue;*/
	background-color:#9ccb3b;
	font-size:0.82em;
	float:left;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	position:relative;
	width:195px;
}
#NavColLocation {
	border-bottom:2px solid #fff;
	background-color:#9ccb3b;
	color:#fff;
	display:block;
	font-size:1.5em;
	font-weight:bold;
	margin:0px 0px 0px 0px;
	padding:1px 0px 0px 20px;
	text-align:left;
}
#NavBlock {
	/*border:1px solid #ff0000;*/
	background-color:transparent;
	margin:0px 0px 0px 0px;
	overflow:auto;
	padding:0px 0px 0px 0px;
	width:195px;
}
#NavColUtilities {
	/*border:1px solid #fff;*/
	background-color:transparent;
	left:20px;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	position:absolute;
	bottom:5px;
	width:165px;
}
#NavBookmark {
	/*border:1px solid #ff0000;*/
	background-image:url(../images/BookmarkIcon25x20.jpg);
	background-repeat:no-repeat;
	background-position:top left;
	color:#fff;
	font-size:0.77em;
	height:26px;
	font-weight:bold;
	margin:0px 0px 0px 0px;
	padding:3px 0px 0px 30px;
	text-align:left;
}
#NavBookmark a {
	color:#fff;
	text-decoration:none;
}
#NavBookmark a:link, #NavBookmark a:visited {
	color:#fff;
	text-decoration:none;
}
#NavBookmark a:hover {
	color:#fff;
	text-decoration:underline;
}
#NavBookmark a:active {
	color:#fff;
	text-decoration:none;
}
/*##---------------------------------------------------- RIGHT HAND BANK ----------##*/
#RightBankCont {
	/*border:1px solid #ff0000;*/
	background-color:transparent;
	display:inline;
	float:left;
	margin:0px 0px 0px 3px;
	overflow:auto;
	padding:0px 0px 0px 0px;
	position:relative;
	width:773px;
}
#TopNavPicContainer {
	/*border:1px solid #ff0000;*/
	background-color:transparent;
	display:inline;
	float:left;
	margin:0px 0px 0px 0px;
	overflow:auto;
	padding:0px 0px 0px 0px;
	position:relative;
	width:773px;
}
#TopNav {
	/*border:1px solid #fff;*/	
	background-color:#9ccb3b;
	background-image:url(../images/GreenEnd25x25.jpg);
	background-repeat:no-repeat;
	background-position:top right;
	color:#fff;
	display:block;
	font-size:1em;
	font-weight:bold;
	float:left;
	margin:0px 0px 0px 0px;
	overflow:auto;
	padding:3px 0px 3px 10px;
	position:relative;
	text-align:left;
	width:763px;
}
#RefugeePics {
	border-top:2px solid #fff;
	display:block;
	float:left;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	text-align:left;
}
#RefugeePics .FloatPic {
	float:left;
	display:inline;
}
#ContentAreaTastersCont {
	/*border:1px solid #ff0000;*/
	background-color:#fff;
	float:left;
	margin:0px 0px 0px 0px;
	overflow:auto;
	padding:0px 0px 0px 0px;
	position:relative;
	width:773px;
}
#ContentArea {
	/*border:1px solid blue;*/
	display:inline;
	float:left;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	position:relative;
	width:600px;
}
#Roles #ContentArea {
	/*border:1px solid #ff0000;*/
	width:760px;                   /*##--- extended depth for jobs listing page ---##*/
}
#ContentAreaInnerText {
	/*border:1px solid #ff0000;*/
	font-size:0.87em;
	margin:10px 10px 0px 15px;
	padding:0px 0px 0px 0px;
	position:relative;
	text-align:left;
}
#Tasters {
	/*border:1px solid green;*/
	background-color:#d1d2d4;
	background-image:url(../images/GreyEnd27x26.jpg);
	background-repeat:no-repeat;
	background-position:145px 0px;
	display:inline;
	float:right;
	margin:12px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	position:relative;
	width:165px;
}
#TasterInner {
	/*border:1px solid #ff0000;*/
	float:left;
	display:inline;
	margin:15px 0px 0px 14px;
	padding:0px 0px 5px 0px;
	width:130px;
}
#TasterInner H3 {
	color:#666;
	font-size:0.7em;
	font-weight:bold;
	margin:0px 0px 5px 0px;

}
#TasterPic {
	border:1px solid #ccc;
	height:120px;
	margin:0px auto 0px auto;
	padding:0px 0px 0px 0px;
	width:120px;
}
#TasterText {
	margin:5px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	text-align:center;
}
#TasterText p {
	color:#666;
	font-size:0.6em;
}

.FAQsHead {
	border-bottom:1px solid #eee;
	color:#fff;
	font-size:0.8em;
	margin:0px 0px 10px 0px;
	padding:0px 0px 3px 0px;
	text-align:left;
}
#TasterTextFAQs {
	color:#666;
}
#TasterTextFAQs p {
	color:#666;
	font-size:0.6em;
	font-weight:bold;
	text-align:left;
}
#FaqsTasterBoxLink {
	background-color:transparent;
	border-top:1px solid #999;
	font-size:0.7em;
	margin:0px 0px 0px 0px;
	padding:5px 0px 5px 0px;
	text-align:left;
}
#FaqsTasterBoxLink a:link, #FaqsTasterBoxLink a:visited {
	background-color:transparent;
	color:#7da132;
	font-weight:bold;
	text-decoration:underline;
}
#FaqsTasterBoxLink a:hover {
	background-color:transparent;
	color:#9EB4AE;
	font-weight:bold;
	text-decoration:none;
}
#FaqsTasterBoxLink a:active {
	background-color:transparent;
	color:#9EB4AE;
	font-weight:bold;
	text-decoration:underline;
}
#Footer {
	/*border:1px solid #ff0000;*/
	clear:both;
	margin:10px 0px 0px 0px;
	overflow:auto;
	padding:0px 0px 10px 0px;
	position:relative;
	text-align:right;
	width:971px;
}
#FooterRightTextNav {
	/*border:1px solid blue;*/
	float:right;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}