/*-----------------------------------------------------------------------------
Booker Tate Core Style Sheet
-----------------------------------------------------------------------------*/

/* Remove padding and margin */
* {
  margin: 0;
  padding: 0
}
/* Put it back on certain elements */
h1, h2, h3, h5, h6, p, pre, blockquote, form, fieldset, table, ul {
  margin: 1em 0;
text-align: left;
}
h1 
{
    color: #008822;
    font-size: 2em;
}
h2
{
    color: #009933;
    font-size: 1.5em;
}

li 
{font-size: 1.2em;
    margin-left: 15px;
}



.clear {
	clear:both;
}
img {
	border: 0;
}
textarea, input 
{
    background-color: #e6ffd6;
    border: solid 1px #aaddaa;
    padding: 3px;
}
/* =Typography
-----------------------------------------------------------------------------*/
body {
  background-color: #ddffcc;
  padding-top: 10px;
  
}
/* =Headings
-----------------------------------------------------------------------------*/
/*See basic CSS*/

/* =Links
-----------------------------------------------------------------------------*/
/*see basic css*/

/* =Branding
-----------------------------------------------------------------------------*/

#topPanel { position:relative; height: 204px; text-align: left; overflow: hidden; z-index: 50;}

#map { position:relative; float:left; width:500px;}

#tpText {
	position: absolute;
	top: 0px;
	left: 0;
	height:265px;
	width: 460px;
	background-image: url(/images/home-bg.jpg);
	background-position: top left;
	background-repeat: no-repeat;
	padding: 0px 90px 20px 0px;
	font-size:20px;
	color:#fff;
	margin: 0 0 1px 0;
}
#logo {
	position:absolute;
	right:85px;
	bottom: 50px;
}
/* =Header & core layout
-----------------------------------------------------------------------------*/
#c {
	width: 760px;
	margin-left: auto;
	margin-right: auto;
    background-color: #ffffff;
    position: relative;
    overflow: hidden;
    border: solid 1px #000000;
    z-index: 100;
}

#head {
	position: relative;
	height: 3em;
	background: #0C4B49;
	color: #fff
}
#head input {
	border: 1px none #fff;
}
#tlinks {padding: 0.75em; clear: none; display: inline;}
#tlinks a, #tlinks a:link {
	padding: 0 0.5em;
	color: #fff;
}
#tlinks a:visited 
{
	color: white;
	background:transparent;
}

#tlinks a:hover, #tlinks a:active  {
	color: #00A44D;
	text-decoration:underline
}

#search {
	position: absolute;
	width: 300px;
	right: 10px;
	text-align:right;
	top: 0.75em

}
/* =Main Nav
-----------------------------------------00bb33------------------------------*/
#st-menu {
	position:relative;
	width: 100%;
	background-color: #00bb66;
	border-bottom: 1px solid #009900;
	border-top: 2px solid #006633;
}


.chosen-page 
{
    display: inline;
	clear: none;
	float: left;
    font-size: 1.1em; color:#009933; background-color: #ffffff;
	text-decoration : none;

}
.chosen-page a, .chosen-page a:link {
	display: block;
	float: left;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 10px;
	padding-right: 10px;
	color:#009933;
	font-size: 1.1em;
	background:#ffffff ;
	border-right: 1px solid #009900;
	border-bottom: 1px solid #ffffff;
	margin-bottom: -3px;
	text-decoration : none;
}
.chosen-page a:hover, .chosen-page a:active {
	color:#009933;
	background-color: #ffffff;
}

.menu-page 
{
    display: inline;
	clear: none;
	float: left;
    font-size: 1.1em; color:#000000; background-color: #ffff99;
}

.menu-page a, .menu-page a:link {
	display: block; 
	float: left;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 10px;
	padding-right: 10px;
	color:#ffffff;
    font-size: 1.1em;
	background:#00bb66 ;
	border-right: 1px solid #009900;
	text-decoration: none;
}
.menu-page a:hover, .menu-page a:active {
	color:#006633;
	background-color: #33ff66;
	text-decoration: none;
}

#divider {
	position: relative;
	height: 2px;
	background: #00bb66;
	color: #ffffff;
	text-align: center;
}

#st-footer {
	position: relative;
	height: 3em;
	background: #00bb66;
	color: #ffffff;
	text-align: center;
	padding-top: 5px;
}
#st-footer-links {padding: 0.75em; clear: none; display: inline;}
#st-footer-links a, #st-footer-links a:link {
	padding: 0 0.5em;
	color: #fff;
}
#st-footer-links a:visited 
{
	color: white;
	background:transparent;
}

#st-footer-links a:hover, #st-footer-links a:active  {
	color: #ffffff;
	text-decoration:underline
}



#skip {position:relative; text-align:center}
#menu {
	position:relative;
	width: 100%;
	background:#00A44D;
	background-color: #336600;
}
#menu ul {
	margin: 0;
	padding: 0;
	list-style:none;
	float: left;
}
#menu li {float: left}
#menu ul a, #menu ul a:link {
	display: block;
	float: left;
	padding: 0.95em 1em;
	color:#0C4B49;
	font-size: 1.1em;
	background:#00A44D url(/images/mbg.jpg) repeat-x;
	background-color: #336600;
	border-right: 1px solid #fff
}
#menu ul a:visited {
	color: #fff
}
#menu ul a:hover, ul a:active {
	background:#fff;
	color:#0C4B49;
	background-color: #0C4B49;
}
/* =Sub Nav
-----------------------------------------------------------------------------*/
#subnav 
{
	/*position:absolute;*/  
	float:right;
	width: 29%;
	margin-top:20px;
	margin-right:10px;
	top:230px;
	background:#00A44D;
	color:White;
	padding-top:10px; 
}

