/* HAYS - Scottish Futures Trust SCHOOL styles */

body, html { background: #195A6E url(images/bodyBg.gif) repeat-x; text-align: center; font-family: arial, verdana, sans-serif; padding: 0; margin: 0; font-size: small; color: #000000;  }

a {  }
a:link, a:visited { color: #0171b9; }
a:hover, a:focus { color: #80b8dc; text-decoration: none; }

p { margin: 0 0 1em 0; }
.clearer { clear: both; }
.spacer { height: 2em; }
.spacer hr { display: none; }


#container { width: 970px; margin: auto; background: url(images/containerBg.png) repeat-y; _background: url(images/containerBg.gif); text-align: left; }

#header { height: 140px; background:url(images/headerBg.gif) no-repeat; }
#header h1 { display: none; }

#textChanger { list-style: none; padding: 39px 0 0 829px; margin: 0;  }
#textChanger li { float: left; }
#textChanger a span { display: none; }

#textChanger a.largerTxt { margin-right: 7px; display: block; float: left; width: 42px; height: 44px; background:url(images/bigA.gif);  }
#textChanger a.largerTxt:hover, #textChanger a.largerTxt:focus { background-position: 0 -44px; }

#textChanger a.largeTxt { margin-top: 14px; margin-right: 5px; display: block; float: left; width: 28px; height: 30px; background:url(images/midA.gif);  }
#textChanger a.largeTxt:hover, #textChanger a.largeTxt:focus { background-position: 0 -44px; }

#textChanger a.mediumTxt { margin-top: 28px; display: block; float: left; width: 16px; height: 16px; background:url(images/smallA.gif);  }
#textChanger a.mediumTxt:hover, #textChanger a.mediumTxt:focus { background-position: 0 -44px; }


#innerCont { padding: 0 10px; }

#nav { background: #0171b9; padding: 4px 20px; }
#nav ul { list-style: none; margin: 0; padding: 0; display: inline; }
#nav li { margin-right: 4em; list-style: none; display: inline; }
#nav li.last { margin: 0; }
#nav a { color: #FFFFFF; font-weight: bold; text-decoration: none; }
#nav a:hover, #nav a:focus { color: #a6cde7; }
#nav li.active { color: #a6cde7; font-weight: bold; }
#nav li.lastActive { color: #a6cde7; font-weight: bold; margin: 0; }



#text { padding: 20px 20px 40px 20px; line-height: 1.4em; background: #FFFFFF; width: 650px; float: left; }
h2 { color: #80b8dc;  line-height: 1em; margin: 0 0 0.7em 0; font-size: 1.8em; }
h2 span.subHeader { font-size: 0.8em; color: #0171b9; font-weight: normal; }
h3 { color: #0171b9; font-size: 1.2em; margin: 0 0 0 0; }
h3.margin { margin-bottom: 1em; font-size: 1.4em; }

#images { width: 240px; padding: 20px 20px 20px 0; float: left; }
#images .spacer { height: 20px; margin: 0; padding: 0; }

ul.jobs { list-style: none; }
ul.jobs li { margin-bottom: 0.7em; }

img.floatRight { float: right; margin: 0 0 10px 10px; }

ul.noTopMargin { margin-top: -0.5em; }



#footer {  padding: 25px 30px; clear: both; font-size: 0.9em; background: #195a6e url(images/footerBg.gif) top left no-repeat; font-family: arial, verdana, sans-serif; color: #FFFFFF;}
#footer a { margin: 0 6px; color: #a6cde7; }
#footer a:hover, #footer a:focus { color: #FFFFFF; }
#footer a img { border: none; float: left; margin: -5px 12px 0 0; position: relative; }
#footer a.hayslogo { border: none; }






.Micro { border-collapse: collapse; }

tr.MicroHeader th { padding: 0px 7px; text-align: left; border-bottom: #a6cde7 solid 1px;  }
tr.MicroItem td { padding: 7px; text-align: left; }
tr.MicroAltItem td { padding: 7px; background: #e5f1f8; text-align: left; }
#jobcontent { font-size: small; }
.disclaim { color: #666666; }

#jobdetails { }




p.title { margin: 0 0 0.5em 0; font-size: 2em; font-weight: normal; color: #0171b9; padding: 0; line-height: 1em; }
p.title strong { font-weight: normal; }

a.applylinks { display: -moz-inline-box; display: inline-block; clear: none; margin: 1em 1em 2em 0; font-size: 1.1em; width: 10em; padding: 6px 10px 8px 10px; font-weight: bold; background: #a6cde7; text-align: center; text-decoration: none; border: #80b8dc solid 3px; }
a.applylinks:hover, a.applylinks:focus { background: #FFFFFF; border-color: #0171b9; color: #0171b9; }


#applyform { background: #cbdced; color: #000000; width: 480px; margin: 0; padding: 10px; text-align: right; border: #97b9db solid 1px; }
#applyform form { margin: 0; padding: 0;}
#applyform fieldset { border: 0; padding: 0; margin: 0; }
#applyform label { vertical-align: top; line-height: 1.6em; }
#applyform ol { list-style: none; margin: 0; padding: 0; }
#applyform li { list-style: none; margin: 0; padding: 5px 0 5px 0; border-bottom: #97b9db solid 1px; border-top: #FFFFFF solid 1px; }
#applyform input { width: 300px; padding: 2px; font-size: small; font-family: Arial, Helvetica, sans-serif; }
#applyform select { width:300px; padding: 2px; font-size: small; font-family: Arial, Helvetica, sans-serif; }
#applyform input.radio { width: auto; margin-right: 2em; }
#applyform input.Submit { width: 10em;  font-weight: bold;  }
#applyform textarea { width: 300px; padding: 2px; font-size: small; font-family: Arial, Helvetica, sans-serif; background: #FFFFFF; }
#applyform .border { border: #8fa2ae solid 1px;}
#applyform file { width: 300px; padding: 2px; font-size: small; font-family: Arial, Helvetica, sans-serif; border: #999999 solid 1px; background: #FFFFFF;}
#applyform li.startinput { border-top: none; padding-top: 0; }
#applyform li.endinput { border-bottom: none; padding-bottom: 0;}
#applyform p { margin: 0; }
#applyform.attach {color: #FF0000;}