body{margin:0 0 30px 0; padding:0; text-align:center; font-family:verdana, arial, sans-seirf; font-size:62.5%; background:#87003c url(/i/bg.png) top left no-repeat; color:#333;}
div.clearer{clear:both; height:0px; display:block;}
a img{border:none;}

/*-------------CONTAINING ELEMENTS-------------*/

#wrapper{width:820px; text-align:left; margin:30px auto;}

/*-------------HEADER-------------*/

#mast{width:820px; float:left;}
#mast img{float:left;}
#mast h1{float:left; margin:0; padding:0;}
#mast h1 a{float:left; display:block; width:225px; height:62px; background: transparent url(/i/logo.png) top left no-repeat; text-indent: -100000px;}
#top_nav{float:right; color:#fff; font-size:1.3em;}
#top_nav ul{list-style:none; margin:15px 0 0 0; padding:0;}
#top_nav ul li{padding:0 10px; display:inline; border-right:1px solid #fff; line-height:1.6em;}
#top_nav ul li.current{padding:0 10px; display:inline; border-right:1px solid #fff; border-bottom:1px solid #fff; line-height:1.6em;}
#top_nav ul li.last{border:none; padding:0 0 0 10px;}
#top_nav ul li a:link{color:#fff; text-decoration:none;}
#top_nav ul li a:visited{color:#fff; text-decoration:none;}
#top_nav ul li a:hover{color:#fff; border-bottom:1px solid #fff;}
#top_nav ul li a:active{color:#fff; border-bottom:1px solid #fff;}

/*-------------CONTAINER-------------*/

#container{float:left; margin:30px 0 30px 0;}
#left{float:left; width:200px; background-color:#fff; font-size:1.2em; display:block;}
#right{float:right; width:580px; background:#fff; padding:10px; margin:0 0 0 10px;}

/*-------------LEFT-------------*/
#left ul{list-style:none; margin:0; padding:0;}
#left ul li{margin:0; padding:0;  line-height:1.7em;}
#left ul li.heading{background-color:#40001c; color:#fff; border:none; padding:3px 0 3px 15px; font: bold 14px "Century Gothic","Trebuchet MS",Arial,Helvetica,sans-serif; letter-spacing: 0.1em; border-bottom:1px solid #ccc; }
#left ul li a.last {border:none !important;}
#left ul li a.last:hover {border:none !important;}
#left ul li a{color:#666; text-decoration:none; display:block; width:185px; padding:0 0 0 15px; border-bottom:1px solid #ccc; }
#left ul li a:hover{color:#333; background:#b7cfce url(/i/menu.png) 0 50% no-repeat; border-bottom:1px solid #b7cfce;}
#left ul li.current a{color:#333; background:#b7cfce url(/i/menu_current.png) 0 50% no-repeat; border-bottom:1px solid #b7cfce;}

#newsletter{ display: block; float: left; margin:15px 0; padding:0 10px;}
#newsletter h4 { display: block; height: 27px; background:url(/i/newsletter_c.png) 0 50% no-repeat; padding: 14px 0 0 35px; color: #40001c;  font: bold 14px "Century Gothic","Trebuchet MS",Arial,Helvetica,sans-serif; letter-spacing: 0.1em;}

/*-------------RIGHT-------------*/
#right p{ padding:0; font-size:1.3em;}
html>body #right p{padding: 10px 0; font-size:1.3em; line-height:1.5em;}
html>body #right p.intro{padding:10px 0;}
#right p.intro{font-size:1.4em; line-height:1.8em; padding:0;}
#right p.intro strong{color:#87003c; font: bold 18px "Century Gothic","Trebuchet MS",Arial,Helvetica,sans-serif; }
#right strong{color:#87003c;}
#right b {color:#87003c;}
#banner {display:block; width:580px; height: 200px; overflow: hidden; /*background: transparent url(/i/tagline.png) center center no-repeat;*/ }
#banner img { float: left; }
#banner_home{background:url(/i/bcard.png) top left no-repeat; position:relative; display:block; width:580px; height:170px;}
#banner_text{display:block; width:240px; height:110px; position:relative; top:20px; left:95px; padding:10px; overflow:hidden;}
#banner_text h2{padding:0; margin:0; font-size:1.4em; line-height:1.6em; font-weight:normal;}
#banner_text strong{color:#87003c; font-weight:normal;}
 
div.box {display: block; float:left; width:580px; margin: 10px 0 10px 0; /*border-bottom:1px solid #ccc;*/ padding:0 0 5px 0;}
div.box .box { border-bottom: 0 !important; }
/* div.box p{font-size:1.3em;} */
/* div.box  {font-size:1.2em; font-weight: normal;} */
html>body div.box p.summary{margin:0 0 0 20px;}
div.box p.summary{padding:0; margin:10px 0 0 20px; /*font-size:1.3em;*/ float:left; width:200px;}
div.box p.summary a{text-decoration:none; color:#87003c;}
div.box p.summary a:hover{text-decoration:underline;}
div.box h2{color:#fff; background-color:#40001c; margin:0 0 10px 0; padding:5px 5px 5px 10px; font: normal 20px/22px "Century Gothic","Trebuchet MS",Arial,Helvetica,sans-serif; display: block; float: left; width: 565px;}
div.box img{float:left; padding:10px 0 0 0;}
div.box ul{list-style:none; font-size:1.3em; /*float:right;*/ margin:5px 0 0 0; padding:0;}
div.box ul li{background:url(/i/list_marker.png) no-repeat 0 8px; padding:2px 0 2px 15px; margin: 0 0 10px 0; }
div.box a{text-decoration:none; color:#333;}
div.box a:hover{text-decoration:underline;}
div.box img.thumbnail{padding:5px; border:solid 1px #ccc; margin:0 10px 10px 0;}
div.box a:link img.thumbnail{border:solid 1px #ccc;}
div.box a:visited img.thumbnail{border:solid 1px #ccc;}
div.box a:hover img.thumbnail{border:solid 1px #87003c;}
div.box a:active img.thumbnail{border:solid 1px #87003c;}

#rss_feeds ul { display: block; float: left; width: 250px; margin: 5px 0 0 10px; }
#rss_feeds { font-size: 1.1em; }


#top_jobs { font-size: 1.1em; background: url(/i/chair3.png) 0 50px no-repeat;  height: 220px; min-height: 220px;}
html>body #top_jobs { height: auto; }
#top_jobs b { color: #555; }

#top_jobs div { float: left; display: block; margin: 0 0 5px 80px; background: #fff; padding: 5px;  width: 400px;  border-bottom:1px solid #F4EED7;}
html>body #top_jobs div {margin: 0 0 5px 160px; } 
#top_jobs div a { font-size: 120%; font-weight: bold; color: #5F002A;  }
#top_jobs div span.loc  { float: left; display: block; width: 120px;  }
#top_jobs div span.sal  { float: left; display: block; width: 220px;  }

#top_jobs div.pinball-on { background: #F4EED7; color: #000; border-bottom:1px solid #EBE3C7; }
#top_jobs div spam {color: #000;}
#top_jobs div.pinball-on a:hover, #top_jobs div.pinball-on a { background: #F4EED7; color:  #5F002A}

/*-------------FOOTER-------------*/
#footer{ display: block; float: left; width: 100%; background-color:#5f002a; clear:both; color:#fff; text-align:center; font-size:1.3em; margin:0 0 30px 0; }
#fwrap { margin: 0 auto; width: 820px; }

html>body #footer_container{padding:10px 0;}
#footer_container{display:block; float:left; width:820px; padding:10px 0 50px 0; margin:auto; text-align:left; background: #5f002a url(/i/map.png) bottom left	 no-repeat;/* height: 250px;*/  }

html>body #footer ul{margin:10px 0px 0 0;}
#footer ul{list-style:none; float:left; margin:10px 0 10px 0; padding:0 20px 0 20px; display: block; }

#footer ul.feeds {float:left;}
#footer ul.feeds li{padding:2px 0 2px 15px;}
#footer ul li{background:url(/i/arrow_white.png) no-repeat 0 50%; padding:2px 0 2px 0;}
#footer ul li.question{background:url(/i/question.png) no-repeat 0 50%; padding:2px 0 2px 2px; font-weight: bold; font-style: italic;}
#footer ul li.heading {background-image:none; padding:5px 0; margin:0 0 10px 0; text-align:center; border-bottom:1px solid #fff; font-size:1.4em;}
#footer ul li.heading.RSS_icon {background-image:none; background: url(/i/feed-icon-14x14.png) 0 10px no-repeat; padding:5px 0; margin:0 0 10px 0; text-align:center; border-bottom:1px solid #fff; font-size:1.4em;}
#footer ul li a{text-decoration:none; color:#fff;}
#footer ul li a:hover{text-decoration:underline; color:#fff;}
#footer p.tagline{float:left; width:80%; margin:40px 0 70px 330px; padding:0 10px 0 10px; font-size: 1.1em;  font-style: italic;  display: block; line-height:1.4em; width:500px;}

#footer p.address { float: left; width: 200px; margin:50px 0 0 20px; padding:0 10px 0 20px; display: block; }
#footer ul.address li {background-image:none;}

/*-------------COPYRIGHT-------------*/
#copyright{ display: block; clear: both; text-align:center; color:#fff; font-size:1.2em;}
#copyright a{color:#fff;}

/*-------------JOBS-------------*/
div.jobbox{width:555px; float:left; background-color:#b7cfce; margin:10px 0 0 0; color:#333; padding:5px 10px;}
div.jobbox h2{font-weight:bold; background-color:#fff; color:#333; font-size:1.3em; padding:0;}
/* div.jobbox p{ font-size:1.3em; margin:0; padding:0;} */

div.box table{width:575px; float:left; border:1px solid #999; font-size:1.3em; margin:20px 0;}
div.box table th{background:#b7cfce url(/i/menu.png) 0 50% repeat-x; color:#87003c; padding:5px; border-right:1px solid #a1a1a1;}
div.box table th.last{border:none;}
div.box table td{padding:5px; border-right:1px solid #a1a1a1;}
div.box table td.last{border:none;}

div.box table.jobcard{border:1px solid #999; border-bottom:none; border-top:none;}
div.box table.jobcard td{padding:10px;  border-bottom:1px solid #999; border-right:none;}
div.box table.jobcard tr{}
div.box table.jobcard tr th{background-color:#40001c; background-image: none; color:#fff; padding:5px; border:none; font-size: 1.2em; }
div.box table.jobcard td.name{background-color:#b7cfce; color:#333; width:150px; border-bottom:1px solid #999; border-right:none; font-weight: bold; }
td p { font-size: 1em !important; padding: 0 !important; margin: 0 0 1em 0 !important; }
div.box table ul { font-size: 1em !important; }

div.box form.submitcv {margin:0 0 0 20px;}
div.box form.submitcv div label{display:block; width:150px; float:left; font-size:1.3em;}
div.box form.submitcv div{margin:10px 0;}

div.box form.refine {margin:0 0 0 0px;}
div.box form.refine div label{display:block; width:100px; float:left; font-size:1.3em;}
div.box form.refine div{margin:10px 0;}

div.sector{width:180px; float:left; background-color:#F4EED7; color:#333; padding:3px 3px 10px 3px; margin:5px 7px 0 0; font-size:1.2em; border-bottom:1px solid #EBE3C7;}
div.sector.pinball-on{background: #87003c; color:#fff;}
div.sector.pinball-on a{background: #87003c; color:#fff; text-decoration:none;}
div.sector.pinball-on a:hover{text-decoration:none;}

html>body #refine{margin:0;}
html>body #refine p{margin:10px 0 0 0;}
#refine{float:left; padding:0 0 0 10px; margin:10px 0 0 0; width:300px;}
#refine p {margin:0; padding:0;}

#rss{float:right; width:250px; background-color:#f4eed7; padding:10px; margin:10px 0 0 0; line-height:2em;}
#rss span.rss{background:url(/i/rss_small.png) no-repeat 0 50%; padding:5px 0 5px 30px; font-size:1.5em; font-weight:bold;  color: #87003c; letter-spacing: 0.1em; }
#rss span.news{background:url(/i/news.png) no-repeat 0 50%; padding:5px 0 5px 30px; font: normal 18px "Century Gothic","Trebuchet MS",Arial,Helvetica,sans-serif;  color: #87003c; height: 32px; display: block;  background-image: none; letter-spacing: 0.1em; }
#rss a{text-decoration:none; color:#87003c; background:url(/i/arrow_ybg.png) no-repeat 0 50%; padding:2px 0 2px 15px;}
#rss a:hover{text-decoration:underline;}
#rss li { background-image: none; padding: 0; }

/*-------------JS-------------*/
tr.zebra { background: #efefef; }

tr.pinball-on{background: #87003c url(/i/table_active.png) 0 50% repeat-x; color:#fff;}
tr.pinball-on a{background-color: transparent; color:#fff; text-decoration:none;}
tr.pinball-on a:hover{text-decoration:none;}

/*-------------PAGINATION-------------*/
#pagination{width:580px; text-align:center; float:left; font-size:1.2em; margin: 10px 0; color:#333;}
#pagination ul{list-style:none; margin:0; padding:0;}
#pagination ul li{background-image: none; display:inline; padding:0 5px; border-right: solid 1px #ccc;}
#pagination ul li.next{border:none;}
#pagination ul li.active{font-weight:bold; color:#87003c;}
#pagination ul li.previous{color:#87003c;}
#pagination ul li a{color:#333;}
#pagination ul li a:hover{color:#87003c;}

/*------------- FORMS -------------*/
.error { display: block; float: left; margin: 1em auto; border: 1px solid #e3e269;  padding: 16px 40px !important; background: #ffffb4 url(/i/alert.png) 3px 3px no-repeat !important; text-align: left; font: 110% bold; line-height: 110% !important; } 
.ok { display: block; float: left; margin: 1em auto; border: 1px solid #e3e269; padding: 16px 40px !important; background: #ffffb4 url(/i/ok.png) 3px 3px no-repeat !important; text-align: left;  font: 110% bold; line-height: 110% !important; } 
.info { display: block; float: left; margin: 1em auto; border: 1px solid #e3e269; padding: 16px 40px !important; background: #ffffb4 url(/i/info.png) 3px 3px no-repeat !important; text-align: left;  font: 110% bold; line-height: 110% !important; }

fieldset { border: 0; border-top: 1px solid #eee; margin: 0 0 20px 0; }
legend { color: #40001c;  font: bold 16px "Century Gothic","Trebuchet MS",Arial,Helvetica,sans-serif; letter-spacing: 0.1em; }

#right .info, #right .ok, #right .error { width: 490px; }
/* .error, .info, .alert, .ok { background: #ffffb4; font: 110% bold; } */

form#general_search { display: block; float: left; margin: 25px  0 25px 45px; }
html>body form#general_search { margin: 25px  0 25px 50px; }
form#general_search label { display: block; float: left;  font-size: 140%; font-weight: bold; padding: 3px; margin: 0 5px 0 0; }
form#general_search input#search { display: block; float: left; padding: 3px 1px;  }
form#general_search input.image { display: block; float: left;  margin: 0 0 0 5px; }

input.invalid { background: #ffffb4 !important; }
input.text { border: 1px solid #444; }

input, textarea, file, select { border: 1px solid #aaa; padding: 2px; }
select { border: 1px solid #aaa; padding: 0; width: 150px; }
input.image { border: 0; padding: 0; display: block; float: left;  }
input.subscribe { /*float: right;*/ margin: 5px 15px 10px 0; }


/*------------- TABS -------------*/
ul.tabNavigation { list-style: none; margin: 0; padding: 0; }
ul.tabNavigation li { display: inline; background-image: none !important;  margin: 0; padding: 0; }
ul.tabNavigation li a { padding: 3px 10px; background-color: #eaeaea; background-image: none !important;  color: #40001C; text-decoration: none; margin: 0 0 0 0; font: bold 15px "Century Gothic","Trebuchet MS",Arial,Helvetica,sans-serif; border: 1px solid #9d9d9d; border-bottom: 1px solid #eaeaea; }

ul.tabNavigation li a.selected,
ul.tabNavigation li a:hover { background-color: #d5d5d5;  padding: 6px 10px; text-decoration: none; border:1px solid #9d9d9d; border-bottom: 0; }
ul.tabNavigation li a:focus { outline: 0; }
div.tabs { width: 250px; }
div.tabs > div { padding: 5px; margin-top: 3px; }
div.tabs > div h2 { margin-top: 0; }

#tab_wrap { float: right; display: block;  height: auto;}
.tabs{float:right; display: block; width:248px; background-color:#fff; padding:10px; margin:10px 0 0 0; line-height:2em;}
.tabs span{ padding:5px 0 5px 30px; font-size:1.5em; font-weight:bold;  color: #87003c; letter-spacing: 0.1em; }
 .sub_tab {  background:#dedede url(/i/tab_bg.png) bottom left repeat-x; float:left; display: block; width: 248px;  border:1px solid #9d9d9d;} 

.box table table { display: block; width: 380px !important; font-size: 80%; }

