/*width, height, color, display, float, cursor; font-family, font-size, font-weight, text-align, text-decoration, text-transform, margin, padding, border, background*/

body {color:#555555; font-family:verdana,arial; font-size:10px; text-align:justify; margin:0px;}
h1 {color:#9c0000; font-size:13px; margin:0 0 10px 0;}
h2 {font-size:11px; margin:0 0 10px 0;}
p {padding:0 0 10px 0; margin:0}
a {color:#00a0af; text-decoration:none;}
a:hover {text-decoration:underline;}
table {font-size:10px; background-color:transparent;}
tr {vertical-align:top;}
ul {margin-top:0px; margin-bottom:10px;}

#head {height:93px; background:url('img/head.jpg') no-repeat; color:#ffffff;}
.head_b {background:url('img/head_b.jpg') repeat-x;}

#utilphone {float:right; text-align:right; padding:17px 20px 0 0;}
#phone {font-size:16px; font-weight:bold; padding-left:37px; background:url('img/phone.gif') no-repeat;}
#utilities {padding-bottom:15px; font-size:11px;}
#utilities a {color:#ffffff;}

#menu {height:96px; background:url('img/menu.jpg') no-repeat; vertical-align:top; padding:14px 0 0 35px;}
#menu_l {background:url('img/menu_l.jpg') no-repeat;}
#menu_r {background:url('img/menu_r.jpg') no-repeat;}
.menu_b {background:url('img/menu_b.jpg') repeat-x;}
.menuitem {line-height:41px; float:left; margin-right:10px; padding-left:20px;}
.menuitem.hi {background:url('img/menuitem_l.gif') no-repeat;}
.menuitem a {color:black; font-size:16px; font-weight:bold; padding:13px 0 12px 0;}
.menuitem a:hover {text-decoration:none;}
.menuitem a.hi {padding-right:20px; background:url('img/menuitem_r.gif') no-repeat right;}
html>body .menuitem a {padding-top:11px;}
/* .menuitem {line-height:41px; float:left; margin-right:10px; padding-left:20px; background:url('img/menuitem_left3.gif') no-repeat;}
.menuitem a {color:black; font-size:16px; font-weight:bolder; padding:13px 20px 12px 0; background:url('img/menuitem_right2.gif') no-repeat right;}
html>body .menuitem a {padding-top:11px;} */

.banner {height:92px; text-align:center; background-image:url('img/banner.jpg'); background-repeat:no-repeat; background-position:top center;}
.banner.home {height:192px; background-image:url('img/banner_home2.jpg');}
.banner.admin {height:0px; background-image:none;}

#content {padding:0 23px 0 23px;}
#content_l {background:url('img/content_l.jpg') repeat-y;}
#content_r {background:url('img/content_r.jpg') repeat-y;}
.content_b {background:url('img/content_b.jpg') repeat-x; background-color:#e7f0f5;}

#search_l {width:159px; background:url('img/quicksearch_l.gif') no-repeat;}
#search_r {width:59px; background:url('img/quicksearch_r.gif') no-repeat top right;}
#jobs_l {width:165px; background:url('img/findjobs.gif') no-repeat;}
#jobs_r {width:165px; background:url('img/blue_r.gif') no-repeat top right;}
#staff_l {width:165px; background:url('img/findstaff.gif') no-repeat;}
#staff_r {width:165px; background:url('img/red_r.gif') no-repeat top right;}
#hot_l {width:159px; background:url('img/hot_l.gif') no-repeat;}
#hot_r {width:59px; background:url('img/hot_r.gif') no-repeat top right;}

.hot {background-color:#f66866; background-repeat:no-repeat;}
.hot.tlh {background-image:url('img/pink_tl.gif');}
.hot.blh {background-image:url('img/pink_bl.gif'); background-position:bottom left;}
.hot.trh {background-image:url('img/pink_tr.gif'); height:12px; background-position:top right;}
.hot.brh {background-image:url('img/pink_br.gif'); height:12px; background-position:bottom right;}
.nav {background-color:#65aae3; background-repeat:no-repeat;}
.nav.on {background-color:#428cc6;}
.nav.tl {background-image:url('img/blue_tl.gif');}
.nav.tl.on.aa {background-image:url('img/blue_tl_on.gif');}
.nav.bl {background-image:url('img/blue_bl.gif'); background-position:bottom left;}
.nav.bl.on.cc {background-image:url('img/blue_bl_on.gif');}
.nav.tr {background-image:url('img/blue_tr.gif'); height:6px; background-position:top right;}
.nav.tr.on.bb {background-image:url('img/blue_tr_on.gif');}
.nav.br {background-image:url('img/blue_br.gif'); height:6px; background-position:bottom right;}
.nav.br.on.dd {background-image:url('img/blue_br_on.gif');}
.nav a, .hot a {color:#ffffff; display:block; font-size:11px; padding:3px 17px 3px 17px;}
.nav a {border-bottom:1px solid #408caa; padding-top:7px; padding-bottom:7px;}
.nav a.hi {background:#428cc6 url('img/arrowright.gif') no-repeat 190px;}
.nav a.first {padding-top:2px;}
.nav a.last {border:0; padding-bottom:2px;}

#foot{height:338px; padding:38px 0 0 23px; background:url('img/foot2.jpg') no-repeat;}
#foot_l {background:url('img/foot_l.jpg') no-repeat;}
#foot_r {background:url('img/foot_r.jpg') no-repeat;}
#foot a {color:#555555;}
.foot_b {background:url('img/foot_b.jpg') repeat-x;}

.search {width:160px; height:28px; float:right; background-repeat:no-repeat;}
.search.quick {width:90px; background-image:url('img/search.gif');}
.search.jobs {background-image:url('img/searchjobs.gif');}
.search.staff {background-image:url('img/searchstaff.gif');}

/*#quicksearch div {font-weight:bold; padding:8px 0 5px 0;}*/

.sky {background-color:#e4eff1; background-repeat:no-repeat;}
.sky.top {background-image:url('img/sky_tl.gif'); text-align:right;}
.sky.bot {background-image:url('img/sky_bl.gif'); text-align:right;}
.pad {padding:6px 17px 0 17px;}
.pad2 {padding:6px 17px 6px 17px;}
.pad a {color:#9c0000; font-weight:bold;}
.pad img {float:right; margin:0 -15px 10px 20px;} /*<div style="float:right; margin-right:-8px;padding:0 0 10px 20px;"><img src=img/team.jpg></div>*/

.data tr {height:18px; vertical-align:middle;}
.data img {float:left; margin:0; border:0; padding-left:3px;}
.save {padding-left:20px;}
.grid {text-align:center;}
.grid td {border-bottom:1px solid #dfdfdf; border-left:1px solid #dfdfdf;}
.gridhead td {border-left:0;}

.tab {line-height:28px; float:left; margin-right:3px; padding-left:5px; background:url('img/tab_l.jpg') no-repeat;}
.tab.up {background-image:url('img/tab_l_up.jpg');}
.tab a {color:#ffffff; padding:8px 5px 8px 0px; background:url('img/tab_r.jpg') no-repeat right;}
.tab a.up {background-image:url('img/tab_r_up.jpg');}
.tabfoot {line-height:5px; margin-top:40px; background:#2e5694;}
html>body .tabfoot {margin-top:28px;}
.tabhead {line-height:25px; color:#ffffff; padding-left:17px; background:#5990ea;}

.orange {background:url('img/orange.jpg');}
.red {background:url('img/red.jpg');}
.green {background:url('img/green.jpg');}
.cross {background:url('img/cross.gif') no-repeat center;}
.tick {background:url('img/tick.gif') no-repeat center;}

.boxhead {height:54px;}
.gap {width:30px;}

form {margin:0px;}
input {width:100%; height:18px; color:#555555; font-family:verdana,arial; font-size:10px; padding-left:4px;}
textarea {width:100%; height:200px; color:#555555; font-family:verdana,arial; font-size:10px; padding-left:4px;}
select {width:100%; color:#555555; font-family:verdana,arial; font-size:10px;}
.checkbox {width:14px; height:17px; margin:-1px 3px 0 0;}
html>body .checkbox {margin-bottom:-3px}
.radio {width:13px; margin:0px 5px 0px 0px;}
.button {width:100px}
.submit {width:0px; height:0px;}
html>body .submit {display:none;}

/*menu & mainbody like apollo & eftta*/
#mainbody {height:100%; margin-left:147px; padding:0px; border-top:solid 1px black; border-right:solid 1px black; border-bottom:solid 1px black;}
html>body #mainbody {margin-left:147px;}
.menuhead {font-weight:bold; padding:5px; border:1px solid #dfdfdf; background-color:white; background-image:url('img/menuhead.jpg'); background-position:right; background-repeat:repeat-y;}  /*background:#555658; background-color:#555658; background-image:url('img/fade_development.jpg'); background-position:right*/
.sectionhead {margin-bottom:2px;}
.z_menuitem {height:20px; padding-left:25px; border-left:1px solid #dfdfdf; border-right:1px solid #dfdfdf; background-color:white; background-repeat:no-repeat;}
.menubottom {border-top:1px solid #dfdfdf;}
#menu ul {list-style:none;}

.fullwidth {width:100%;}
.fullheight {height:100%;}
.fullsize {width:100%; height:100%;}
.autowidth{width:auto;}

.headerrow {height:16px; background:url('img/headerrow.jpg'); background-repeat:repeat-x;}
.headerrow:hover {cursor:pointer}
.icon {cursor:hand; margin-bottom:-3px; border:0px;}
.border {border:1px solid #dfdfdf;}
.bordertop {border-top:1px solid #dfdfdf;}
.borderbottom {border-bottom:1px solid #dfdfdf;}
.borderleft {border-left:1px solid #dfdfdf;}
.borderright {border-right:1px solid #dfdfdf;}
.warning {color:red;}

#z_banner_l {background:url('img/banner_l.jpg') no-repeat;}
#z_banner_r {background:url('img/banner_r.jpg') no-repeat;}
.z_banner_b {background:url('img/banner_b.jpg') repeat-x;}