/* HAYS - Arts Council Careers | powered by Hays.com - Specialist Recruitment */

body, html { background: #E5E5E5 url(images/bodybg.gif) top center repeat-y; text-align: center; font-family: Arial, Verdana, sans-serif; padding: 0; margin: 0; font-size: small; color: #333333; padding-bottom: 20px;}

a { }
a:link, a:visited { color: #336600; }
a:hover, a:focus { color: #669933; }

#container { position: relative; margin: 0 auto; width: 760px; text-align: left; background: #FFFFFF; }

#header { border-bottom: #FFFFFF solid 1px; padding: 5px 0 10px 0; background: #669933; }
#header2 { border-bottom: #FFFFFF solid 1px; padding-bottom: 10px; background: #FFFFFF; }
#header h1 { display: none; }
#header2 h1 { display: none; }

#nav { background: #0164A7 url(images/nav2.gif) top repeat-x; border: 1px solid; border-top-color: #0099ff; border-bottom-color: #023556; border-right-color: #1570ad; border-left-color: #1570ad; width: 758px; }
#nav ul { list-style: none; padding: 0; margin: 0; }
#nav li { float: left; display: block; background: #023556 url(images/navli.gif) top repeat-x; padding-right: 1px; }
#nav a { float: left; display: block; padding: 7px 15px 8px 15px; color: #FFFFFF; background: #0164A7 url(images/nav2.gif) top repeat-x; text-decoration: none; }
#nav a:hover, #nav a:focus { background-position: 0 -400px; background-color: #277BB4; }

#nav li.active span { background: #B2D0E4 url(images/nav2.gif) 0 -800px repeat-x; display: block; padding: 7px 15px 8px 15px; color: #000000; }

#content { background:url(images/contentbg.gif) top repeat-y; border-top: #FFFFFF solid 1px; width: 760px; }
#innercontent { background: url(images/contenttop.gif) top no-repeat; width: 760px; }

#text { width: 465px; float: left; padding: 37px 40px; line-height: 1.4em; min-height: 450px; _height: 450px; }
#text li { margin-bottom: 0.6em; }

#rightcolumn { width: 215px; float: left; padding-top: 39px; }
.imageholder { background: #FFFFFF; padding: 1px 1px 5px 0; width: 187px; }
.imageholder div { color: #669933; padding-top: 3px; }

.clearer { clear: both; }

h2 { margin-top: 0; color: #669933; font-size: 1.98em; line-height: 1.1em;  }
h2 span { color: #b2cc99; }
h2.applyheader { text-align: right; }

h3 { color: #669933; font-size: 1em; line-height: 1.4em; font-size: 1.1em; margin: 1.5em 0 0em 0; }
h3.inline { display: inline; margin: 0; }

a.apply { background: #517916 url(images/nav.gif) top repeat-x; display: block; padding: 1px 0 2px 0; color: #FFFFFF; border: #2c4704 1px solid; text-decoration: none; font-size: 0.65em; margin: 0; width: 10em; text-align: center; }
a.apply:hover, a.apply:focus { background-color: #6b8d39; background-position: 0 -400px; color: #FFFFFF; }
a.apply:link, a.apply:visited { color: #FFFFFF; }




.videosplayerContainer { margin-top: 20px; border: #333333 solid 1px; width: 320px; }

#footer { background: #FFFFFF url(images/footertop.gif) top center no-repeat; padding: 14px 40px; position: relative; font-size: 0.95em; line-height: 1.4em; width: 680px; clear: both; }

#footer a img { border: none; float: left; margin: -5px 7px 0 0; position: relative; }
#footer a.hayslogo { border: none; }
#footer a { margin: 0 4px;  }

.Micro { margin-top: 10px; }
tr.MicroHeader th { padding: 5px; text-align: left; background: #c9deec url(images/jobsth.gif) top repeat-x; border-bottom: #1570ad solid 1px; }
tr.MicroItem td { padding: 7px; background: none; text-align: left; border: none; }
tr.MicroAltItem td { padding: 7px; background: #dce6ec; text-align: left; border: none; }
#jobcontent { font-size: small; }
.disclaim { color: #666666; }

#jobdetails {  }

#jobdetails a { font-weight: bold; margin-top: 1em; padding: 7px 15px 8px 15px; color: #9cd27a; background: #2B6C00 url(images/joblink.gif) top repeat-x; text-decoration: none; border: #183e00 solid 1px; }
#jobdetails a:hover, #jobdetails a:focus { color: #FFFFFF; background: #539329 url(images/joblink.gif) 0 -400px repeat-x;  }

#jobdetails .title { color: #0164a7; font-size: 1.4em; line-height: 1.4em; margin-top: 1em; }





