/* CSS Document */


/********************PAGE LAYOUT - BEGIN******************************/
body,
html 
{
margin:0;
padding:0;
/*background:#a7a09a;*/
bordor:0px;
/*background-image:url(../images/gradientbg.jpg);*/
background:url(../images/gradientbg.jpg) #CCCCCC repeat-x;
background-position:center top;
/*background-repeat:repeat-y;*/

}

body 
{
min-width:740px;
font-size: 9pt;
font-family: "Trebuchet MS", Arial, sans-serif;
color: #333333;
line-height:16pt;
line-spacing:10pt;
}

#wrap 
{
background:#ffffff !IMPORTANT;
margin:0 auto;
width:740px;
border-right: 1px solid #333333;
border-left:1px solid #333333;
}

#header
{

background:#ffffff;
margin:0px;
padding:0px;
border:0px;
padding-left:5px;
}

#subheader
{

background:#ffffff;
margin:0px;
padding:0px;
border:0px;
float:center;
border:0px solid #999999;
height:216px;
}

#subheader img
{

background:#ffffff;
margin:0px;
padding:0px;
border:0px;
height:216px;


}

#main 
{
                      
padding:0px !IMPORTANT;
float:left !IMPORTANT;
align:top !IMPORTANT;
width:432px !IMPORTANT;
margin:0px !IMPORTANT;
padding-bottom:30px !IMPORTANT;
clear:both !IMPORTANT;
}
			
#main p
{
padding-left: 20px;
padding-right: 15px;
padding-top: 0px;
}

#sidebar 
{
background:#ffffff;
float:right;
width:246px;
border-left: 1px dashed #858585;
padding-top:15px;
padding-right:20px;
padding-left:20px;
padding-bottom:0px;
height:auto;
}

#footer 
{
color:#ffffff;
text-align:center;
padding-bottom:0px;
font-size: 11pt;
font-family: "Trebuchet MS", Arial, sans-serif;
clear:both;
}

#footer p
{
background:#004C2E;
padding:5px;
margin:0;
}


.footerstamp
{
color:#333333;
text-align:center;
padding:10px;
font-size: 10pt;
font-family: "Trebuchet MS", Arial, sans-serif;
text-decoration:none;
background:none;
}
			
			
a.footerstamplink
{
color:#333333;
font-size: 10pt;
font-family: "Trebuchet MS", Arial, sans-serif;
text-decoration:none;
}
			
a.footerstamplink:hover
{
color:#333333;
font-size: 10pt;
font-family: "Trebuchet MS", Arial, sans-serif;
text-decoration:underline;
}

.right-content
{
font-size: 9pt  !important;
font-family: "Trebuchet MS", Arial, sans-serif  !important;
color: #434749  !important;
}

#divider
{
background:#999999 !IMPORTANT;
min-height:0px !IMPORTANT;
height:0px !IMPORTANT;
line-height:0px !IMPORTANT;
width:auto !IMPORTANT;
padding:0px !IMPORTANT;
margin:0px !IMPORTANT;
border:0px !IMPORTANT;
}

/********************PAGE LAYOUT - END******************************/

/********************GENERAL STYLE - BEGIN******************************/

img 
{
  border:0;
}

.quote
{
float:left;
margin-left:10px;
margin-top:20px;
border-top:  1px dashed #858585;
width:95%;
padding:5px;
cellpadding:2px;
cellspacing:3px;
text-align:left;
margin-bottom:10px;
border-bottom:  1px dashed #858585;
}

.content
{
float:left;
width:90%;
height: 20px;
padding-top:5px;
padding-left:7px;
padding-right:7px;
padding-bottom:7px;
background: #e5e5e5;
border: 1px solid #999999;
margin-top:10px;
margin-left:10px;
margin-right:10px;
margin-bottom:10px;
font-size: 9pt  !important;
font-family: "Trebuchet MS", Arial, sans-serif  !important;
color: #434749  !important;
}

/********************GENERAL STYLE - END******************************/


/********************MENU - BEGIN******************************/

/*new menu*/

/* Add a margin - for this demo only - and a relative position with a high z-index to make it appear over any element below */

/* Get rid of the margin, padding and bullets in the unordered lists */
#pmenu, #pmenu ul 
{
padding:0;
margin:0;
list-style-type: none;
}

/* Set up the link size, color and borders */
#pmenu a, #pmenu a:visited 
{
display:block;
width:85px;
font-size:9pt;
font-weight:normal;
color:#004C2E;
height:25px;
line-height:24px;
text-decoration:none;
text-indent:0px;
border:1px solid #000;
border-width:0px 1px 1px 0px;
text-align:center;
}

