/* CSS Document */

/*Style sheet for the header and footer template*/

/*This sets the colour of the bar that runs across the very top of the website*/
.topBar {margin: 0 0 10px 0;}


/*This sets the colour of the bar containing the bottom navigation */
.bottomNav {background: transparent;}
/*This sets the colour of the five boxes*/
.bottomNav a {background: transparent; border: 1px solid #fff;}
/*This sets the colour of the text within the five boxes*/
.bottomNav a:link, .bottomNav a:visited, .bottomNav a:active {color: #fff;}
/*This sets the colour of the five boxes and text within, when the mouse is rolled over*/
.bottomNav a:hover {color: #666; background: #FFFFFF; border: 1px solid #fff;}


/*This sets the colour for the bar underneath the bottom navigation*/
.maintainer {background: transparent; color: #fff;}
/*This sets the colour of the text for the updated date*/
.maintainerLeft {color: #fff;}
/*This sets the colour of the text for the maintainer text*/
.maintainerRight a:link, .maintainerRight a:visited, .maintainerRight a:active {color: #fff;}
/*This sets the colour of the text for the maintainer text, when the mouse is rolled over*/
.maintainerRight a:hover {color: #fff;}
/*This sets the colour of the approved text at the very bottom of the screen*/
.approved {color:#fff;}


/*This style effects virtually everything within page, as all the page content sits within the body tag*/
BODY {color: #333; PADDING: 0; MARGIN: 0; font-family: Verdana, Arial, Helvetica, sans-serif;}
h1 {font-size: 110%; text-align:right; color: #fff; font-family:Arial, Helvetica, sans-serif; font-weight: normal; padding: 12px 5px 0 0; margin: 0;}
h2 {font-size: 120%; text-align:left; font-weight: bold; padding: 0 0 15px 15px; margin: 0;}
h3 {font-size: 75%; font-weight: bold; padding: 10px 0 0 0; margin: 10px 0 0 0; border-top: 1px dotted #ccc;}

.section {width: 756px; height: 225px; margin: 0 auto; }
.main {width: 756px; /*hide from mac\*/_height: 300px;/*stop*/ margin: 0 auto;  min-height: 300px;}
.bubble-top, .bubble-bottom {width: 710px; height: 18px; margin: 0 auto;}
.bubble-middle {width: 710px; margin: 0 auto;}

.columnOne {width: 190px;}
.columnTwo {width: 489px; margin: 0 0 0 15px;}
.important {height: 1px; overflow: hidden;}
.main {padding: 10px 0 0 0;}
.base {width: 756px; height: 41px; margin: 0 auto;}

.search-box {width: 113px; margin: 9px 5px 0 10px; color: #666;}
.search-button {width: 28px;}
.menu-top {width: 170px; height: 38px; margin: 0 0 0 20px;}
.menu {width: 170px; margin: 0 0 0 20px;}
.menu-bottom {width: 170px; height: 16px; margin: 0 0 0 20px;}



.right {float: right;}
.left {float: left;}
.image-left {float: left; margin: 10px 10px 10px 0;}
.image-right {float: right; margin: 10px 0 10px 10px;}
.bold {font-weight: bold;}
.clear {clear: both;}
form {margin: 0; padding: 0;}
.space {height: 20px;}
p {font-size: 70%; line-height: 140%; margin: 0; padding: 5px 0 0 0;}
.short-h3 {width: 345px; margin: 10px 0 0 0;}
.padding {margin: 10px 0 0 0;}
.text-centre {text-align: center;}
.extra-padding {padding: 0 0 0 130px;}
.extra-padding2 {padding: 0 0 0 100px;}

.gallery {height: 100px; margin: 15px 0 0 0;}
.gallery a em, .passion a em {visibility: hidden; }
.gallery a, .passion a {text-decoration: none; font-size: 10%; height: 95px; width: 95px; margin: 0 2px 0 0; float: left;}
#specify1 {background: url(../images/home/teachers.gif) no-repeat;}
#specify2 {background: url(../images/home/parents.gif) no-repeat;}
#specify3 {background: url(../images/home/adults.gif) no-repeat;}
#specify4 {background: url(../images/home/university.gif) no-repeat;}
#specify5 {background: url(../images/home/staff.gif) no-repeat;}
#specify6 {background: url(../images/staff/staff.gif) no-repeat; margin: 0 20px 0 0;}
#specify7 {background: url(../images/staff/students.gif) no-repeat;}

#specify8 {background: url(../images/home/request_off.gif) no-repeat; margin: 0 20px 0 0;}
#specify9 {background: url(../images/home/enquire_off.gif) no-repeat;}
#specify10 {background: url(../images/parents/request_off.gif) no-repeat; margin: 0 20px 0 0;}
#specify11 {background: url(../images/parents/enquire_off.gif) no-repeat;}
#specify12 {background: url(../images/staff/request_off.gif) no-repeat; margin: 0 20px 0 0;}
#specify13 {background: url(../images/staff/enquire_off.gif) no-repeat;}
#specify14 {background: url(../images/teachers/request_off.gif) no-repeat; margin: 0 20px 0 0;}
#specify15 {background: url(../images/teachers/enquire_off.gif) no-repeat;}
#specify16 {background: url(../images/university/request_off.gif) no-repeat; margin: 0 20px 0 0;}
#specify17 {background: url(../images/university/enquire_off.gif) no-repeat;}
#specify18 {background: url(../images/adults/request_off.gif) no-repeat; margin: 0 20px 0 0;}
#specify19 {background: url(../images/adults/enquire_off.gif) no-repeat;}

#specify1:hover {background: url(../images/home/teachers_on.gif) no-repeat;}
#specify2:hover {background: url(../images/home/parents_on.gif) no-repeat;}
#specify3:hover {background: url(../images/home/adults_on.gif) no-repeat;}
#specify4:hover {background: url(../images/home/university_on.gif) no-repeat;}
#specify5:hover {background: url(../images/home/staff_on.gif) no-repeat;}
#specify6:hover {background: url(../images/staff/staff_on.gif) no-repeat;}
#specify7:hover {background: url(../images/staff/students_on.gif) no-repeat;}

#specify8:hover {background: url(../images/home/request_on.gif) no-repeat;}
#specify9:hover {background: url(../images/home/enquire_on.gif) no-repeat;}
#specify10:hover {background: url(../images/parents/request_on.gif) no-repeat;}
#specify11:hover {background: url(../images/parents/enquire_on.gif) no-repeat;}
#specify12:hover {background: url(../images/staff/request_on.gif) no-repeat;}
#specify13:hover {background: url(../images/staff/enquire_on.gif) no-repeat;}
#specify14:hover {background: url(../images/teachers/request_on.gif) no-repeat;}
#specify15:hover {background: url(../images/teachers/enquire_on.gif) no-repeat;}
#specify16:hover {background: url(../images/university/request_on.gif) no-repeat;}
#specify17:hover {background: url(../images/university/enquire_on.gif) no-repeat;}
#specify18:hover {background: url(../images/adults/request_on.gif) no-repeat;}
#specify19:hover {background: url(../images/adults/enquire_on.gif) no-repeat;}

.calendar {width: 485px; _height: 200px; min-height: 250px; background: url(http://www.le.ac.uk/outreach/images/home/calendar.gif) #fff repeat-y 0 0; padding: 0; margin: 0;} 
.calendar-dates {width: 485px; _height: 200px; min-height: 286px; background: url(http://www.le.ac.uk/outreach/images/home/calendar.gif) #fff repeat-y 0 0; padding: 0; margin: 0;}

.calendar-top {background: url(http://www.le.ac.uk/outreach/images/home/calendar_top.gif) #fff no-repeat 0 0; height: 35px; margin: 15px 0 0 0 ;}
.calendar-bottom {background: url(http://www.le.ac.uk/outreach/images/home/calendar_bottom.gif) #fff no-repeat 0 0; height: 28px; margin: 0;}

.calendar ul {margin: 0 0 0 20px; _margin: 0; padding: 0;}
.calendar li {display: block; margin: 0 0 20px 20px; padding: 10px 0 0 0; float: left; width: 80px; height: 60px; list-style-type: none; border: 1px solid #ccc; text-align: center; font-size: 70%; background: #fff; line-height: 140%;}

.calendar-dates ul {margin: 0 0 0 10px; padding: 0; _margin: 0 0 0 -13px;}
.calendar-dates li {display: block; margin:0 0 20px 20px; padding: 0; float: left; width: 40px; height: 40px; list-style-type: none; border: 1px solid #e7e7e7; text-align: center; font-size: 70%; background: #fff; line-height: 150%;}

.calendar a:link, .calendar a:visited, calendar a:active, .calendar-dates a:link, .calendar-dates a:visited, calendar-dates a:active  {color: #6096D2; border-top: 10px solid #fff; margin: -10px 0 0 0;}

.current-date {display: block; width: 40px; height: 40px; background: #e7e7e7;}
.current-date:hover {display: block; width: 40px; height: 40px; background: #BED6EF; color:#fff  !important;}
.calendar a:hover {display: block; width: 80px; height: 60px; background: #BED6EF; color: #fff !important; border-top: 10px solid #BED6EF; margin: -10px 0 0 0;}

.calendar-search {width: 480px; background: #f3f3f3; min-height: 50px;}
.calendar-box {width: 150px; color: #666; margin: 12px 0 12px 0;}
.calendar-box2 {width: 200px; color: #666; margin: 12px 0 12px 0;}
.calendar-button {width: 28px; margin: 0 10px 12px 0;}
.calendar-text {width: 240px; padding: 0 5px 5px 5px;}
.calendar-text2 {width: 200px; padding: 0 5px 5px 5px;}

.profile {border: 1px solid #BED6EF; width: 485px;  margin: 0; min-height: 200px; background: url(../images/home/profile_background.gif) #fff repeat-y right top;}
.profile-col-one {width: 68%;}
.profile-col-two {width: 30%;}
.profile-photo {width: 135px; height:169px; margin: -6px 0 20px 7px; _margin: -8px 0 0 7px;}
.profile-name {background: #BED6EF; height: 20px; margin: 10px 0 -10px 0; padding: 3px 3px 0 5px; width: 150px; color: #3575BB; font-weight: bold; font-size: 80%; display: inline;}
.indent {margin: 0 5px 5px 5px;}
.line {border-top: 1px solid #BED6EF; margin: 10px 8px 3px 5px;}

table {font-size: 70%; margin: 20px 0 0 0;  border-collapse: collapse; border: 1px solid #ccc; width: 100%;}
td {padding: 3px 0 3px 3px; border: 1px solid #ccc;}
table p {font-size: 100%; line-height: 140%;}
.border-none, .border-none td {border: 1px solid #fff;}

.highlight {padding: 0 5px 0 0; margin: 10px 0 0 0;}
.textarea {width: 176px;}
.textarea2 {width: 218px;}
.dropdwon {width: 182px;}
.box {border: 1px solid #ccc; padding: 10px; margin: 10px 0 10px 0; font-size: 60%;}
.red {color: #FF0000;}
.campus-only {margin: -10px 0 0 195px;}
#yeargroup {width: 224px;}

.normal {font-weight: normal;}

/*
.passion {background: url(../images/home/passion_bg.png) transparent no-repeat 0 0; width: 170px; height: 140px; margin: -136px 0 0 -185px;}
#passionbutton {background: url(../images/home/passionbutton_off.jpg) no-repeat; margin: -2px 0 0 40px;}
#passionbutton:hover {background: url(../images/home/passionbutton_on.jpg) no-repeat;}
.focuson {margin: 0; padding: 8px 0 0 0; color: #fff; font-weight: bold; text-align: center;}*/

.passion {background: url(../images/home/passion_bg.png) transparent no-repeat 0 0; width: 170px; height: 140px; margin: 21px 0 0 20px;}
#passionbutton {background: url(../images/home/passionbutton_off.jpg) no-repeat; margin: 14px 0 0 40px;}
#passionbutton:hover {background: url(../images/home/passionbutton_on.jpg) no-repeat;}
.focuson {margin: 0; padding: 8px 0 0 0; color: #fff; font-weight: bold; text-align: center;}