/* MAIN STYLESHEET */

html {
	text-align: center;
}

/* MAIN STRUCTURE AND LAYOUT DIVS !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/
body {
	background-color: #c1c4dd;
	margin-left:10%;
	margin: 0 0 0 0;
	font-family:  Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	/*font-size: 0.75em;*/ /*Commented out to test font size with Rachel 13 Oct 09*/
	font-size: 0.7em;
	/*line-height: 1.5em;*/
	line-height: 1.3em;
	text-align: left;
}

#container {
	min-width:900px;
	width:95%;
	margin-left: auto;
	margin-right: auto;	
	background-color: #ffffff;
}

#container.home{
width:907px;
}

/* HEADER STYLES !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/

#header {
	margin:0 auto;
	text-align: left;
	clear:both;
	padding: 10px 0px 0px 0px;
	border-width: 0px;
}

#header.home {
	background-color: #ffffff;
	margin:0 auto;
	text-align: left;
	clear:both;
	padding: 10px 0px 0px 0px;
	border-width: 0px;
	height:175px;;
}

#header.home2 {
	background-color: #ffffff;
	margin:0 auto;
	text-align: left;
	clear:both;
	padding: 10px 0px 0px 0px;
	border-width: 0px;
	height:175px;
}




#logo {
	float:left;
	padding: 0px 0px 0px 0px;
	margin: 0 0 0 0;
	border-width: 0px;
	height:110px;
}

#logo2 {
	float:left;
	height:165px;
	width: 178px;
}

#logo-55 {
	float:left;
	height:165px;
	width: 178px;
}



#logosm {
	float:left;
	padding: 0px 0px 0px 0px;
	margin-right: 60px;
	margin-bottom: 0px;
	border-style: solid;
	border-width: 0px;
	border-color: red;

}

#search{
	float:right;
	height: 22px;
	display:inline;
}

#book_online{
	padding: 0px 0px 0px 0px;
	margin-right: 10px;
	width: 193px;
	float:right;
}

#contact_us{
	float:right;
	width: 193px;
	margin-right: 10px;
}

#excellenceBlue {
	padding-top:5px;
	padding-bottom:5px;
	width:907px;
	clear:both;
	background-color: #133880;
	color: #ffffff;
	text-align: right;
	float:right;
	font-size: 1.3em;
	font-weight: bold;
}

#excellenceRed {
	padding-top:5px;
	padding-bottom:5px;
	width:100%;
	clear:both;
	background-color: #ef3e56;
	color: #ffffff;
	text-align: right;
	float:right;
	font-size: 1.3em;
	font-weight: bold;
}

#menu{
	padding-top:0px;
	height: 33px;
	background-color:#133880;
	width:100%;
	clear:both;
}

/* LEFT HAND PANEL !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/

#LeftPanelBkg{
	background-image: url('images/background_image.jpg');
	background-repeat:repeat-y;
}

#leftPanel{
	float:left;
	width: 152px;
	padding: 8px 8px 0px 8px;
}

#course_finder{
	margin-top:8px;
	margin-bottom:8px;
	padding-top: 8px;
	padding-bottom:0px;
	padding-left:8px;
	background-color:#eaebf3;
	color:#133880;
}

 form{
	margin:3px 0px 3px 0px;
}

#student_profile{
	margin-top:8px;
	color:#133880;
	padding: 0px;

}

/* MAIN BODY OF PAGE !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/

#content{
	padding: 10px 10px 10px 10px;
	height:100%;
	margin-left: 177px;
}

.redbar{
	clear:both;
	width:907px;
	background-color: #ef3e56;
	height:10px;
}

#homepageMain {
	padding: 5px 10px 5px 10px;
}

/* Breadcrumb trail styles */

#subNav{
	float:right;
	font-size: 0.9em;
	color: #133880;
}

#subNav a{

	color: #133880;
	text-decoration: none;
	font-weight: bold;
}

#subNav a:Hover{
	color: #133880;
	text-decoration: underline;
	font-weight: bold;
}

.breadcrumbend {
	color:#ef3e56;
	font-weight: bold;
}

/* RIGHT HAND BOX !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! */