#first
{
display:block;
width:107px;
font-size:9pt;
font-weight:normal;
color:#004C2E;
height:25px;
line-height:24px;
text-decoration:none;
text-indent:6px;
border-left:1px solid #000;
border-bottom:0px solid #000;
border-top:0px solid #000;
border-right:0px solid #000;

}

/* Set up the sub level borders */
#pmenu li ul li a, #pmenu li ul li a:visited 
{
border-width:0 1px 1px 1px;
}
#pmenu li a.enclose, #pmenu li a.enclose:visited
{
border-width:1px;
border-top:0px !IMPORTANT;
}

/* Set up the list items */
#pmenu li 
{
float:left; 
background:#ffffff;
}

/* For Non-IE browsers and IE7 */
#pmenu li:hover 
{
position:relative;
background:#004C2E;
color:#ffffff;


}
/* Make the hovered list color persist */
#pmenu li:hover > a 
{
background:#004C2E;
color:#ffffff;

 }
/* Set up the sublevel lists with a position absolute for flyouts and overrun padding. The transparent gif is for IE to work */
#pmenu li ul 
{
display:none;

color:#ffffff;

}
/* For Non-IE and IE7 make the sublevels visible on list hover. This is all it needs */
#pmenu li:hover > ul 
{
color:#ffffff;
display:block;
position:absolute; top:-11px; 
padding:10px 30px 30px 30px; 

 }
/* Position the first sub level beneath the top level liinks */
#pmenu > li:hover > ul 
{
left:-30px; top:16px;

color:#ffffff;
}

/* get rid of the table */
#pmenu table {position:absolute; border-collapse:collapse; top:0; left:0; z-index:100; font-size:1em;}

/* 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 #pmenu li a:hover 
{
position:relative; 
background:#004C2E;
color:#ffffff;
}

/* For accessibility of the top level menu when tabbing */
#pmenu li a:active, #pmenu li a:focus 
{
background:#ffffff;
color:#004C2E;
}

/* Set up the pointers for the sub level indication */

/* 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 #pmenu li ul {
visibility:hidden; display:block; position:absolute; top:-11px; left:80px; padding:10px 30px 30px 30px; background:transparent url(transparent.gif);}

/* keep the third level+ hidden when you hover on first level link */
#pmenu li a:hover ul ul{
visibility:hidden;
}
/* keep the fourth level+ hidden when you hover on second level link */
#pmenu li a:hover ul a:hover ul ul{
visibility:hidden;
}
/* keep the fifth level hidden when you hover on third level link */
#pmenu li a:hover ul a:hover ul a:hover ul ul{
visibility:hidden;
}
/* keep the sixth level hidden when you hover on fourth level link */
#pmenu li a:hover ul a:hover ul a:hover ul a:hover ul ul {
visibility:hidden;
}

/* make the second level visible when hover on first level link and position it */
#pmenu li a:hover ul {
visibility:visible; left:-30px; top:14px; lef\t:-31px; to\p:15px;
}

/* make the third level visible when you hover over second level link and position it and all further levels */
#pmenu li a:hover ul a:hover ul{ 
visibility:visible; top:-11px; left:80px;
}
/* make the fourth level visible when you hover over third level link */
#pmenu li a:hover ul a:hover ul a:hover ul { 
visibility:visible;
}
/* make the fifth level visible when you hover over fourth level link */
#pmenu li a:hover ul a:hover ul a:hover ul a:hover ul { 
visibility:visible;
}
/* make the sixth level visible when you hover over fifth level link */
#pmenu li a:hover ul a:hover ul a:hover ul a:hover ul a:hover ul { 
visibility:visible;
}





/***************************Old Menu Code*************************/
ul
{
list-style-type:bullet;
}

li
{

}


a.nav
{ 
float:left;
width:55px;
text-decoration:none;
color:333333;
background:#ffffff;
padding:3px;
border-right:1px solid #004C2E;
border-bottom:1px solid #004C2E;
border-top:0px solid #004C2E;
/*border-right:1px solid #004C2E;*/
font-size: 8pt;
font-family: "Trebuchet MS", Arial, sans-serif;
color: #333333;
text-align:center;
}

#first a.nav
{ 
float:left;
width:50px;
text-decoration:none;
color:333333;
background:#ffffff;
padding:3px;
border-left:0px solid #004C2E;
border-bottom:1px solid #004C2E;
border-top:0px solid #004C2E;
/*border-right:1px solid #004C2E;*/
}


#first a.nav:hover
{
background:#DAE5E1;
}

a.nav:hover
{
background:#DAE5E1;
}

/********************MENU - END******************************/

/********************TEXT STYLE - BEGIN******************************/			
a.link
{           
font-size: 9pt;
font-family: "Trebuchet MS", Arial, sans-serif;
color: #333333;
text-decoration:underline;
padding:0px;
}
			
