﻿/*********************
	TEXT STYLES
**********************/
body {
	margin:0;
	padding:0;
	font:small Arial, Helvetica, Sans-serif;
	background:#231816 url(../images/gfx/wood.jpg) repeat fixed center;
	color:#fff;
	text-align:center;
}
#container{
	font-size:100%;
	background:#fff;
	color:#555;
}

#main{
	line-height:1.5;
}

p, ul, ol, blockquote, form, table{
	margin-bottom:1.5em;
}
ul{
	list-style-type:square;
	list-style-image:url(../images/gfx/bullet.gif);
	list-style-position:outside;
}
ol{
	list-style-type:decimal;
}
li{margin-left:2em;}
a img {border: none; }
a:link{
	color: #50828d;
	background-color:#fff;
	text-decoration: underline;
}
a:visited, a:hover {
	color: #9E823E;
	background-color:#fff;
	text-decoration: none;
}
#post-it a:link{
	color: #50828d;
	background-color:#FFF1B4;
	text-decoration: underline;
}
#post-it a:visited, a:hover {
	color: #9E823E;
	background-color:#FFF1B4;
	text-decoration: none;
} 
h1 {
	font-size:200%;
	color: #a9a84e;
	background-color:#fff;
	font-weight:normal;
	font-family:Georgia, "Times New Roman", Times, serif;
	line-height:1;
	text-transform:lowercase;
	margin-bottom:0.5em;
}
#homepage h1{
	text-transform:none;
	font-size: 250%;
	margin-bottom:auto;
}
h2 {
   font-size:160%;
   color: #a9a84e;
   background-color:#fff;
   font-weight:normal;
   font-family:Georgia, "Times New Roman", Times, serif;
   text-transform:lowercase;
   line-height:1.4;
   margin-bottom:0.5em;

}
h3{
	font-size:130%;
	font-weight:normal;
	font-family:Georgia, "Times New Roman", Times, serif;
}
h4{
	font-size:100%;
	font-weight:bold;
}
h2.bubble{
	background:url(../images/gfx/bubble.gif) no-repeat right;
	min-height:31px;
}
#homepage h1,
#homepage h2,
#masthead h1{
	background:transparent;
}
#footer, #footer a{
	text-decoration:none;
	color:#fff;
	background:transparent;
}
hr{clear:both;}
ul.skiplinks, .skiplinks {
  position : absolute;
  top : -9000px;
  left : -9000px;
  z-index : 9;
}

ul.skiplinks a:focus, ul.skiplinks a:active {
  position : absolute;
  top : 9010px;
  left : 9010px;
  background-color : #000; 
  color : #fff;
  padding : 5px;
  font-weight : bold;
  width : 6em;
  z-index : 9;
}
.tel .work, .tel .fax{
	color:#d37f32;
	background:#444d3e;
}
blockquote{
	border-left:5px solid #ff6e00;
	border-bottom:1px solid #efefef;
	padding:0 0 5px 5px;
	margin-bottom:10px;
}
.author{
	color:#009fb3;
	background-color:#fff;
	font-weight:bold;
}
.author em{
	font-style:italic;
	font-weight:normal;
	font-family:Georgia, "Times New Roman", Times, serif;
}

table th{
	background-color:#afae5a;
	color:#fff;
	border:1px solid #fff;
	font-size:120%;
	padding:5px;
	font-weight:normal;
}
table td{
	background-color:#ededed;
	color:#555;
	border:1px solid #fff;
	padding:5px;
}
table.SiteMap{
	margin:0;
}
table.SiteMap th{
	background:#fff;
	color:#555;
	border:none;
	font-size:100%;
	padding:inherit;
}