#sidebar{
	float:right;
	border-width: 4px;
	border-color: #c1c4dd;
	border-style: solid;
	width:245px;
}

#sidebar-junior{
	float:right;
	border-width: 0px;
	border-color: #c1c4dd;
	border-style: solid;
	width:245px;
	background-color:#feeae5;
}

#sidebarsilver{
	float:right;
	border-width: 4px;
	border-color: #98999e;
	border-style: solid;
	width:245px;
}

#sidebartt{
	float:right;
	border-width: 4px;
	border-color: #243370;
	border-style: solid;
	width:245px;
	margin-left:10px;
}

#sidebartthome{
	float:right;
	border-width: 4px;
	border-color: #243370;
	border-style: solid;
	width:245px;
	padding: 10px 10px 10px 10px;
}

#sidebarjunior{
	float:right;
	border-width: 4px;
	border-color: #243370;
	border-style: solid;
	width:245px;
	padding: 6px 6px 6px 6px;
}

#juniorlogo{
	float:right;
	display:inline;
}


/* FOOTER LAYOUT AND TEXT STYLES !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! */

#footer{
	background-color:#ffffff;
	color:#002469;
	font-size: 0.8em;
}

#footLeft{
	text-align:left;
	float:left;
}

#footRight{
text-align:right;
}

#footer a{
	color:#133880;
	text-decoration: none;
	font-weight: normal;
}
#footer a:Hover{
	color:#133880;
	text-decoration: underline;
	font-weight: normal;
}

#footer.homefooter{
	margin-left: 10px;
	padding-top: 10px;
	padding-left: 10px;
}

/* TEXT AND CONTENTS STYLES !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/


/* HEADING TAGS !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! */


h1 { 
	text-align: left;
	color:#ef3e56;
	font-size: 1.5em;	
	margin-top:10px;
}

h1.home { 
	padding: 0px 0px 0px 0px;
	color: #133880;
	font-size: 1.5em;
	margin-top: 120px;
	margin-bottom: 10px;
	text-align: right;
}

h1.platinum { 
	text-align: left;
	color:#98999e;
	font-size: 1.5em;	
	margin-top:10px;
}

h2{
	padding: 0px 0px 0px 0px;
	color: #133880;
	font-size: 1.2em;
	margin-bottom:10px;
}

h2.side{
	padding: 0px 0px 0px 0px;
	color: #133880;
	font-size: 1.2em;
	margin-bottom:10px;
	text-align: center;
}

h2.center {
	text-align: center;
	padding-top: 3px;
}

h2.white {
	color: #ffffff;
	padding: 2px 2px 2px 2px;
	color: #ffffff;
	font-size: 1.4em;
	margin-bottom:-2px;
	margin-top: 2px;
}

.titleBlue{
	padding: 0px 0px 0px 0px;
	color: #133880;
	font-size: 1.6em;
	margin-top:70px;
	margin-bottom:0px;
	text-align:right;
	line-height: 1.5em;
}



/* TEXT STYLES !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! */

p {
	font-size: 1.0em;
}

p.small {
	font-size: 0.3em;
}

.center {
	text-align: center;
}

.black {
	color: #000000;
	font-weight: bold;
}

.blacknormal {
	color: #000000;
	font-weight: normal;
}

.white {
	color: #ffffff;
}

.infoBoxTitle {
	color:#133880; 
	margin: 0px 0px 0px 0px;
}

.lightblue {
	background-color: #eaebf3;
	margin-left: 0;
	margin-right: 260px;
	padding: 10px 10px 10px 10px;
	color:#133880;	
	font-weight: bold;
}

hr {
	color: #002469;	
}

hr.junior {
	color:#ef3f56;	

}

.limitedDate
{
	color: #ed1c24;
}

.unavDate
{
	color: gray;
}

.date {
	color: #ef3e56;
}

/* LIST STYLES (SEE NOTES ON USE) !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! */

/* Use for text lists in the main body of the page */

ul.text {
	margin-left: 0;
	margin-right: 260px;
	padding: 10px 10px 10px 30px;
	line-height: 1.8em;
	background-color: #eaebf3;
	color:#133880;
}

