/* -------------------------------------
Filename: ivoryTheme.css
Title : Primary CSS file for CatGen CSS Template
Author : Suresh Maharjan, suresh@catgen.com
License: Copyright 2006, CatGen.com, All Rights Reserved.
Feel free to read and learn from this. (I know you'll Definately steal it , Ok Steal it too)
Description : This base style sheet imports other style sheets and
provides basic styling for XHTML elements for Catgen CSS Templates.
--------------------------------------- */

/*---------@BEGENNING OF RESET STYLE ------------------------------------------------*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {margin: 0;padding: 0;	border: 0;outline: 0;font-weight: inherit;font-style: inherit;font-size: 100%;font-family: inherit;vertical-align: baseline;}
/* remember to define focus styles! */
:focus {outline: 0;}
body {line-height: 1;color: black;background: white;}
ol, ul {list-style: none;}
/* tables still need 'cellspacing="0"' in the markup */
table {border-collapse: separate;border-spacing: 0;}
caption, th, td {text-align: left;font-weight: normal;}
blockquote:before, blockquote:after,q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}

/*---------@END OF RESET STYLE ------------------------------------------------*/


/*---------@BEGENNING OF LAYOUT STYLE ------------------------------------------------*/

/* =WRAPPERS -------------------------------------------------------------------------------- */
#catWrapper{ position:relative; width:760px; margin:0 auto;}

/* =HEADER ---------------------------------------------------------------------------------- */
#catHeader{}

/* =CONTENT --------------------------------------------------------------------------------- */
#catContent{position: relative; width:100%; margin:5px 0;}

#catMainContent, #catRelatedContent{float:left;}
#catMainContent {width:760px; float:left }
#catMainContent p,#catMainContent h1,#catMainContent h2,#catMainContent h3,#catMainContent ul{ padding:0 5px;}
#primaryContent{ float:left; width:590px }
#secondaryContent{ float:left;width:170px; margin:0; padding:0}
/* =FOOTER ----------------------------------------------------------------------------------- */
#catFooter{clear:both;}

/* =TOOLS -------------------------------------------------------------------------------------*/
.clear:after {content:".";display:block;height:0;clear:both;visibility:hidden;}
/* Hides from IE-mac */
* html .clear { height:1%; }
/* End hide from IE-mac */

/*---------@END OF LAYOUT STYLE ------------------------------------------------*/

/*---------@BEGENNING OF TYPOGRAPHY STYLE ------------------------------------------------*/

/* @TYPOGRAPHY ---------------------------------------------------------------------------- */
	body {text-align:left; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;font-size: 76%;color:black;}
	div {font-size:1em;}
	img {border:0;}

/* @LINKS -------------------------------------------------------------------------------- */
	a, a:link, a:active {text-decoration: none;}
	a:visited {	}
	a:hover {text-decoration: none;}

/* @HEADINGS--------------------------------------------------------------------------------*/
	h1,h2,h3,h4,h5,h6 {font-weight: bold; margin:0 0 0.25em 0; padding: 0;}
	h1 {font-size: 1.5em; margin:0.5em 0 0.5em 0;}
	h2 {font-size: 1.4em;}
	h3 {font-size: 1.3em;}
	h4 {font-size: 1.2em;}
	h5 {font-size: 1em;}
	h6 {font-size: 0.8em;}

