/* CSS Document */


/********************PAGE LAYOUT - BEGIN******************************/
body,
html 
{
margin:0;
padding:0;
/*background:#a7a09a;*/
bordor:0px;
/*background-image:url(images/background-small.gif);*/
background-position:center top;
background-repeat:repeat-y;
padding-top:20px;
}

body 
{
min-width:740px;
font-size: 11px;
font-family: verdana, Arial, sans-serif;
color: #646464;
line-height:16pt;
line-spacing:10pt;
}

#wrap 
{
background:#ffffff;
margin:0 auto;
width:740px;
border-right: 0px solid #333333;
border-left:0px solid #333333;
}

#header
{

background:#ffffff;
margin:0px;
padding:0px;
border:0px;
padding-left:5px;
}

#header img
{

background:#ffffff;
margin-left:10px;
margin-top:20px;
margin-right:20px;
margin-bottom:20px;
padding:0px;
border:0px;
}

#subheader_left
{
float:left;
width:453px;
background:#ffffff;
margin-bottom:0px;
padding-bottom:0px;
border:0px;
border:0px solid #999999;
height:216px;
}

#subheader_left img
{
float:left;
width:453px;
background:#ffffff;
margin:0px;
padding:0px;
border:0px;
height:216px;


}

#subheader_right
{
float:left;
background:#336699;
margin-bottom:0px;
padding-bottom:0px;
border:0px;
border:0px solid #999999;
height:216px;
width:281px;
border-left: 5px solid #ffffff;
}

#subheader_right img
{
float:left;
background:#336699;
padding-left:5px;
margin-left:5px;
padding:0px;
border:0px;
height:216px;
width:270px;

}


#main 
{
                      
padding:0px;
float:left;
align:top;
width:452px;
margin:0px;
padding-bottom:30px;
}
			
#main p
{
padding-left: 20px;
padding-right: 15px;
padding-top: 5px;
}

#sidebar 
{
background:#E6ECF2;
float:right;
width:242px;
border-left: 0px dashed #858585;
padding-top:0px;
padding-right:20px;
padding-left:20px;
padding-bottom:0px;
height:auto;
min-height:600px;
margin-top:6px;
}

.content
{
font-size: 11px;
font-family: verdana, Arial, sans-serif;
color: #646464;
}

a.content
{
font-size: 11px;
font-family: verdana, Arial, sans-serif;
color: #646464;
text-decoration:underline;
}

a.content:hover
{
font-size: 11px;
font-family: verdana, Arial, sans-serif;
color: #99cc66;
text-decoration:underline;
}

.projects
{
float:left;
background:#ffffff;
width:202px !IMPORTANT;
margin:6px;
padding:6px;
}

.projects img
{
display:block;
border: 1px solid #858585;
}

.projects_home
{
float:left;
background:none;
width:202px !IMPORTANT;
margin:6px;
padding:6px;
}

.projects_home img
{
display:block;
border: 0px solid #858585;
}


.projects_detail
{
float:left;
/*background:#F5FAEB;*/
background:#E6ECF2;
/*border: 1px solid #99CC33;*/
border: 1px solid #858585;
width:395px !IMPORTANT;
height:175px;
margin-left:10px;
margin-right:10px;
margin-top:15px;
margin-bottom:10px;
padding:6px;
}

.projects_logo
{
float:left;
display:block;
border: 0px solid #858585;
width:202px;
}

.projects_inner
{
float:right;
width:183px !IMPORTANT;
margin-left:0px;
}

#footer 
{

margin:0 auto;
width:740px;
background:#ffffff;
color:#646464;
text-align:center;
font-size: 11px;
font-family: verdana, Arial, sans-serif;
clear:both;
border-top: 1px solid #336699;
border-bottom: 0px solid #336699;
}

#footer p
{
padding:5px;
margin:0;
}


.footerstamp
{
color:#333333;
text-align:center;
padding:10px;
font-size: 10pt;
font-family: verdana, Arial, sans-serif;
text-decoration:none;
}
			
			
a.footerstamplink
{
color:#333333;
font-size: 10pt;
font-family: verdana, Arial, sans-serif;
text-decoration:none;
}
			
a.footerstamplink:hover
{
color:#333333;
font-size: 10pt;
font-family: verdana, Arial, sans-serif;
text-decoration:underline;
}