a.link:hover			 
{                     
font-size: 9pt;
font-family: "Trebuchet MS", Arial, sans-serif;
color: #a7a09a;
text-decoration:underline;
padding:0px;
}
			
h1
{
font-size: 15pt;
font-family: "Trebuchet MS", Arial, sans-serif;
color: #333333;

margin-left:20px;
margin-right:3px;
font-weight:normal;
border-bottom: solid 1px #004C2E;
padding-bottom:10px;
padding-left:0px;
padding-top:0px;
margin-top:10px;
}

.vacancysubtitle
{
font-size: 13pt;
font-family: "Trebuchet MS", Arial, sans-serif;
color: #004C2E;
line-height:16pt;
margin-left:0px;
margin-right:0px;
font-weight:normal;
border-bottom: solid 0px #004C2E;
padding-top:5px;
padding-bottom:5px;
}

.greentext
{
font-size: 10pt;
font-family: "Trebuchet MS", Arial, sans-serif;
color: #004C2E;
line-height:16pt;
margin-left:0px;
margin-right:0px;
font-weight:normal;
border-bottom: solid 0px #004C2E;
padding-bottom:0px;
padding-left:0px;
}
			
h3
{
font-size: 13pt;
font-family: "Trebuchet MS", Arial, sans-serif;
color: #333333;
margin-left:0px;
margin-right:15px;
font-weight:normal;
padding-top:0px;
line-height:0pt;
padding-left:16px;
text-align:top;

}

h4
{
font-size: 9pt;
font-family: "Trebuchet MS", Arial, sans-serif;
color: #333333;
margin-left:20px;
margin-right:0px;
font-weight:normal;
padding-top:0px;
line-height:0pt;
padding-top:10px;
padding-bottom:10px;
border-top: 1px solid #cccccc;
border-bottom: 1px solid #cccccc;
text-align:top;
backgroundcolor:#cccccc;

}

.greentitle
{
font-size: 17pt;
font-family: "Trebuchet MS", Arial, sans-serif;
color: #004C2E;
margin-left:20px;
margin-right:15px;
font-weight:normal;
border-top: dashed 0px #858585;
margin-bottom:10px;
padding-top:0px;
}
						
.innerTextLarge
{			
		
font-size: 13pt;
font-family: "Trebuchet MS", Arial, sans-serif;
color: #333333;
line-height:20pt;
margin-left:20px;
margin-right:15px;
font-weight:bold;
padding-top:10px;
padding-left:0px;	
}

.text_body
{
font-size: 9pt;
font-family: "Trebuchet MS", Arial, sans-serif;
color: #333333;
font-weight:normal;
}

.red
{
font-size: 9pt;
font-family: "Trebuchet MS", Arial, sans-serif;
color: #FF0000;
font-weight:normal;
}				
			
.DateText
{	
padding-right:15px;
padding-top:15px;
border: 0px solid #ffffff;
border-bottom: 0px solid #ffffff;
font-family: verdana, arial;
font-size:7pt;
font-weight:normal;
color:BFD2CB;
text-align:center;
}

 	
.subtitle 
{

font-size: 12pt;
font-weight:bold;
font-family: "Trebuchet MS", Arial, sans-serif;
color: #004C2E;

}  

.whiteinnerText
{
font-family: verdana, arial;
font-size:8pt;
font-weight:normal;
line-height:1.4;
color:ffffff;
text-align:left;
text-decoration:none;
}

.whiteinnerText:hover
{
font-family: verdana, arial;
font-size:8pt;
font-weight:normal;
line-height:1.4;
color:D0C840;
text-align:left;
text-decoration:underline;
}

a.categorylink
{
font-size:8pt !important;
font-weight:normal !important;
line-height:1.4  !important;
color:#333333 !important;
text-align:left !important;
text-decoration:none !important;
}

a.categorylink:hover
{
font-size:8pt !important;
font-weight:normal !important;
line-height:1.4 !important;
color:#333333 !important;
text-align:left !important;
text-decoration:underline !important;
}

ul.maincategorylink
{
display: block;
list-item:square;
list-style-position: inside;
list-style-type:square !IMPORTANT;
font-size: 8pt;
padding-left: 0;
margin-left: 2px;
list-style-type: none;
text-decoration: none;
text-align:left;       

}

li.maincategorylink
{
list-item:square;
display: block;
list-style-position: inside;
list-style-type:square !IMPORTANT;
font-size: 8pt;
margin-left: 10px;
color: #004C2E;

}

ul.standard
{
display: block;
list-item:square;
list-style-position: inside;
list-style-type:square !IMPORTANT;
font-size: 8pt;
padding-left: 0;
margin-left: 20px;
list-style-type: none;
text-decoration: none;
text-align:left;       

}

li.standard
{
list-item:square;
display: block;
list-style-position: inside;
list-style-type:square !IMPORTANT;
font-size: 8pt;
margin-left: 10px;
color: #004C2E;

}