/* @TEXT ---------------------------------------------------------------------------------- */
	p {	font-size: 1em;	margin: 0 0 1.5em 0;padding:0;line-height:1.4em;}
	blockquote {border-left: 10px solid #ddd;margin-left: 10px;}
	pre {display:block;overflow:scroll;margin:0 16px 1.5em 16px;padding:2px;font-family:"Courier New", Courier, monospace;font-size: 1em;background-color:#eee;}
	strong, b {	font-weight: bold;}
	em, i {	font-style:italic;}
	code {display: block;font-family: "Courier New", Courier, monospace;font-size: 1em;background-color: #eee;}
    h2 code, p code {display: inline;}

/* @LISTS --------------------------------------------------------------------------------
	ul {margin: 0 0 1.5em 20px;	padding: 0;	line-height: 1.4em;	}
	ul li {	margin: 0 0 0.25em 30px;padding: 0;}
	ol {margin: 0 0 1.5em 20px;	padding:0;line-height: 1.4em;}
	ol li {	font-size: 1.0em;margin: 0 0 0.25em 30px;padding: 0;}
	dl {margin: 0 0 1.5em 0;padding: 0;	line-height:130%;}
	dl dt {	font-weight: bold; margin: 0.25em 0 0 0; padding: 0;}
	dl dd {	margin: 0 0 0 20px;	padding: 0;	}
*/

/* @TABLE -------------------------------------------------------------------------------- */
	table {margin: 0 0 1.5em 0;border-collapse: collapse;font-size: 1em;}
	table caption {font-weight: bold;margin: 0 0 0 0;padding: 0 0 0.5em 0;text-align: left;}
	th {padding: 5px;font-weight: bold;text-align: right;text-transform: lowercase;}
	td {padding: 5px; font-size: 1em;}
    th span {display: block; margin: 0.5em 0 0 0; text-align: right;}

/*---------@END OF TYPOGRAPHY STYLE ------------------------------------------------*/


/* Set up the link size, color and borders */
.primaryLinks ul ul{ border:1px solid #AD0000; margin:0; padding:0;background:#AD0000;}
.primaryLinks li a{display:block; float:left; height:43px;}

.primaryLinks li a span{display:none}

/* Set up the sub level borders */
.primaryLinks li ul li a {border-width:0 1px 1px 1px; color:#FFFFFF; width:100%;width:auto;white-space:nowrap;height:20px; line-height:20px; text-decoration:none; padding:0 5px; font-size:0.9em; min-width:150px}
.primaryLinks li a.enclose{border-width:1px;}
/* Set up the list items */
.primaryLinks li {float:left;}

/* For Non-IE browsers and IE7 */
.primaryLinks li:hover {position:relative;}
/* Make the hovered list color persist */
/*.primaryLinks li:hover > a {color:#cecbad;}
 Set up the sublevel lists with a position absolute for flyouts and overrun padding. The transparent gif is for IE to work */
.primaryLinks li ul {display:none;}
/* For Non-IE and IE7 make the sublevels visible on list hover. This is all it needs */
.primaryLinks li:hover > ul {display:block; position:absolute; top:43px; left:0; width:auto;white-space:nowrap/*180px;*/}
/* Position the first sub level beneath the top level liinks
.primaryLinks > li:hover > ul { left:0; top:30px;} */

/* get rid of the table */
.primaryLinks table {position:absolute; border-collapse:collapse; top:28px; left:30px; z-index:100; font-size:1em;white-space:nowrap;background:#C90D0E;}

/* For IE5.5 and IE6 give the hovered links a position relative and a change of background and foreground color. This is needed to trigger IE to show the sub levels */
* html .primaryLinks li a:hover {position:relative; color:#cecbad;}

/* For accessibility of the top level menu when tabbing */
.primaryLinks li a:active, .primaryLinks li a:focus,.primaryLinks li a:hover {color:#cecbad;}

/* This lot is for IE5.5 and IE6 ONLY and is necessary to make the sublevels appear */

/* change the drop down levels from display:none; to visibility:hidden; */
* html .primaryLinks li ul {visibility:hidden; display:block; position:absolute; top:-11px; left:80px;}

/* make the second level visible when hover on first level link and position it */
.primaryLinks li a:hover ul {visibility:visible; left:-30px; top:14px; left:-31px; top:15px;}
/**/

.primaryLinks li a.home{background:url(../images/home.gif) no-repeat; width:69px;}
.primaryLinks li a.home:hover{background:url(../images/home_over.gif) no-repeat;}
.primaryLinks li a.whoweare{background:url(../images/who.gif) no-repeat; width:93px;}
.primaryLinks li a.whoweare:hover{background:url(../images/who_over.gif) no-repeat;}
.primaryLinks li a.whatwedo{background:url(../images/what.gif) no-repeat; width:106px;}
.primaryLinks li a.whatwedo:hover{background:url(../images/what_over.gif) no-repeat;}
.primaryLinks li a.employers{background:url(../images/employers.gif) no-repeat; width:80px;}
.primaryLinks li a.employers:hover{background:url(../images/employers_over.gif) no-repeat;}
.primaryLinks li a.candidates{background:url(../images/candidates.gif) no-repeat; width:84px;}
.primaryLinks li a.candidates:hover{background:url(../images/candidates_over.gif) no-repeat;}
.primaryLinks li a.vacancies{background:url(../images/vacancies.gif) no-repeat; width:74px;}
.primaryLinks li a.vacancies:hover{background:url(../images/vacancies_over.gif) no-repeat;}
.primaryLinks li a.news{background:url(../images/news.gif) no-repeat; width:140px;}
.primaryLinks li a.news:hover{background:url(../images/news_over.gif) no-repeat;}
.primaryLinks li a.contact{background:url(../images/contactus.gif) no-repeat; width:84px;}
.primaryLinks li a.contact:hover{background:url(../images/contact_over.gif) no-repeat;}


#catBanner{ background:url(../images/oxhrmainbanner.jpeg) no-repeat; height:174px;}
#catBanner span{ visibility:hidden}
#catHeader hr{ height:8px ; border:none; margin:0; padding:0; background:url(../images/hr_bg.gif) repeat-x; margin-top:1px;}

#secondaryContent .bigButtons li{ margin-bottom:15px}
#secondaryContent a.empBttn{ display:block;background:url(../images/employers_large_button.gif) no-repeat; width:146px; height:66px; text-indent:-9999px}
#secondaryContent a.empBttn:hover{ display:block;background:url(../images/employers_large_button.gif) no-repeat 0 -67px; }
#secondaryContent a.candBttn{display:block;background:url(../images/candidates_large_button.gif) no-repeat; width:146px; height:66px;text-indent:-9999px}
#secondaryContent a.candBttn:hover{display:block;background:url(../images/candidates_large_button.gif) no-repeat 0 -67px; }


body {font-family:Arial, Helvetica, sans-serif;color:#4C4C4C}

/* @WRAPPERS -------------------------------------------------------------------------------- */
#catWrapper{background:#FFFFFF;}

/* @HEADER -------------------------------------------------------------------------------- */
#catHeader{}
#catHeader h1{height:101px; width:760px; background:url(../images/ohr_logo.jpg) no-repeat; text-indent:-9999px; margin:0; padding:0 }
#catHeader div.primaryLinks{height:43px; background:url(../images/menu_bg.gif) repeat-x; position:relative}

/* @CONTENT -------------------------------------------------------------------------------- */
#catContent h1{ font-size:2.1em; color:#D31313; margin-top:0; padding-top:0}
#catContent h2{font-size: 1.6em; font-weight:bold;}

.leader-text {font-size:1.3em;font-weight:bold;line-height:1.25em; }
.vacany-title a{font-weight:bold;color:#D31313;}

#navcontainer p{ float:left; width:60%; margin-right:30px}
#navlist {padding-left: 0;margin-left: 40px;}
#navlist li {list-style:square;margin: 0;padding: 0.25em;color:#D31313;}
#navlist li a {text-decoration: none;color:#D31313}

#catMainContent p{font-size:1em; line-height:1.25em;}
#catMainContent ul.normal{ list-style:disc; margin: 0 0 1.5em 20px;	padding: 0;	line-height: 1.4em;}
#catMainContent li{ margin:5px 0 5px 10px;padding: 0;line-height:1.25em;}
#catMainContent ul.normal li{ margin:0 0 5px 20px;padding: 0;list-style:disc;}
#catMainContent h2, #catMainContent h3{ margin:15px 0}
#catMainContent h4{ margin:10px 5px}
#catContent .otherLinks{ padding:0 2px}
#primaryContent {}
ul.normal{ list-style:disc; margin: 0 0 1.5em 20px;	padding: 0;	line-height: 1.4em;}
ul.normal li{ margin:0 0 5px 20px;padding: 0;list-style:disc;}

#catMainContent .vacancyOdd,#catMainContent .vacancyEven {
 padding:10px;
}
#catMainContent .vacancyOdd p, #catMainContent .vacancyEven p{text-align:left; margin:0; padding:5px 5px 0 5px}
#catMainContent .vacancyOdd {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #dd1717;
}

#catMainContent .vacancyEven {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #dd1717;
}
#catMainContent dl{ padding:0 5px}
#catMainContent dt{ font-weight:bold; margin:20px 0}
#catMainContent dd {margin:15px 0; line-height:1.2em}
#catMainContent dl.testimonial{ padding:0 5px}
#catMainContent dl.testimonial dt{font-weight:normal; margin:20px 0 5px 0}
#catMainContent dl.testimonial dd {margin:5px 0 20px 0; line-height:1.2em}



#catMainContent address{font-style:normal; line-height:1.1em; margin:0 0 15px 10px; padding:0}
.highlight{background:yellow}

#primaryContent .sitemap{margin:0; padding:0;}
#primaryContent .sitemap li{margin:10px 0; padding:0}
#primaryContent .sitemap li ul li{margin:0; padding:0;}
#primaryContent .sitemap li ul li{margin:3px 0 3px 15px; padding:0; }
#primaryContent p.center{text-align:center}

#breadcurm {position:absolute; top:5px; right:5px}
#breadcurm a{color:white; font-weight:bold}
/* @FOOTER -------------------------------------------------------------------------------- */
#catFooter{ border-top:1px solid #000000; padding:15px 0; clear:both;font-size:0.9em }
#catFooter .address{ width:170px; float:left; }
#catFooter li{ display:inline; padding-right:5px;}
#catFooter li a{color:#000000; }
#catFooter span.powered{ position:relative; left:440px; top:40px;}
#catFooter span.powered a{ margin:2px 0; display:block;width:auto;}
/* Liams Fixes---------------------------------------- */
.profilePicture {
float: right;
padding-left: 10px;
padding-bottom: 10px;
}
p {
text-align: justify;
}
.side p {
text-align: left;
}
html {overflow-y: scroll;}
a {
color: #D31313;
}
a:hover {
text-decoration: underline;
}
.sideContent {
	width: 164px;
	display: block;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	margin-right: 2px;
	margin-left: 2px;
	background-color: #e2e1bf;
	color: #333217;
	line-height: 17px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CBCA8D;
	text-align: left;
        padding-top:3px;
}
.sideContent h3{
	font-size: 13px;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	margin-right: 0px;
	padding-top: 4px;
	padding-bottom: 4px;
	padding-left: 4px;
	padding-right: 4px;
	color: #333217;
	line-height: 100%;
        display: block;
}
.sideContent p {
	margin-top: 5px;
	padding-right: 3px;
	padding-left: 3px;
        text-align: left;
}
#catRelatedContent { 
        padding-bottom:15px; 
        display:block;
        font-size: 12px;
        font-weight: bold;
        line-height: 16px;
}
#catRelatedContent a:hover {
        text-decoration: none;
        color: #7d7c68;
}
.menu2 {
	float:left;
	width:100%;
	font-family: verdana, arial, sans-serif;
	font-size:11px;
	background-color: #B00203;
	background-image: url(../images/navBG.jpg);
	background-repeat: repeat-x;
}
.menu2 ul {
padding:0;margin:0;list-style-type:none;
}
.menu2 ul li {
	float:left;
	position:relative;
	background-image: url(../images/navSplit.gif);
	background-repeat: no-repeat;
	background-position: left center;
}
.menu2 ul li.group {
	display:block;
	text-indent:10px;
	color:#ffffff;
	width:200px;
	padding:4px 0;
	background-color: #B00203;
}

.menu2 ul li a, .menu2 ul li a:visited {
	float:left;
	display:block;
	text-decoration:none;
	color:#FFFFFF;
	line-height:25px;
	height:30px;
	font-weight: bold;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 10px;
}

.menu2 ul li:hover {width:auto;}

.menu2 ul li a:hover {
	color:#cbcaaa;
	background-color: #B00203;
	background-image: url(../images/navSplit.gif);
	background-position: left center;
	background-repeat: no-repeat;
}

.menu2 ul li:hover a {color:#cbcaaa;}

.menu2 ul li ul {
display: none;
}
.menu2 table {
margin:0; border-collapse:collapse; font-size:11px; position:absolute; top:0; left:0;
}

/* specific to non IE browsers */
.menu2 ul li:hover ul {
	display:block;
	position:absolute;
	top:29px;
	margin-top:1px;
	left:0;
	width:200px;
	background-color: #B00203;
}

.menu2 ul li:hover ul.endstop {
left:-90px;
}
.menu2 ul li:hover ul li ul {
display: none;
}
.menu2 ul li:hover ul li a {
	display:block;
	color:#fff;
	height:auto;
	line-height:15px;
	width:200px;
	background-color: #B00203;
	font-weight: normal;
	background-image: none;
	padding-top: 4px;
	padding-right: 5px;
	padding-bottom: 4px;
	padding-left: 5px;
}
.menu2 ul li:hover ul li a.drop {
	background-color: #B00203;
}
.menu2 ul li:hover ul li a:hover {
	color:#cbcaaa;
	background-color: #B00203;
}
.menu2 ul li:hover ul li a:hover.drop {
background: #B00203; 
color:#ff0;
}
.menu2 ul li:hover ul li:hover ul {
	display:block;
	position:absolute;
	left:200px;
	top:-70px;
	color:#000;
	left:200px;
	height:138px;
	width:200px;
	overflow:auto;
	background-color: #B00203;
}
.menu2 ul li:hover ul li:hover ul li a {
	background-color: #B00203;
}
.menu2 ul li:hover ul li:hover ul li.group {width:200px; padding:5px 0;}


.menu2 ul li:hover ul li:hover ul.left {
left:-172px;
}
.menu2 ul li:hover ul li:hover ul li a:hover {
	color:#0ff;
	background-color: #B00203;
}



/* specific to IE5.5 and IE6 browsers */
.menu2 ul li a:hover ul {
display:block;position:absolute;top:30px; top:29px; background:#B00203;left:0; margin-top:1px;
}

.menu2 ul li a:hover ul.endstop {
left: -90px;
}
.menu2 ul li a:hover ul li a {
	display:block;
	color:#fff;
	height:1px;
	line-height:15px;
	width:200px;
	width:200px;
	font-weight: normal;
	background-color: #B00203;
	background-image: none;
	padding-top: 4px;
	padding-right: 5px;
	padding-bottom: 4px;
	padding-left: 5px;
}
.menu2 ul li a:hover ul li a.drop {
	padding-bottom:5px;
	background-color: #B00203;
}
.menu2 ul li a:hover ul li a ul {
	visibility:hidden;
	position:absolute;
	height:0;
	width:0;
}
.menu2 ul li a:hover ul li a:hover {
	color:#cbcaaa;
	background-color: #B00203;
}
.menu2 ul li a:hover ul li a:hover.drop {
 background: #B00203; color:#ff0;
}
.menu2 ul li a:hover ul li a:hover ul {
	visibility:visible;
	position:absolute;
	top:-70px;
	top:-70px;
	color:#000;
	left:152px;
	height:138px;
	width:170px;
	overflow:auto;
	background-color: #B00203;
}
.menu2 ul li a:hover ul li a:hover ul.left {
left:-170px;
}
.menu2 ul li a:hover ul li a:hover ul li a:hover {
	color:#0ff;
	background-color: #B00203;
}


.left {clear:both;}