table.SiteMap td{
	background:#fff;
	color:#555;
	border:none;
	padding:inherit;
}
/********************
	LAYOUT STYLES
********************/
html, body{

}
body{
	padding:0 25px;
}
#container{
	/*min-height:100%;*/
	padding:25px 25px 0 25px;
	margin-top:25px;
}
#footer{
	height:25px;
	line-height:25px;
}
#container, #footer {
	text-align:left;
	margin-left:auto;
	margin-right:auto;
	max-width:936px;
	min-width:806px;
}
#masthead{
	background:url(../images/gfx/bars.gif) repeat-x left 57px;
	width:100%;
	position:relative;
	height:116px;
	z-index:2;
	margin-left:-25px;
	padding-right:25px;
}
h1#logo{
	position:absolute;
	right:0;
	height:159px;
	width:217px;
	z-index:12;
}
h1#logo a{
	background:url(../images/gfx/logo.gif) no-repeat right center;
	display:block;
	width:217px;
	height:159px;
	text-decoration:none;
	text-indent:-999em;
	position:absolute;
	right:-4px;
	z-index:13;
}
#listMenuRoot{
	position:absolute;
	bottom:53px;
	z-index:11;
	width:100%;
}
#main{
	position:relative;
	min-height:290px;
	margin-top:25px;
	margin-bottom:25px;
}
#main.single-col{
	margin-right:155px;
}
#homepage #main{
	margin:0;
}
.framed{
	width:100%;
	border:0;
}
/* columns */
#left{
	float:left;
	width:50%;
	margin-right:-25px;
}

#right{
	float:right;
	width:49%;
}

#col1{
	margin-right:25px;/*cancels out #left margin-right*/
}
#col2-container{
	float:left;
	width:100%;
	margin-right:-175px;
}
#col2{
	margin-right:175px;

}
#col3{
	width:165px;
	float:right;
	margin-top:60px;
	position:relative;
	z-index:1;
}

#col2 #imgimage{
	margin-top:3em;
	border:5px solid #dbdbdd;
}
.clear{margin:0; padding:0; clear:both; height:0;}
#bottom{
	background-color:#444d3e;
	color:#afb756;
	padding:25px;
	margin:0 -25px;
	font-size:85%;
	width:100%;
	overflow:hidden;
	clear:both;
}
#Quality-System{
	width:42px;
	height:114px;
	display:block;
	float:left;
	background:url(../images/gfx/Quality-System.gif) no-repeat;
	text-indent:-9999em;
	margin-right:25px;
}
.vcard.internal{float:left;}
#NPA{
	display:block;
	width:56px;
	height:36px;
	text-indent:-9999em;
	background:url(../images/gfx/NPA.gif) no-repeat;
	margin:25px 5px 0 5px;
	float:left;
}
#RCSA{
	display:block;
	text-indent:-9999em;
	background:url(../images/gfx/RCSA.gif) no-repeat;
	float:left;
	width:84px;
	height:36px;
	margin:25px 5px 0 5px;
}

span.fn{display:none}
#bottom ul#roles,
#bottom ul#types{
	list-style-type:none;
	text-align:right;
	margin:25px 0 0 0;
}
#bottom ul#types{
	margin-top:8px;
}
#bottom ul#roles li,
#bottom ul#types li{
	margin:0;
	padding:0 12px 0 7px;
	display:inline;
	border-right:1px solid #4e7b82;
}
#bottom ul#roles li.last,
#bottom ul#types li.last{
	border-right:0;
	padding-right:0;
}
ul#roles li{
	text-transform:uppercase;
	color:#a9a84e;
	background-color:#444d3e;
}
ul#types li{
	text-transform:lowercase;
	color:#dd701d;
	background-color:#444d3e;
}
#footer {
	font-size: 85%;
	clear:both;
}
#footer ul{
	list-style-type:none;
	margin:0;
	padding:0;
	text-align:right;
}
#footer li{
	display:inline;
	padding:0 10px;
	border-right:1px solid #a0a0a0;
	margin:0;
}
#footer li#credits{border:none;}

