﻿body 
{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 70%;
	margin:auto;
	background-color: #6C217D;
	margin-top:20px;
	color:#6C217D;
	width:822px;
}

a{
	color:#54B948;
	font-weight :bold;
}
h1 {text-align:center;
	color:#54B934;
	font-size: 120%;
	display:inline;}
	
	
h2
{
	text-transform:uppercase;
	text-align:center;
	color:#54B934;
	font-size: 120%;
}

h3
{
	text-transform:uppercase;
	text-decoration:underline;
	color:#6C217D;
	font-size: 120%;
}

h4
{
	text-transform:uppercase;
	color:#54B934;
	font-size: 110%;
}

h5
{
	color:#6C217D;
	font-size: 110%;
}

h4 a{
	color:#6C217D;
}

.latestjobsheader
{
	color:#6C217D;
	font-size: 90%;
	text-transform:capitalize;
	margin-left:12px;
	font-weight:bold;
	border-bottom:1px #6C217D solid;
	padding-left:5px;
	padding-bottom:5px;
}

HR
{
	color:#bbbbbb;
}


#container
{
	background-color: #E9FFDC;
	margin: 0px auto 0 auto;
	position:absolute;
}

#header 
{
	margin:0px;
	padding:0px;
	color:#FFFFFF;
	font-size:200%;
	background-color:#9dadc6;
	width:100%;
}

#m1Columns
{

	position:relative;
	margin: 0 auto 0 auto
padding:0; 
height:100%; /* this is the key! */ 
}

#m1leftColumn
{
float:left;
padding:10px 10px 0 10px;
width:170px; 
background-color:#E9FFDC; 
}

#m1rightColumn
{
padding:10px 10px 0 10px;
margin-left:190px; 
margin-bottom:0px;  
background-color:#E9FFDC;
width:600px;
}

#m1left3Column
{
margin-top:20px;
float:left;
padding:10px 10px 0 10px;
width:170px; 
background-color:#E9FFDC; 
}

#m1centre3Column
{
	margin-top:20px;
margin-left:185px; 
margin-right:185px; 
margin-bottom:0px; 
color:#333; 
padding:10px 10px 0 10px;
width:400px;
}

#m1right3Column
{
	margin-top:20px;
position:absolute; 
right:0px; 
top:0; 
padding:10px 10px 0 10px;
width:175px; 
}

#m1right3Column a{
	color: #6C217D;
	text-decoration:none;
}


#m1right3Column a:hover{
	color: #6C217D;
	text-decoration:none;
	font-size:120%;
}

#m1right3Column dd{
text-transform:capitalize;
}



#footer
{
	padding-top:5px;
	margin-top:50px;
	background-color:#FFFFFF;
	text-align:center;
	border-top: 1px solid #666666;
	padding-bottom:5px;
}

.formrow 
{
	clear: both;
	margin-bottom: 5px;
	margin-top: 0px;	
}

.label01
{
	font-weight: bold;
	display:inline;
	float:left;
	width:150px;
	color: #656565;
}

.menuhead
{
	font-weight:bold;
	font-size:120%;
	color: #000000;
}

.titleright
{
	font-weight:bold;
	font-size:120%;
	color: #000000;
}


.TableHeader
{
	background-color:#666666;
	border-top:solid 1px #666666;
	font-weight:bold;
	color:Navy;
}

.TableRowAlt
{
	background-color:#666666;	
	border-top:solid 1px #666666;
	display:block;
	border-left: solid 1px #666666;
	border-right: solid 1px #666666;
}

.TableRow
{
	border-top:solid 1px #666666;
	border-left: solid 1px #666666;
	border-right: solid 1px #666666;
	border:solid 1px #666666;
	display:block;	
}

.TableColumn100
{
		margin-bottom:5px;
		margin-top:5px;
		float:left;
		width:100px;
}

.TableColumn200
{
		margin-bottom:5px;
		margin-top:5px;
		float:left;
		width:200px;
}
.TableColumn50
{
		margin-bottom:5px;
		margin-top:5px;
		float:left;
		width:50px;
}

.TableColumn75
{
		margin-bottom:5px;
		margin-top:5px;
		float:left;
		width:75px;
}

.TableColumn150
{
		margin-bottom:5px;
		margin-top:5px;
		float:left;
		width:150px;
}

.button01 {
	background-color:#000099;
	color:#FFFFFF;
	font-size: 80%;
	width:75px;
	cursor: hand;
	text-decoration: none;
	height:20px;
}
/****************************************************
View Article
****************************************************/
.articlerow
{
	float:left;
	width:100%;
}
.articlerowfooter
{
	float:left;
	padding:20px 0px 20px 0px;
	width:100%;
}
.articleAuthor
{
	float:left;
	width:50%;
}
.articlePublished
{
	float:left;
	text-align:right;
	width:50%;
}
.articleimage
{
	float:left;
	width:25%;
}
.articlebodyfull
{
	float:left;
	width:100%;
}
.textbox01
{
	width:300px;
}


/****************************************************
Menu
****************************************************/

