/* CSS Document */

/*Colour 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 {background: url(images/header_background.jpg) repeat-y #52A5A5; border-bottom: 1px solid #58C0C0;}
.topBar-internal {background: url(images/header_background2.jpg) repeat-y #AD2D2C; border-bottom: 1px solid #A61C1C;}


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


/*This sets the colour for the bar underneath the bottom navigation*/
.maintainer {background: #fff; color: #333333; filter:alpha(opacity=40);}
.maintainer * {_position: relative}
/*This sets the colour of the text for the updated date*/
.maintainerLeft {color: #333;}
/*This sets the colour of the text for the maintainer text*/
.maintainerRight a:link, .maintainerRight a:visited, .maintainerRight a:active {color: #339999;}
/*This sets the colour of the text for the maintainer text, when the mouse is rolled over*/
.maintainerRight a:hover {color: #900;}
/*This sets the colour of the approved text at the very bottom of the screen*/
.approved {color:#333333;}

body {font-family: Verdana, Arial, Helvetica, sans-serif; margin: 0; padding: 0; background: url(images/body_background.jpg) #C9D3D4 repeat-x 0 0; color: #333;}
/*Background image used in the top right hand corner, map of the world*/
.header {background: url(images/h1_background.jpg) no-repeat 0 0;}
/*Background image used in the top right hand corner, map of the world*/
.header-internal {background: url(images/h1_background2.jpg) no-repeat 0 0;}
/*Red/green bar underneath the topBar*/
.green {height: 6px; width: 749px; background: #339999; margin: 0 auto; /*hide from mac\*/overflow: hidden; /*end hide*/}
.red {height: 6px; width: 749px; background: #900; margin: 0 auto; /*hide from mac\*/overflow: hidden; /*end hide*/}
/*Main image at the top of the home page*/
.mainHome {height: 125px; width: 749px; background: url(images/main_home.jpg) no-repeat 0 0; margin: 0 auto;}
.saHome {height: 125px; width: 749px; background: url(images/sa_header.jpg) no-repeat 0 0; margin: 0 auto;}

h1 {font-size: 120%; color: #339999; margin: 0; padding: 8px 10px 0 0; text-align: right; font-weight: bold; line-height: 1em;}
.h1-red {color: #990000;}
/*subSection is used to style h2 for sections with subsections*/
.subsection {font-size: 90%; color: #399; margin: 0; padding: 0 10px 10px 0; text-align: left; font-weight: normal;}

table {border: 0 solid #fff; margin: 10px 0 10px 0; padding: 0;	border-collapse: collapse; font-size: 70%; width: 98%;}
th {padding: 5px; font-weight: bold; background: #EBF1F1; border-left: 1px solid #fff; border-bottom: none; border-right: none; border-top: none;}
td {border-left: none; border-right: none; border-top: none; border-bottom: 1px solid #eaeaea; 	padding: 5px 3px 5px 3px;}
table ul li {font-size: 100% !important;}
.contact table td {padding: 5px 3px 5px 3px; border-top: 2px solid #fff;}
.background {background: #EAEEEE;}
.light-green {background: #F2F7F7;}

/*Main content area, alpha is for IE PC only, and also a wildcard used so that alpha isnt inherited*/
.main {_height: 350px; min-height: 350px; width: 745px; margin: 0 auto; background: url(images/main_background.gif) #fff; border-right: #C7D4D4 2px solid; border-left: #A8CECE 2px solid;}
/*Main image at the top of the home page*/
.main-internal {height: 125px; width: 749px; background: url(images/main_home2.jpg) no-repeat 0 0; margin: 0 auto;}


/*The left section is the main menu, the right section is the main content area*/
.leftSection {width: 183px; float: left; padding: 0 20px 0 0;}
.rightSection {width: 72%; float: left;}

/*Styles used for all links in the main content area*/
.rightSection a:link, .rightSection a:visited, .rightSection a:active {text-decoration: underline; color: #333;}
.rightSection a:hover {color: #399;}

/*Styles used for the view study abroad prospectus*/
.prospectusImage {padding: 45px 0 0 25px; text-align: center; font-size: 70%; width: 180px; line-height: 140%;}
.prospectusImage2 {padding: 35px 0 0 25px; text-align: center; font-size: 70%; width: 180px; line-height: 140%;}
.prospectusImage a:link, .prospectusImage a:visited, .prospectusImage a:active, .prospectusImage2 a:link, .prospectusImage2 a:visited, .prospectusImage2 a:active {color: #339999;}
.prospectusImage a:hover, .prospectusImage2 a:hover  {color: #9A0201;}

/*Styles used for the search box and button*/
.search {padding: 5px 0 10px 5px;}
.go {width: 30px;}

/*important style used so that the background image of the main navigation shows up*/
.important {margin: 0px; padding: 0px; background: url(images/main_background.gif)#fff; overflow: hidden; width: 100%; height: 1px;}

/*Curved section above bottom navigation, alpha is for IE PC only, and also a wildcard used so that alpha isnt inherited*/
.base {width: 749px; margin: 0 auto; height: 33px; background: url(images/base.jpg) no-repeat 0 0;}
.base * {_position: relative;}

/*Line used at the bottom of the main navigation*/
.menu-line {border-top: 1px solid #8CD9D9; height: 1px; overflow: hidden;}

/*Indent for the main navigation and sub navigation*/
.leftSection ul {margin: 0; padding: 0;}
.leftSection ul ul {margin: 0; padding: 0;}
.leftSection ul ul ul {margin: 3px 0 0 0;}


/*List style for the main navigation and sub navigation*/
.leftSection ul li {font-size: 70%; border-top: 1px solid #8CD9D9; padding: 4px; margin: 0; list-style: none; color: #399; font-weight: bold;}
.leftSection ul ul li {font-size: 100%; padding: 3px; list-style: none; color: #399; font-weight: normal; border: 1px solid #ccc; line-height: 160%; background: #fff; margin: 5px 1px 0 0;}
.leftSection ul ul ul li {font-size: 100%; padding: 0 0 2px 4px; margin: 0 0 0 -3px; list-style: none; color: #399; font-weight: normal; border: none; line-height: 160%;}
.leftSection ul ul ul ul li {font-size: 100%; padding: 0 0 2px 20px; margin: 0 0 0 -3px; list-style: none; color: #399; font-weight: normal; border: none; line-height: 160%;}

/*Colours and styles for the main navigation*/
.leftSection ul li a:link, .leftSection ul li  a:visited, .leftSection ul li  a:active {color: #399; text-decoration: none;}
.leftSection ul li a:hover {color: #900; text-decoration: none; background: #fff; display: block;}

/*Colours and styles for the sub navigation*/
.leftSection ul ul li a:link, .leftSection ul ul li  a:visited, .leftSection ul ul li  a:active {_color: #399; text-decoration: none;}
.leftSection ul ul li a:hover {background: #EBF1F1; padding: 0; margin: 0; text-decoration: none; border: none; color: #399}


/*Colours and styles for the sub - sub navigation*/
.leftSection ul ul ul li a:link, .leftSection ul ul ul li  a:visited, .leftSection ul ul ul li  a:active {_color: #399; text-decoration: underline; display: block;}
.leftSection ul ul ul li a:hover {color: #900; text-decoration: underline; padding: 0 0 0 11px; background: url(images/sub_bullet_active.gif) #fff no-repeat 2px 8px; margin: 0 0 2px 0;}
.subsubActive:hover {_color: #900; text-decoration: underline; padding: 0 0 0 11px; background: url(images/arrow.gif) #fff no-repeat 1px 7px !important; _background: url(images/arrow.gif) #fff no-repeat 0 7px !important;}

.rightSection ul {margin: 0 0 10px 15px; padding: 0;}
.rightSection ul li {margin: 0; padding: 0 0 0 12px; background-image: url(images/bullet.gif); background-repeat: no-repeat; background-position: 0 5px; font-size: 70%; list-style-type: none; line-height: 140%;}

.rightSection ol {margin: 0 0 10px 35px; padding: 0;}
.rightSection ol li {margin:0; padding: 2px 0 2px 0; list-style-type: decimal; line-height: 140%; font-size: 70%;}


/*The positioning of the red arrow to show the active section for the main navigation*/
.active {background: #fff; padding: 4px 0 4px 10px; _padding: 1px 0 4px 15px; border-right: 1px solid #DDEEEE;}
/*Colour of the text for the main and sub navigation*/
.activeText {color: #900 !important; text-decoration: none;}
a.subActive {padding: 0 0 0 4px !important;}



/*Style used for the testimonial on the home page*/
.testimonial {background: #EAEEEE; font-size: 70%; padding: 5px; line-height: 140%; margin: 0 10px 10px 100px;}

blockquote {margin: 10px 35px 0 10px; font-size: 70%; background: url("images/quotes_left.gif") left top no-repeat;}
blockquote div {padding: 0 48px 0 48px; background: url("images/quotes_right.gif") no-repeat right bottom; line-height: 140%;}

/*Sets the border to zero for all images*/
img {border: 0;}

.right {float: right;}
.left {float: left;}
.clear {clear: both;}
.textCentre {text-align: center;}
.textLeft {text-align: left;}
.textRight {text-align: right;}
.space {height: 15px; }
form {margin: 0; padding: 0;}
.box {border: 1px solid #e7e7e7; padding: 10px 10px 0 10px; text-align: center; margin: 0 15px 10px 0;}
.line {margin: 0 10px 2px 0; border-top: 1px solid #eaeeee;}
.padding-bottom {padding: 10px;}

.block a {color: #999 !important;}
.block {display: block; margin: 2px 5px 0 0; width: 160px;}
.courses {font-size: 70%; line-height: 140%;}
.size {font-size: 80%;}

.h3-noborder {font-size: 80%; font-weight: bold; color: #399; margin: 0 10px 0 0; padding: 0 10px 10px 0; text-align: left; border-top: none;}
.box-textleft {border: 1px solid #e7e7e7; padding: 10px 10px 0 10px; text-align: left; margin: 0 15px 10px 0;}

.uni-table img {float: left; margin: 5px;}
.uni-table td {text-align: center;}