ul.text-tt {
	margin-left: 0;
	margin-right: 280px;
	padding: 10px 10px 10px 30px;
	line-height: 1.8em;
	background-color: #eaebf3;
	color:#133880;
}

ul.text2 {
	margin-left: 0;
	padding: 10px 10px 10px 30px;
	line-height: 1.8em;
	background-color: #eaebf3;
	color:#133880;
}

li.text {
	padding-left:5px;
	padding-top: 5px;
	line-height: 1.5em;
}

/* Use for text lists in the panel on the right of the page (spans properly across the space) */

ul.textside {
	margin-left: 0;
	margin-right: 0px;
	background-color: #eaebf3;
	padding: 10px 10px 10px 30px;
	line-height: 1.8em;
	color:#002469;
}

ul.textside-junior {
	margin-left: 0;
	margin-right: 0px;
	padding: 0px 15px 0px 15px;
	line-height: 1.8em;
	color:#ef3f56;
}


li.textside {
	padding-left:5px;
	padding-top: 5px;
	line-height: 1.5em;
}


/* Use for text lists in the juniors section */

ul.textjunior {
	margin-left: 0;
	margin-right: 260px;
	padding: 10px 10px 10px 30px;
	line-height: 1.8em;
	background-color: #feeae5;
	color:#000000;
}

li.textjunior {
	padding-left:5px;
	padding-top: 5px;
	line-height: 1.5em;
}



/* Use for all locations boxes on attractions and accommodation */

ul.box {
	margin-left: 0;
	margin-right: 0px;
	background-color: #eaebf3;
	padding: 10px 10px 10px 30px;
	line-height: 1.8em;
	color:#002469;
}

li.box{
	padding-left:5px;
	padding-top: 5px;
	line-height: 1.5em;
}


/*Use the circle for lists which are links*/

ul.circle{
	list-style-type:none;
	margin-left: 0;
	padding: 0px 10px 10px 10px;
	line-height: 1.8em;
	color:#133880;
}

li.circle{
	list-style-type:none;
	background-image:url('images/circle.jpg');
	background-repeat:no-repeat;
	background-position:0px 4px; 
	padding-left:20px;
	line-height: 2em;
}

/* Use the circlesilver for platinum lists which are links*/

ul.circlesilver{
	list-style-type:none;
	margin-left: 0;
	padding: 0px 10px 10px 10px;
	line-height: 1.8em;
	color:#133880;
}

li.circlesilver{
	list-style-type:none;
	background-image:url('images/circlesilver.jpg');
	background-repeat:no-repeat;
	background-position:0px 4px; 
	padding-left:20px;
	line-height: 2em;
}

/*Use the circlebkgfor lists which are links - where you want a light blue background box*/

ul.circlebkg{
	list-style-type:none;
	margin-left: 0;
	padding: 0px 10px 10px 10px;
	line-height: 1.8em;
	color:#133880;
	margin-right: 260px;
	line-height: 1.8em;
	background-color: #eaebf3;
}

li.circlebkg{
	list-style-type:none;
	background-image:url('images/circlebkg.jpg');
	background-repeat:no-repeat;
	background-position:0px 4px; 
	padding-left:20px;
	line-height: 2em;
}



/* LINKS !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! */

a{
	color:#133880;
	text-decoration: underline;
	font-weight: bold;
}

a:Hover{
	color:#ef3e56;
	text-decoration: underline;
	font-weight: bold;
}

a.home{
	color:#133880;
	text-decoration: none;
	font-weight: bold;
}

a.home:Hover{
	color:#ef3e56;
	text-decoration: underline;
	font-weight: bold;
}

a.whitelink {
	color: #ffffff;
	text-decoration: underline;
	font-weight: bold;
}

a.whitelink:Hover {
	color: #ef3e56;
	text-decoration: underline;
	font-weight: bold;
}

.more {
	display: none;
}

/* TABLES AND BACKGROUND COLOURS !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! */

#factbox td{
	background-color: #133880;
	border:1px solid #ffffff;
	border-collapse: collapse;
}

