/* CSS Document */

/*Page setup*/
* {margin:0; padding:0;}
body {background:url(../images/bg.gif) repeat-x; text-align:center; color:#828C96; font-family:Trebuchet MS, Geneva, Arial, Helvetica, sans-serif; font-size:12px; line-height:16px;}
body.popup {background:url(); text-align:center; color:#828C96; font-family:Trebuchet MS, Geneva, Arial, Helvetica, sans-serif; font-size:12px; line-height:16px;}
#wrapper {margin:0 auto; width:960px; text-align:left;}
#wrapperpopup {margin:0 auto; width:700px; text-align:left;}

/*Hide buttons on popup windows*/
body.popup * a img {display:none;}

/*Navigation*/
#nav * {padding:0;margin:0;}
#nav {width:958px; height:30px; font-size:13px;  margin:15px 0 11px 4px; line-height:17px;}
#nav ul {float:right; list-style:none;}
#nav ul li {float:right;margin-left:8px;}
#nav ul li a {font-size:14px;font-weight:bold; text-transform:uppercase; color:#3C77BE; display:block; text-decoration:none;}
#nav ul li a:hover {color:#fff; background:url(../images/tab_l.gif) left top no-repeat #3C77BE;}
#nav ul li a span {padding:6px 8px 5px 8px; display:block;}
#nav ul li a:hover span {background:url(../images/tab_r.gif) top right no-repeat; }

/* Home - Portal Form */
div#intro_box {width:267px; background:url(../images/intro_bg_top.gif) no-repeat left top #9BBBE1; float:left; margin-right:10px;}
div#intro_box div {background:url(../images/intro_bg_bottom.gif) no-repeat left bottom; padding:20px; color:#fff; font-size:12px;}
div#intro_box h1 {color:#fff;font-size:22px;font-weight:bold; line-height:25px;}

div#home_portal {float:left; background:url(../images/login_form_bg.gif) no-repeat left top #5786BD;}
div#home_portal #home_portal_bottom {text-align:center;background:url(../images/login_form_bottom.gif) no-repeat left bottom; width:323px;padding-top:10px;}
div#home_portal #home_portal_bottom form div {width:210px; text-align:left;margin:0 auto;}
div#home_portal #home_portal_bottom {color:#fff; font-weight:bold; padding-bottom:15px;}
div#home_portal #home_portal_bottom input[type="text"], input[type="password"], .textfield {display:block; width:203px; padding:4px 0 5px 5px; margin-bottom:10px; background:none;border:none; background:url(../images/field.gif) no-repeat;}
div#home_portal #home_portal_bottom input[type="image"] {margin-top:15px;}
div#home_portal #home_portal_bottom div#submit_button {text-align:right;}

.textfield {display:block; width:203px; padding:4px 0 5px 5px; margin-bottom:10px; background:none;border:none; background:url(../images/field.gif) no-repeat left top;}
.error_message {color:#CC3333;padding-bottom:10px;}

/*Home page Specific*/
#home-button {margin:53px 0 0 15px; width:205px; height:104px; background:url(../images/button-intro.gif) no-repeat;}
#home-button a {height:104px; width:205px; display:block; background:url(../images/button-intro.gif) no-repeat;}
#home-button a:hover {background:url(..images/button-intro.gif) bottom no-repeat;}

#home-left {float:left;width:280px;overflow:hidden;}
#home-feature {float:right; width:680px;}


#locations {border-top:6px solid #E5E8EB; padding:15px 2px;}
#locations div {float:left; width:93px;}
#locations a {color:#AAB2BE;}
#locations a:hover {color:#57C4E8; text-decoration:underline;}

ul.news {margin:0;padding:0;list-style:none;padding-bottom:5px;}
ul.news li.newsitem{margin:0;background:url(../images/newsbullet.gif) no-repeat left top; padding-left:10px;}


/*Columns*/
#left-col, #home-left-col {float:left; width:216px; margin:30px 43px 16px 12px;}
#center-col {float:left; width:437px; margin:30px 32px 16px 0;}
#right-col {float:left; width:200px; margin:30px 0 16px 0;}
#single-col {float:left; width:637px; margin:25px 29px 16px 0;}

/*Subpage*/
#feature {float:right; width:680px;}

div.logo {padding:35px 0 5px 8px;}
div.heading {margin:42px 0 0 14px;}

#print {margin:50px 0 0 10px; width:107px; height:31px; background:url(../images/print-this-page.gif) no-repeat;}
#print a {height:31px; width:107px; display:block; background:url(../images/print-this-page.gif) no-repeat;}
#print a:hover {background:url(../images/print-this-page.gif) bottom no-repeat;}

#send-to-friend {margin:20px 0 0 6px; width:115px; height:31px; background:url(../images/send-to-friend.gif) no-repeat;}
#send-to-friend a {height:31px; width:115px; display:block; background:url(../images/send-to-friend.gif) no-repeat;}
#send-to-friend a:hover {background:url(../images/send-to-friend.gif) bottom no-repeat;}

/*Subnav*/
#left-col ul {border-bottom:1px solid #E7E7E7; padding-bottom:0;}
#left-col ul li {list-style:none; font-size:13px; font-weight:bold; border-top:1px solid #E7E7E7; padding:7px 5px 7px 13px;}
.on {background:url(../images/bg-subnav-on.gif) no-repeat 3px 11px;}
.on a, .on a:hover {color:#F5C81A;}

/*Footer*/
#footer {border-top:1px solid #E8E8E8; font-size:10px; color:#D8D8D8; padding:5px 0;}
#footer span {padding:0 6px 0 0;}
#footer a {padding:0 6px; color:#9FCAE9;}
#footer-left {float:left;}
#footer-right {float:right; text-align:right;}
#footer-right div {float:left; width:auto; height:16px;}


/*Formatting*/
a img {border:0;}
a {color:#57C4E8; text-decoration:none;}
a:hover {text-decoration:underline; color:#14AEE0;}

p {padding:5px 0;}

h1 {font-size:16px; font-weight:bold; padding:9px 0 0 0; color:#467EC1; text-transform:uppercase}
h2 {font-size:15px; font-weight:bold; padding:15px 0 0 0; color:#F5C81A; margin:0;}
h3 {font-size:13px; font-weight:bold; padding:5px 0 5px 0; color:#467EC1;}
h4 {font-size:12px; font-weight:bold; padding:8px 0 0 0; color:#9AB9DE;}
h5 {font-size:12px; font-weight:bold; padding:5px 0;}
h6 {font-size:13px; font-weight:normal; padding:5px 0;}

ul {padding:5px 0;}
#center-col ul li, #single-col ul li {padding:0 0 0 10px; list-style-type:none; background:url(../images/bullet.gif) no-repeat 0 5px;}

form {display:inline;}
.field, select, .checkbox, textarea {border:1px solid #CBDBE9; background:#F6FAFE; color:#83A9D6; font-family:Trebuchet MS, Geneva, Arial, Helvetica, sans-serif; font-size:12px;}
.field-white {border:1px solid #CBDBE9; background:#fff; color:#83A9D6;}
option {padding:2px 0 0 4px;}
input {padding:2px; font-family:Trebuchet MS, Geneva, Arial, Helvetica, sans-serif;}
table, tr, td {vertical-align:top; padding:5px; border-collapse:collapse;border:0px solid #ccc; padding:0px; font-size:12px;}
.table-center tr, .table-center td {vertical-align:middle;}
textarea {padding:2px;}

/*Misc Classes*/
.left {float:left;}
.right {float:right;}
.large {font-size:13px; line-height:17px;}
.small {font-size:11px;}
.blue-list {color:#57C4E8;}
.blue-list ul li {background:url(../images/bullet-blue.gif) no-repeat 0 7px; list-style:none; padding:0 0 0 10px;}
.border-right {border-right:1px solid #E8E8E8;}
.dark-blue {color:#467EC1;}
.light-blue {color:#57C4E8;}
.light-grey {color:#AAB2BE;}
.imgLeft {float:left; margin:5px 10px 5px 0;}
.imgLeftLong {float:left; margin:5px 10px 15px 0;}
.imgRight {float:right; margin:5px 0 5px 10px;}
.bg-light {background:#F6FAFE;}
.indent {margin-left:42px;}
.pad-top {padding-top:12px;}
.pad-top-more {padding-top:36px;padding-bottom:0;}
.pad-top-none {padding-top:0;}
.pad-left {padding-left:12px;}
.br {margin:7px 0;}
.border {border:2px solid #EDF2F9;}
.huge {font-size:18px;}
.arrow-box {background:url(../images/arrow.gif) 10px 7px #80D3ED no-repeat; border-bottom:2px solid #44BDE5; border-right:2px solid #44BDE5; border-top:1px solid #44BDE5; border-left:1px solid #44BDE5;padding:12px 12px 12px 44px; font-size:15px; font-weight:bold;} 
.arrow-box a, .arrow-box a:hover {color:#fff;}
.yellow {color:#FFF063;}
table.subscribe {border:1px solid #ccc;}
table.subscribe td {border:0;}

ul.sitemap {list-style:square; }
ul.sitemap li.sitemap {list-style:none;}

/*Class used to change the font of <b class="d">$</b> dollar signs, request from Rob*/
.d {font-family:Arial, Helvetica, sans-serif;}
b {font-weight:normal;}

/*Student area*/
.studenttable tr td {
	padding: 5px;
}
.studentsubject {
	font-size: 12px;
	font-weight: bold;
}
.subjectsbox {
	background-color: #f2f7fc;
	padding: 15px;
}
.subjectsbox div {margin: 0 0 5px 0;}
.studentlistbox {padding: 10px;}
blockquote {padding-left:40px;}

/* Timetable styling */

.timetable_spec {color:#417AC0; font-weight:bold; font-size:11px; text-transform:uppercase; background:url(../images/arrow_sml.gif) 100% 30px no-repeat;  margin:2px; padding:7px 18px 7px 0px; float:left;}
.timetable_spec {vertical-align:middle;}

table.timetable {border:3px solid #EDF2F9; width:100%;}
table.timetable * {font-size:11px;}
table.timetable th {background:#EDF2F9; color:#3C77BE; text-transform:uppercase; padding:5px; font-weight:bold; font-size:11px; text-align:left}
table.timetable td {padding:5px 5px 0 5px;}

#centre_details {float:left; width:335px; padding:0 0 30px 0;}