ul.subcategorylink
{
display: block;
list-item:none;
list-style-position: inside;
list-style-type:none !IMPORTANT;
font-size: 6pt;
padding-left: 0;
margin-left: 2px;
list-style-type: none;
text-decoration: none;
text-align:left;   
    

}

li.subcategorylink
{
list-item:none;
display: block;
list-style-position: inside;
list-style-type:none !IMPORTANT;
font-size: 6pt;
margin-left: 12px;
color: #004C2E;

}



a.featuredVacancy
{           
font-size: 11pt;
font-family: "Trebuchet MS", Arial, sans-serif;
color: #004C2E;
text-decoration:none;
padding:0px;
font-weight:bold;
}
			
a.featuredVacancy:hover			 
{                     
font-size: 11pt;
font-family: "Trebuchet MS", Arial, sans-serif;
color: #004C2E;
text-decoration:underline;
padding:0px;
font-weight:bold;
}       
		
a.Category
{           
font-size: 10pt;
font-family: "Trebuchet MS", Arial, sans-serif;
color: #000000;
text-decoration:none;
padding:0px;
font-weight:bold;
}
			
a.Category:hover			 
{                     
font-size: 10pt;
font-family: "Trebuchet MS", Arial, sans-serif;
color: #000000;
text-decoration:underline;
padding:0px;
font-weight:bold;
}  

A:link
{
text-decoration: none;
color:#004C2E;
	
}

A:visited 
{
text-decoration: none;
color:#004C2E;
}

A:active
{
text-decoration: none;
color:#004C2E;
}

A:hover
{
text-decoration: underline; 
color: #004C2E;
}

			
/********************TEXT STYLE - END******************************/			

/********************BLOCK SECTIONS - BEGIN******************************/
 
div.attachment 
{  
background: #DDB url(../images/page_bg.jpg) bottom right no-repeat;
margin-left:0px;
margin-right:1px;
margin-bottom:15px;
padding-left:10px;
padding-top:0px;
padding-right:5px;
padding-bottom:10px;

}
.search
{
float:left;
width: 420px;
background-color: #DAE5E1;
color:000000;
margin-top:15px;
margin-left:10px;
font-size:10pt;
font-weight:normal;
	
}
.category 
{
float:left;
width: 200px;
background-color: #DAE5E1;
color:000000;
margin-top:15px;
margin-left:10px;
font-size:10pt;
font-weight:normal;
	
}

.category p 
{	
padding-left:10px;
padding-right:10px;
margin:0px;
align:top;
}

.categorytop
{ 
background:  url(../images/tr_light.gif) no-repeat top right; 
}

.categorybottom
{
background:  url(../images/br_light.gif) no-repeat top right; 
}

img.cornerSearch
{
width: 15px;
height: 15px;
border: none;
display: block !important;
}	


.roundcont 
{
float:left;
width: 380px;
background-color: #004C2E;
color:D0C840;
margin-top:10px;
margin-left:5px;
font-family: verdana, arial;
font-size:12pt;
font-weight:normal;
align:top;

}

.roundcont p 
{	
padding-left:15px;
padding-top:0px;
padding-right:0px;
margin:0px;
align:top;
}

.roundtop
{ 
background: url(../images/tr.gif) no-repeat top right; 
}

.roundbottom 
{
background: url(../images/br.gif) no-repeat top right; 
}

img.corner 
{
width: 15px;
height: 15px;
border: none;
display: block !important;
}    

.marquee
{
width:100%;
height:100%;
}

#pscroller1
{
width: 200px;
height: 100px;
border: 0px solid black;
margin-left:5px;
padding: 5px;

}

.featuredvacancy
{
float:left;
width: 245px;
background-color: #DAE5E1;
color:000000;
padding-top:0px;
margin-left:0px;
font-size:10pt;
font-weight:normal;
	
}

.featuredvacancy p 
{	
padding-left:10px;
padding-right:10px;
padding-top:0px;
margin:0px;
align:top;
}

.featuredvacancytop
{ 
background:  url(../images/tr_light.gif) no-repeat top right; 
}

.featuredvacancybottom
{
background:  url(../images/br_light.gif) no-repeat top right; 
border-bottom:10px solid #ffffff;
}

img.featuredvacancycorner
{
width: 15px;
height: 15px;
border: none;
display: block !important;
}

.description ul
{
display: block;
list-item:bullet;
list-style-position: inside;
list-style-type:bullet !IMPORTANT;
}

.description li
{

}
      
/********************BLOCK SECTIONS - END******************************/



/********************VACANCIES SECTION - BEGIN******************************/
/*Patrick's styles to go here*/
/********************VACANCIES SECTION - END******************************/			
			