#subnav ul {
	margin-right: 5px;
	padding: 0;
	list-style:none;
	color:White;
	text-align:center;
}


#subnav li {display: block;height:2em;}
#subnav ul a, #subnav ul a:link {
	display: block;
	/*padding: 0.2em 0;*/
	/*margin: -0.4em 0;*/
	color:#0C4B49;
	font-size: 1.1em;
	font-weight:bold;
	background:#00A44D;
}

#subnav ul a:visited {
	color: white;
}
#subnav ul a:hover, ul a:active {
	background:#00A44D;
	color:#0C4B49
}
#subnav a {color:White}
#subnav a:hover {color:#0C4B49}

/* =Main Content
-----------------------------------------------------------------------------*/
#picture {background-color:#ffffff;width:250px;margin-left:0px; margin-top: 10px;}

#colleft {float: left;width: 40%;}
#colleft a {color:#0C4B49}
#colleft a:visited {background-color:transparent;}

#colright {width:40%;float:right;margin-right:30px;margin-top:20px;}
#colright a {color:#0C4B49}
#colright a:visited {background-color:transparent;}

#sitemap {color:#0C4B49;}
#sitemap ul a, ul a:hover, ul a:visited {color:#0C4B49;background:white;}
/*#sitemap ul, li {margin-left:20px;}*/

#content {
	position:relative;
	margin-top: 0.5em
}
#mainpanel {
	position: relative;
	margin: 10px 0px 50px 60px;
	padding-top: 1px
}
#subPanel {
	position: relative;
	background: #00A44D;height:100%;
	padding-top: 1px;
}
#subPanel a:visited {
	color: white;
}
#subPanel a:hover, a:active {
	background:#00A44D;
	color:#0C4B49
}

#subPanel h1 { color: #fff}

#colone {float: left;}

#vacancylist a {color:#0C4B49}
#vacancylist a:visited {background:transparent;}

#colone a:visited {background:transparent;}

#address {float: left;width: 25%;}
#addresstext {float: left; width: 40%; margin-top:23px; }


#coltwo {float: right; width: 32%; padding-left : 20px; padding-bottom: 120px;}
#coltwo a,  #coltwo a:visited, #coltwo a:hover
{
    font-size: 1.0em;
    color: #777700;
    text-decoration: underline;
    font-weight: bold;
}
#colone h1, #coltwo h2{
	margin: 0 }	
	
/* #coltwo select {border: 1px none #fff} */
.slPanel {
	margin: 10px 20px 10px 0;
	background:#90A0A0;
	padding: 10px
}
div.slPanel h3, #subnav h3 {margin: 0 0 0.5em 0}


/* =Footer
-----------------------------------------------------------------------------*/
#footer {
	position: relative;
	height: 55px;
	border-bottom: 5px solid #0CF;
	margin-top: 5px;
	margin-bottom: 2px;
	background: url(/images/tsblogo.gif);
	background-repeat: no-repeat;
	background-position: 620px -0px;
	padding-left: 20px;
}

/* =Forms
-----------------------------------------------------------------------------*/

.inputt {border: 1px solid #000; width: 180px}

/* Removes fieldset borders. even on Opea 7 */
fieldset {
  /* border: 1px solid transparent; */
  margin-right: 0px;
  padding-left: 10px;
  padding-right: 10px;
  padding-bottom: 10px;
  
}
legend 
{
    margin-bottom: 5px;
    margin-left: 1px;
    padding-left: 10px;
    padding-right: 10px;
    font-weight: bold;
    font-size: 1.2em;
    text-transform: capitalize;
    color: #007722;
}
.button {
	background:#0C4B49;
	border: 1px none #ccc;
	color:#fff;
	padding-left: 10px
}

/* =Tables
-----------------------------------------------------------------------------*/

table { 
  border-spacing: 0;
	border-collapse: collapse;
}

td {
  text-align: left;
	font-weight: normal;
}

/* =Images
----------------------------------------------------------------------------*/



.manteam{margin-bottom:30px}

.manteam img{float:left;padding-right:10px;margin-top:5px}

.manteam h1{font-size:150%;font-weight:bold}


#mail-table 
{
    border-collapse: collapse;
}
#mail-table td
{
    padding: 5px;
    font-size: 1.2em;
}
.news-item 
{
    margin-top: 30px;
}
.news-date 
{
    margin-top: 30px;
   
}
.news-item-title
{
    color: #009933;
    font-size: 1.3em;
}

.news-item-title a, .news-item-title a:link {
	color:#009933;
	text-decoration : underline;
}
.news-item-title a:hover, .news-item-title a:active {
	color:#009933;
	background-color: #ffffff;
	text-decoration : underline;
}
/* contact form message styling */
/* ---------------------------------------------------------------------------- */

.errorMsgHeader {
	font-size : 1.5em;
	font-weight: bolder;
	color: red;
}

.errorMsgText {
	font-weight: normal;
	color: red;
}

.thanksMsgHeader {
	font-size : 1.5em;
	font-weight: bolder;
	color: rgb(12, 75, 73);
}

.thanksMsgText {
	font-weight: normal;
	color: rgb(12, 75, 73);
}

.thanksMsgBox {
	border: 2px groove threedface;
	padding: 10px;
}








/* EDITOR PROPERTIES - PLEASE DON'T DELETE THIS LINE TO AVOID DUPLICATE PROPERTIES */