#lightblue td{
	background-color: #eaebf3;
	border:4px solid #ffffff;
	border-collapse: collapse;
}

.bluetable {
	background-color: #eaebf3;
}

#modules td{
	background-color: #eaebf3;
	border:1px solid #133880;
	border-collapse: collapse;
}


#tt td{
	background-color: #eaebf3;
	border-width:1px 0px 0px 0px;
	border-style: solid;
	border-color: #133880;
	border-collapse: collapse;
	padding-left:10px;
}

#tt table {
	border-width:0px 0px 1px 0px;
	border-style: solid;
	border-color: #133880;
	padding-left:10px;

}

#junior td{
	background-color: #ffffff;
	border-width:1px 0px 0px 0px;
	border-style: solid;
	border-color: #ef3e56;
	border-collapse: collapse;
}

#junior table {
	border-width:0px 0px 1px 0px;
	border-style: solid;
	border-color: #ef3e56;
}

table.highlight {
	background-color: #eeeeee;
}

td.leisure-contents {
	background-color: #eaebf3;
	border:1px solid #ffffff;
	color: #000000;
	font-weight: normal;
}

td.leisure-grey {
	background-color: #cfcfcf;
	border:1px solid #ffffff;
	color: #133880;
	font-weight: normal;
}

td.leisure-head {
	background-color: #133880;
	border:1px solid #ffffff;
	color: #ffffff;
	font-weight: bold;
}

/* BLUE BOX LINK STYLE !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! */

#blueBoxesHome{
	float:right;
	margin-right:60px;
}

.blueBox{
	background-color:#eaebf3;
	background-image: url('images/arrow_blue_with_bg.jpg');
	background-repeat:no-repeat;
	background-position: center right; 
	margin-bottom:3px;
	border-width: 0px;
	border-color: blue;
	border-style: solid;
	padding: 4px 38px 4px 4px;
	cursor: hand;
	cursor: pointer;
}

ul.blueBoxFull {
	margin-left: 0;
	margin-right: 260px;
	padding: 4px 4px 4px 4px;
	line-height: 1.8em;
	background-color: #eaebf3;
	background-image: url('images/arrow_blue_with_bg.jpg');
	background-repeat:no-repeat;
	background-position: center right; 
	color:#133880;
	list-style-type:none;
	cursor: hand;
	cursor: pointer;
}

li.blueBoxFull {
	padding-left:2px;
	padding-top: 0px;
	line-height: 1.5em;
	list-style-type:none;
}

ul.blueBoxFullDown {
	margin-left: 0;
	margin-right: 260px;
	padding: 4px 4px 4px 4px;
	line-height: 1.8em;
	background-color: #eaebf3;
	background-image: url('images/arrow_blue_down.jpg');
	background-repeat:no-repeat;
	background-position: center right; 
	color:#133880;
	list-style-type:none;
	cursor: hand;
	cursor: pointer;
}

li.blueBoxFullDown {
	padding-left:2px;
	padding-top: 0px;
	line-height: 1.5em;
	list-style-type:none;
}

.blueBox a{
	text-decoration: none;
	font-weight: bold;
	color:#133880;
}

.blueBox a:Hover{
	text-decoration: underline;
	font-weight: bold;
}

.blueBoxFull a{
	text-decoration: none;
	font-weight: bold;
	color:#133880;
}

.blueBoxFull a:Hover{
	text-decoration: underline;
	font-weight: bold;
}

/* SILVER BOX LINK STYLE (PLATINUM)!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! */


.silverBox{
	background-color:#ededed;
	background-image: url('images/arrow_silver_with_bg.jpg');
	background-repeat:no-repeat;
	background-position: center right; 
	margin-bottom:3px;
	border-width: 0px;
	border-color: blue;
	border-style: solid;
	padding: 4px 38px 4px 4px;
	cursor: hand;
	cursor: pointer;
}

.silverBox a{
	text-decoration: none;
	font-weight: bold;
	color:#133880;
}

.silverBox a:Hover{
	text-decoration: underline;
	font-weight: bold;
}




/* CSS DROP DOWN MENU SETTINGS - USING FS MENUS !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! */

/* HORIZONTAL FREESTYLE MENU LAYOUT */