/*home page particulars*/
#intro{
	position:absolute; 
	margin:70px 0 0 130px; 
	width:280px;
	z-index:2;
}
#people{
	margin-left:-25px;
	position:relative;
	top:0;
	height:350px;
	z-index:0;
}
#people img{
	position:absolute;
	top:0;
	left:0;
}
#post-it{
	background:url(../images/gfx/post-it.jpg) no-repeat;
	width:291px;
	height:302px;
	overflow:hidden;
	margin-left:-15px;
	position:absolute;
	z-index:0;
	text-align:center;
}
#hot-job h2{line-height:normal; margin:0; padding:0;}
#hot-job{
	width:150px;
	height:115px;
	overflow:auto;
	margin:80px auto auto auto;
	text-align:left;
}
#job-search-container{
	background:#a9a84e url(../images/gfx/bottom.gif) no-repeat bottom;
	color:#fff;
	position:absolute;
	width:180px;
}
#job-search{
	background:url(../images/gfx/top.gif) no-repeat top;
	padding:5px;
	border:1px solid #fff;
}
#job-search h3{
	text-align:center;
}
#job-search .field{
	width:163px;
	font-size:10px;
}
#job-search select.field{
	width:168px;
}
/*********************
	EDUKA FORM LAYOUT
**********************/
fieldset { margin-bottom: 10px; border:none; padding:0;}

.edukaform legend {
	padding: 0 2px;
	font-weight: bold;
}	
.edukaform label 
{
	float:left;
	vertical-align: top;
}	
.edukaform fieldset ol {
	margin: 0;
	padding: 0;
	}	
.edukaform fieldset li {
	list-style: none;
	margin: 0 0 5px 0;
	overflow:hidden;
	}
.edukaform fieldset fieldset {
	border: none;
	margin: 3px 0 0;
	}	
.edukaform fieldset fieldset legend {
	padding: 0 0 5px;
	font-weight: normal;
	}
.edukaform fieldset fieldset label {
	display: block;
	width: auto;
	}
.edukaform em { /*required field asterix*/
	font-weight: bold;
	font-style: normal;
	color:red;
	background-color:#FFFFFF;
	}
.edukaform label { width: 35%;} /* Width of labels */
.edukaform fieldset fieldset label { margin-left: 35%; } /* Width plus 3 (html space) */
/*\*//*/ form.cmxform legend { display: inline-block; } /* IE Mac legend fix */
.edukaform .checkbox input{
	float:left;
}
.edukaform .checkbox label{
	width:auto;
	float:left;
}
.edukaform .checkbox{
	float:left;
}
.edukaform span.error{
	float:right;
	display:block;
	width:60%;
	clear:both;
	text-align:right;
}
/******************
	FORM STYLES
******************/
.textbox, .textarea, .select{
	float:right;
	width:60%;
	background-color:#ededed;
	color:#555;
	border:1px solid #eeeeee;
	line-height:1.8;
	font-size:100%;
	font-family:Arial, Helvetica, sans-serif;
}
.select{width:61%;}
.button{
	background-color:#50828d;
	color:#fff;
	border:0;
	float:right;
	cursor:pointer;
	text-transform:lowercase;
	clear:both;
}
#newsCategory .select{
	float:none;
	width:auto;
}
#newsCategory table{
	margin-top:1.5em;
	width:100%;
}
#newsCategory table td.NewsDate{
	width:100px;
}
#newsCategory table a{
	background-color:#EDEDED;
	color:#50828d;
}
/******************
	ALERT STYLES
******************/
.warning{/*styles the warning messages*/
	padding:5px 5px 5px 50px;
	clear:both;
	margin-bottom:10px;
	background:#FFF4AD url(../images/gfx/warning.png) no-repeat 5px 5px;
	border:3px solid #DAB100;
	min-height:30px;
	color:red;
}

.failure{/*styles the failure messages*/
    background-color:#E84F4F;
	padding:5px 5px 5px 50px;
	clear:both;
	color:#fff;
	margin-bottom:10px;
	background-image:url(../images/gfx/failure.png);
	background-repeat:no-repeat;
	background-position:5px 5px;
	border:3px solid #BF1212;
	min-height:30px;
}

.success{ /*styles the success messages*/
	background-color:#B5FFAD;
	padding:5px 5px 5px 50px;
	clear:both;
	color:#000;
	margin-bottom:10px;
	background-image:url(../images/gfx/success.png);
	background-repeat:no-repeat;
	background-position:5px 5px;
	border:3px solid #53AA4A;
	min-height:30px;
}