.right-content
{
font-size: 9pt  !important;
font-family: verdana, 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
{
margin-left:5px;
width:95%;
padding:5px;
cellpadding:2px;
cellspacing:3px;
text-align:left;
boder:0px;
}


ul
 {
color:#99CC33;
list-style-type:square;
margin-left:20px;
padding:0px;
}

li 
{
color:#99CC33;
margin-bottom:5px;
margin-top:5px;
padding:0px;
}

.mainbody ul
{
list-style-type:square !IMPORTANT;
list-style-position: inside;
color:#99CC33 !IMPORTANT;
margin-left:40px !IMPORTANT;
padding:0px !IMPORTANT;
}

.mainbody li
{
list-style-type:square !IMPORTANT;
list-style-position: inside;

padding:0px !IMPORTANT;
margin-top:5px !IMPORTANT;
margin-bottom:5px !IMPORTANT;
margin-left:15px !IMPORTANT;
color:#99CC33 !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 */

#menu
{
width:453px;
float:left; 
background:#646464;
padding-top:6px;
}

.pmenu, .pmenu ul 
{
padding:0;
margin-top:3px;
margin-bottom:0px;
margin-right:0px;
margin-left:0px;
list-style-type: none;
}

/* Set up the link size, color and borders */
.pmenu a, .pmenu a:visited 
{
display:block;
width:89px;
font-size:11px;
font-weight:normal;
color:#646464;
height:25px;
line-height:24px;
text-decoration:none;
text-indent:0px;
border:1px solid #646464;
border-width:0px 1px 0px 0px;
text-align:center;


}

#first
{
display:block;
width:90px;
font-size:11px;
font-weight:normal;
color:#646464;
height:25px;
line-height:24px;
text-decoration:none;
text-indent:0px;
margin-top:3px;
margin-bottom:0px;
margin-right:0px;
margin-left:0px;
padding:0px;
border-left:1px solid #646464 !IMPORTANT;
border-bottom:0px solid #646464;
border-top:0px solid #646464;
border-right:0px solid #646464;

}

/* 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;
}

/* Set up the list items */
.pmenu li 
{
float:left; 
background:#ffffff;
}

/* For Non-IE browsers and IE7 */
.pmenu li:hover 
{
position:relative;
background:#646464;
color:#ffffff;


}
/* Make the hovered list color persist */
.pmenu li:hover > a 
{
background:#646464;
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:#646464;
color:#ffffff;
}

/* For accessibility of the top level menu when tabbing */
.pmenu li a:active, .pmenu li a:focus 
{
background:#ffffff;
color:#646464;
}

/* 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;
}


/**************************************/
/*menu details*/
a.nav
{ 
float:left;
width:55px;
text-decoration:none;
color:333333;
background:#ffffff;
padding:2px;
border-right:1px solid #646464;
border-bottom:1px solid #646464;
border-top:0px solid #646464;
/*border-right:1px solid #646464;*/
font-size: 9pt;
font-family: verdana, Arial, sans-serif;
color: #646464;
text-align:center;
}




.first a.nav:hover
{
background:#646464;
}

a.nav:hover
{
background:#646464;
}

/********************MENU - END******************************/

/********************TEXT STYLE - BEGIN******************************/			
a.link
{           
font-size: 9pt;
font-family: verdana, Arial, sans-serif;
color: #646464;
text-decoration:underline;
padding:0px;
}
			
a.link:hover			 
{                     
font-size: 9pt;
font-family: verdana, Arial, sans-serif;
color: #99CC33;
text-decoration:underline;
padding:0px;
}
			
h2
{
font-size: 19pt;
font-family: verdana, Arial, sans-serif;
color: #646464;
margin-top:40px;
line-height:18pt;
margin-left:20px;
margin-right:15px;
font-weight:normal;
border-top: dashed 0px #858585;
padding-top:0px;
padding-left:0px;
}

h1
{
font-size: 13pt;
font-family: verdana, Arial, sans-serif;
color: #646464;
margin-left:0px;
margin-right:15px;
margin-top:15px;
font-weight:normal;
border-top: dashed 0px #858585;
padding-top:0px;
padding-left:0px;
}

.greentitle
{
font-size: 19pt;
font-family: verdana, Arial, sans-serif;
color:#99cc33;
line-height:18pt;
margin-left:0px;
margin-right:0px;
font-weight:normal;
border-top: dashed 0px #858585;
padding-top:0px;
padding-left:0px;
}



.greentitle_small
{
font-size: 11px;
font-family: verdana, Arial, sans-serif;
color:#99cc33;
line-height:18pt;
margin-left:0px;
margin-right:0px;
font-weight:bold;
border-top: dashed 0px #858585;
padding-top:0px;
padding-left:0px;
}

.text
{
font-size: 11pt;
font-family: verdana, Arial, sans-serif;
color:#646464;
line-height:16pt;
margin-left:0px;
margin-right:0px;
font-weight:normal;
padding-top:0px;
padding-left:0px;
}

			
h3
{
font-size: 13pt;
font-family: verdana, Arial, sans-serif;
color: #333333;
line-height:16pt;
margin-left:0px;
margin-right:15px;
font-weight:normal;
padding-top:10px;
}
						
.innerTextLarge
{			
		
font-size: 13pt;
font-family: verdana, Arial, sans-serif;
color: #333333;
line-height:20pt;
margin-left:20px;
margin-right:15px;
font-weight:bold;
padding-top:10px;
padding-left:0px;	
}			
			
.DateText
{	
padding-right:15px;
padding-top:15px;
border: 0px solid #ffffff;
border-bottom: 0px solid #ffffff;
font-family: verdana, arial;
font-size:11px;
font-weight:bold;
color:858585;
text-align:center;
}

 	
.subtitle 
{
font-size: 12pt;
font-weight:bold;
font-family: verdana, Arial, sans-serif;
color: #646464;
border-bottom: 0px solid #CECECE;
}          
			
/********************TEXT STYLE - END******************************/			

/********************BLOCK SECTIONS - BEGIN******************************/
 
div.attachment 
{  
background: #DDB url(../images/page_bg.jpg) bottom right no-repeat;
margin-left:0px;
margin-right:0px;
margin-bottom:5px;
padding-left:10px;
padding-top:10px;
padding-right:10px;
padding-bottom:10px;
}

.category 
{
float:left;
width: 245px;
background-color: #DAE5E1;
color:000000;
margin-top:15px;
margin-left:0px;
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: #646464;
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;

}



      
/********************BLOCK SECTIONS - END******************************/



/********************VACANCIES SECTION - BEGIN******************************/
/*Patrick's styles to go here*/
/********************VACANCIES SECTION - END******************************/