/* All <ul> tags in the menu including the first level */
.menulist, .menulist  ul {
 margin: 0;
 padding: 3px 3px 3px 3px;
 list-style: none;
  z-index:1000;
}

/* Submenus (<ul> tags) are hidden and absolutely positioned downwards from their parent */
.menulist ul {
 display: none;
 position: absolute;
 top: 1.0em; margin-top: 22px; /* I'm using ems and px to allow people to zoom their font */
 left: -1px;
 background-color: #C1C4DD;
 white-space: nowrap;
}

/* Second and third etc. level submenus - position across from parent instead */
.menulist ul ul {
 top: -1px; margin-top: 0;
 background-color: #C1C4DD;
}

/*
 All menu items (<li> tags). 'float: left' lines them up horizontally, and they are
 positioned relatively to correctly offset submenus. Also, they have overlapping borders.
*/
.menulist li {
 float: left;
 display: block;
 position: relative;
 background: #133880;
 border: 0px;
 border-right: 1px solid #ffffff;
 font-size: 0.9em;
}

/* Items in submenus - override float/border/margin from above, restoring default vertical style */

.menulist ul li {
 float: none;
 margin: 0;
 margin-bottom: -1px;
 background-color: #C1C4DD;
 font-size: 1.0em;
 border: 0;
}

.menulist ul>li:last-child {
 margin-bottom: 1px; /* Mozilla fix */
}

/* Links inside the menu */
.menulist a {
 display: block;
 padding: 3px;
 color: #ffffff;
 text-decoration: none;
 font-weight: normal;
 margin-right: 3px;
 margin-left: 3px;
 margin-top: 4px;
 background: #133880;
}

/* Links inside the submenu */
.menulist ul a {
 display: block;
 padding: 2px;
 color: #000000;
 text-decoration: none;
 font-weight: normal;
 margin-right: 3px;
 margin-left: 3px;
 margin-top: 2px;
 background-color: #C1C4DD;
}


/* List  items: 'hover' is mouseover, 'highlighted' are parent items to visible menus */

.menulist a:hover, .menulist a.highlighted:hover, .menulist a:focus {
 color: #ef3e56;
 background-color: #133880;
 text-decoration: none;
 font-weight: normal;
}

.menulist a.highlighted {
 color: #ef3e56;
 background-color: #133880;
 text-decoration: none;
 font-weight: normal;
}

.menulist ul a:hover, .menulist ul a.highlighted:hover, .menulist ul a:focus {
 color: #ef3e56;
 background-color: #133880;
 text-decoration: none;
 font-weight: normal;
 background-color: #C1C4DD;
}

.menulist ul a.highlighted {
 color: #ef3e56;
 background-color: #133880;
 text-decoration: none;
 font-weight: normal;
 background-color: #C1C4DD;
}

/*
 If you want per-item background images in your menu items, here's how to do it.
 1) Assign a unique ID tag to each link in your menu, like so: <a id="xyz" href="#">
 2) Copy and paste these next lines for each link you want to have an image:
    .menulist a#xyz {
      background-image: url(out.gif);
    }
    .menulist a#xyz:hover, .menulist a.highlighted#xyz, .menulist a:focus {
     background-image: url(over.gif);
    }
*/

/* Only style submenu indicators within submenus. */
.menulist a .subind {
 display: none;
}
.menulist ul a .subind {
 display: block;
 float: right;
}


/* 'Escaped Comment' hack for horizontal menubar width in IE5/Mac */
.menulist a {
 float: left;
}
.menulist ul a {
 float: none;
}
/* \*/
.menulist a {
 float: none;
}
/* */


/*
 HACKS: IE/Win:
 A small height on <li> and <a> tags and floating prevents gaps in menu.
 * html affects <=IE6 and *:first-child+html affects IE7.
 You may want to move these to browser-specific style sheets.
\*/

* html .menulist ul {
width: 100px;
}

*:first-child+html .menulist ul li {
 float: left;
}

* html .menulist ul li {
 float: left;
 height: 1%;
}
* html .menulist ul a {
 height: 1%;
}
/* End Hacks */