#vertmenu {
font-size: 120%;
width: 160px;
padding: 0px;
margin: 0px;
}

#vertmenu h1 {
display: block; 
background-color:#9dadc6;
font-size: 90%; 
padding: 3px 0 5px 3px;
color: #FFFFFF;
margin-bottom:5px;
margin-top:5px;

width:159px;
}

#vertmenu ul {
list-style: none;
margin: 0px;
padding: 0px;
border: none;
}
#vertmenu ul li {
margin: 0px;
padding: 0px;
}
#vertmenu ul li a {
font-size: 80%;
display: block;
border-bottom: 1px dashed #CCCCCC;
padding: 5px 0px 2px 4px;
text-decoration: none;
color: #666666;
width:160px;
}

#vertmenu ul li a:hover, #vertmenu ul li a:focus {
color: #000000;
background-color: #eeeeee;
}



/****************************************************
Contacts
****************************************************/


.contactLeft
{
float:left;
padding:10px 10px 0 10px;
width:10px;  
}


.contactRight
{
	margin-left:50px;
	float:left;
padding:10px 10px 0 10px;
margin-left:60px; 
margin-bottom:0px; 
border-bottom: 1px dashed #666666;
width:400px;
}

#menu
{
width: 160px;
padding: 0px;
margin: 0px;
position:absolute;
	
}

#menu a{
	text-decoration:none;
}

#menu ul {
list-style: none;
margin: 0;
padding: 0;
}

#menu a, #menu h2 {
display: block;

margin: 0;
padding: 2px 3px;
}

#menu h2 {
color: #6C217D;
text-transform: uppercase;
display: block; 
background-color:#E9FFDC;
padding: 3px 0 1px 3px;
margin-bottom:0px;
margin-top:5px;
text-align:left;
}

#menu li {
position: relative;
}

#menu ul ul ul {
position: absolute;
top: 0;
left: 100%;
width: 100%;
}

div#menu ul ul ul,
div#menu ul ul li:hover ul ul
{display: none;}

div#menu ul ul li:hover ul,
div#menu ul ul ul li:hover ul
{display: block;}

#menu ul li {float: left; width: 100%;}
#menu ul li a {height: 1%;
	} 


#rightMenu
{
width: 160px;
padding: 0px;
margin: 0px;
position:absolute;	
}

#rightMenu ul {
list-style: none;
margin: 0;
padding: 0;
}

#rightMenu a, #rightMenu h2 {
display: block;

margin: 0;
padding: 2px 3px;
}

#rightMenu h2 {
color: #6C217D;
text-transform: uppercase;
display: block; 
background-color:#E9FFDC;
padding: 3px 0 1px 3px;
margin-bottom:0px;
margin-top:5px;
text-align:left;
}


#rightMenu li {
position: relative;
}

#rightMenu ul ul ul {
position: absolute;
top: 0;
left: 100%;
width: 100%;
}

div#rightMenu ul ul ul,
div#rightMenu ul ul li:hover ul ul
{display: none;}

div#rightMenu ul ul li:hover ul,
div#rightMenu ul ul ul li:hover ul
{display: block;}

#rightMenu ul li {float: left; width: 100%;}
#rightMenu ul li a {height: 1%;
	} 

/************************************************************************************************************************

*************************************************************************************************************************/
.vacanciesrow{
        float:left;
        width:550px;
        font-size:8pt;
        color:#6c217d;      
    }
    .vacanciesrowp{
        float:left;
        width:550px;
        font-size:8pt;
        color:#6c217d;
        padding-top:5px;
        padding-bottom:5px;
        border-bottom:1px Solid #6c217d;  
        margin-bottom:25px;    
    }
    .vacancieslabel{
        float:left;
        width:100px;
        font-weight: bold; 
        padding-bottom:5px;
        padding-top:5px;                    
        border-bottom:1px Solid #6c217d;        
    }
    
    .vacancieslabel{
        float:left;
        width:100px;
        padding-bottom:5px;
        padding-top:5px;                    
        border-bottom:1px Solid #6c217d;        
    }

    .vacanciesgap{
        float:left;
        width:25px;
    }
    .vacanciestext{
        float:left;
        width:420px;
        padding-bottom:5px;
        padding-top:5px;                    
        border-bottom:1px Solid #6c217d; 
    }
    
    .vacanciestextheader{
    	font-weight:bold;
        float:left;
        width:420px;
        font-weight: bold;
        padding-bottom:5px;
        padding-top:5px;                    
        border-bottom:1px Solid #6c217d; 
    }

    .vacanciestextRef{
        float:left;
        width:100px;
    }
    .vacanciestextbutton{
        float:right;
        width:175px;
    }
    .vacanciesimage{
        width:65px;
        height:11px;
        float:right;
        border:none;
    }
    
    .vacancies{	
		overflow:auto;
		height:650px;
	}
    .contactusleft{
        float:left;
    }
    .contactusright{
        float:left;
	padding-left:5px;
    }
    .contactusbold{
         font-weight:bold;
    }

