/* CSS Document */

* {margin:0; padding:0;	font-size:100%;}
body {text-align:center;}
.main { width:980px; margin:0 auto; text-align:justify; }

img {vertical-align:top;}
a img {border:0;}

table {border-collapse:collapse; border:0;}

html, input, textarea {font-family:Arial, Helvetica, sans-serif; font-size:0.75em; line-height:1.333em; color:#333;}
input, select {vertical-align:middle; font-weight:normal;}

a {text-decoration:underline; color:#747474;}
a:hover {text-decoration:none;}
ul {list-style:none;}
ul li {font-size:1.083em; line-height:1em; padding-bottom:12px;}

.float-l {float:left;}
.float-r {float:right;}
.center {text-align:center; clear:both;}
.clear {clear:both;}

/***************menu**********************/
#header {padding-top:30px; background:url(/images/page-tail2.jpg) left top repeat-x;}
.menu {padding:0 0 0 29px; background:url(/images/menu-bg.png) 31px top no-repeat;}
.menu li {float:left; background:url(/images/menu-border.jpg) left top no-repeat; padding:0 0 0 3px;}
.menu .first {background:none; padding-left:0;}

.menu li a {display:list-item; font-family:Tahoma, Geneva, sans-serif; font-size:1.154em; font-weight:bold; color:#FFF; cursor:pointer; text-decoration:none;}
.menu li a span {display:list-item; padding:19px 20px 21px;}
.menu li a:hover, .menu .act {color:#148DB3; background:url(/images/menu-tail-un.jpg) left top repeat-x;}

.menu .first a:hover span, .menu .first .act span {background:url(/images/menu-left-un.jpg) left top no-repeat;}
.menu .last a:hover span, .menu .last .act span {background:url(/images/menu-right-un.jpg) right top no-repeat;}

/*******************banner_menu**********************/
.banner_menu {padding:0 0 0 25px; background:url(/images/bmenu-bgv2.png) 31px top no-repeat;}
.banner_menu li {float:left; background:url(/images/menu-border.jpg) left top no-repeat; padding:0 0 0 3px;}
.banner_menu .first {background:none; padding-left:0;}

.banner_menu li a {display:list-item; font-family:Tahoma, Geneva, sans-serif; font-size:1.154em; font-weight:bold; color:#FFF; cursor:pointer; text-decoration:none;}
.banner_menu li a span {display:list-item; padding:19px 30px 21px;}
.banner_menu li a:hover, .banner_menu .act {color:#148DB3; background:url(/images/bmenu-tail-un.jpg) left top repeat-x;}

.banner_menu .first a:hover span, .banner_menu .first .act span {background:url(/images/bmenu-left-un.jpg) left top no-repeat;}
.banner_menu .last a:hover span {background:url(/images/bmenu-right-un.jpg) right top no-repeat;}

/***********************slogan****************/
.slogan, .main_slogan, .sussex {overflow: auto; text-align:right;}
.slogan, .sussex {padding:26px 0px 11px 0;}
.slogan {background:transparent url(/images/common_bg.jpg) no-repeat scroll left top;}
.sussex {background:transparent url(/images/sussexmiddle_logo.jpg) no-repeat scroll left top;}
.main_slogan {background:transparent url(/images/home_imageV2.jpg) no-repeat scroll left top; padding:20px 0 185px;}

/*************** titles ***************/

h1, h2, h3 {color:#143a65; padding:1em 0;}
h1 {font-size:1.383em; font-weight:bold; }
h2, h3 {font-size:1.383em;}

h4 {text-align:right;}

/*************** links ***************/
.button {display:block; color:#1D1D1D; text-decoration:none; line-height:1em; float:left; cursor:pointer; background:url(/images/button-tail.gif) left top repeat-x;}
.button span {display:block; background:url(/images/button-left.gif) left top no-repeat;}
.button strong {display:block; background:url(/images/button-right.gif) right top no-repeat; padding:9px 12px 10px;}
.button:hover {text-decoration:none; color:#69C2D5;}

/*************** form ***************/
#contactForm {padding:3px 0 0 0px;}
#contactForm input, #contactForm textarea, #contactForm select {font-size:1em; font-weight: bold; line-height:1em; color:#FFF; background:#99CBDB; border:1px solid #A2D5E7; border-top:1px solid #298AA6; padding:1px 0 0 7px;}
#contactForm .inp, #contactForm .source {height:30px;}
#contactForm .inp input {width:295px;}
#contactForm .source label {display: block; float:left; width:140px;}
#contactForm .source input, #contactForm .source select {float: right; width:150px;}
#contactForm input {height:16px;}
#contactForm textarea {height:92px; width:295px; overflow:hidden; margin-bottom:26px;}
#contactForm a {float:right; margin:0 2px 0 14px;}
.font1em {font-size:1em;}
.btn_labels {margin-left:205px;}

/*************** positioning ***************/
p {padding-bottom:22px;}
.padding5 {padding-bottom:16px; padding-top:20px;}
.padding5 p {padding-bottom:5px;}
.right_img {float:right; margin-left: 20px;}

/*************** footer ***************/
#footer {background:url(/images/footer-tail.jpg) left top repeat-x; color:#204B55; padding:25px 0 23px;}
#footer a {border-left:1px solid #204B55; padding-left:4px; margin:0 1px 0 4px; text-decoration:underline; color:#204B55; font-weight:bold;}
#footer a:hover {text-decoration:none;}
#phone_numbers {float:left; text-align:center; width:836px; padding-top:40px;}
.text-link, .bottom_link {font-size: 9px; color: #bbb; text-decoration: none;}
.bottom_link {margin-right: 5px;}

/*************** contact ***************/
#contact {float:left;padding: 10px 31px 0; width:305px;}
#addresses {float:left; width:563px; padding-left:19px; background:url(/images/border3-tail.gif) left top repeat-y;}
#address1, #address2 {float:left; padding-top: 10px; padding-right:31px;}
#address1 {width:170px;}
#address2 {width:315px;}
#mail_status {text-align: center; font-family:Verdana, Arial, Helvetica, sans-serif; font-weight: bold;}
.phone {float:right; margin-right:100px;}

/*************** routes ***************/
.graph {text-align: center; padding-bottom: 20px; margin-top: 20px;}
.list_style {list-style-type: circle; list-style-image: none; list-style-position: inside;}
.route_separator {clear:both; height: 60px; background: transparent url(/images/border2-tail.gif) repeat-x scroll 0 10px;}
.facts_label {width:120px;}
.pdf_box {float:right; clear:both; overflow:visible;}
.pdf_file {display:block; padding: 60px 2px 2px; font-weight:bold; background: transparent url(/images/pdf_icon.png) no-repeat scroll center 0px;}

/*************** content ***************/
.wrapper {width:100%; overflow:hidden;}
.uline {text-decoration: underline;}

#banners {background:#69C3D6 url(/images/banners-tail.jpg) left top repeat-x; padding-bottom: 20px;}
#open_day {width: 460px; margin: 10px auto 0; padding: 10px; background: #FFF; text-align: center; border: 2px solid #FF0000; color:#143a65; font-size:16px; font-weight:bold; text-decoration: none;}
#content {background: none; padding:10px 0;}
.text {padding:0 0 0 31px; background:url(/images/border2-tail.gif) left bottom repeat-x; padding-bottom:44px; margin-bottom:14px;}
.bordered_img {border: 3px solid #4ba4c2;}