@charset "utf-8";
/* Sheffield Hallam Styles */

body {margin:0; padding: 0; color: #000; font-family: Arial,Geneva,Verdana,Helvetica,sans-serif; font-size: small;  }
.clearer {clear:both;}

a {text-decoration:none; color: #000;}
a:hover {color: #fff;}


#shell {width: 800px; margin:auto;}
#banner {background:url(IMAGES/banner.jpg); width: 800px; height: 137px;  }
#contentBox {background:#000; padding: 0px 0px; width: 800px; }

#navBox {width: 210px; padding-left: 20px;  float: left; background: #000;}
#nav ul {list-style:none; padding:0; margin:0;}
#nav li {list-style:none; padding:0; margin:0 0 10px 0;}
#nav a {text-decoration: none; font-weight:bold; color:#fff; padding: 10px 0 10px 20px; width: 190px; display: block; font-size:1.1em;}

#nav li#about a {background:url(IMAGES/aboutus_nav.jpg) -210px 0; color: #c0c0c0;}
#nav li#about a:hover {background-position: 0 0; color: #fff;}
#nav li#about a.sel {background-position: 0 0;color: #fff;}

#nav li#itdep a {background:url(IMAGES/it_nav.jpg) -210px 0;color: #c0c0c0;}
#nav li#itdep a:hover {background-position:0 0;color: #fff; }
#nav li#itdep a.sel {background-position:0 0;color: #fff;}

#nav li#location a {background: url(IMAGES/location_a.jpg) -210px 0;color: #c0c0c0; }
#nav li#location a:hover {background-position:0 0;color: #fff; }
#nav li#location a.sel {background-position: 0 0;color: #fff;}

#nav li#benefits a {background:url(IMAGES/benefits_nav.jpg) -210px 0;  color: #c0c0c0;}
#nav li#benefits a:hover {background-position:0 0;color: #fff;}
#nav li#benefits a.sel {background-position:0 0;color: #fff;}

#nav li#opps a {background:url(IMAGES/opps_nav.jpg) -210px 0;  color: #c0c0c0;}
#nav li#opps a:hover {background-position:0 0;color: #fff;}
#nav li#opps a.sel {background-position:0 0;color: #fff;}

#rightBox {width: 570px; float: left;}

#flash { padding-left: 21px; background: url(IMAGES/flashbg.jpg) top left no-repeat; padding-top: 7px; width: 549px; height: 218px;  }


#textBox {padding: 10px 0px 10px 14px; text-align:justify;  }
#textinner {background:#fff; border-top:5px solid #fff; border-bottom:5px solid #fff;  border-left:5px solid #fff; padding: 20px 20px 30px 20px; line-height:1.5em;font-size: 1em; }
#textinner a {font-size: 1.2em; color: #a40f37;}
#textinner a:hover {color: #ed164f;}

h1 {text-align:left; font-size: 2.8em; background:#fff; color: #ed164f; padding:  20px 0 20px 25px; margin: 0 0 0 14px;  }
h1 span {color: #a40f37;}
h2 { color: #009b7a; font-size: 1.2em;}

#footer {background:#c8df8e; text-align:left; padding: 30px 20px 20px 20px ; color: #ed164f; font-size: 1em; position:relative; }
#footer img {float: left; margin: -7px 10px 0px 10px; border: none; }
#footer a:hover {color: #ed164f;}

/***applyform***/
#applyform {margin-top: 40px; margin-bottom: 20px; color: #ed164f; font-size: 1em;  background: #cfdfa8;text-align: left;  border: 1px solid #ff00ff; padding: 10px; width: 460px; text-transform: uppercase; line-spacing: 1em; }
#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: #8fa2ae solid 1px; border-top: #c7d9e4 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: 400px; 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;}