/* CSS Document */
html, body, ul, ol, li, p, h1 , h2, h3, h4, h5, h6, form, fieldset, a, div, img, blockquote
{
	margin: 				0px;
	padding:                0px;
	border: 				0px;
}

body { font: 76%/1.5em Arial, Verdana, sans-serif;	
behavior: url('/css/csshover.htc'); /* With thanks to Peterned - http://www.xs4all.nl/~peterned/ */ 
}

h1 { font-size: 2.0em; }
h2 { font-size: 1.5em; }
h3 { font-size: 1.3em; }
h4 { font-size: 1.1em; }
h5 { font-size: 1.0em; }
h6 { font-size: 0.8em; }
p { font-size: 12px; }

h1,h2,h3 { font-weight: normal; }
h4,h5,h6 { font-weight: bold; }
h2,h3,h4,h5,h6 { margin: 0; }
h1, h2, h3, h4, h5, h6, p { padding: 1px 0 15px 0; }

h1, h2, h3, h4, h5, h6, a:link, a:visited, a:active, a:hover { color: #1E483D; }

#content ul, #content ol
{
	padding: 0 0 15px 40px;
	font-size: 12px;
}

#container
{
	width:							777px;
	position:						relative;
	margin-left:					auto;
	margin-right:					auto;
}

#container-inner
{
	display:						inline;
	float:   						left;
	width:							775px;
	border-left: 1px solid #560813;
	border-right: 1px solid #560813;
	background-image: url(/images/common/white-bg.gif);
	background-position: 265px 265px;
	background-repeat: repeat-x;

}

body
{
	background-image: url(/images/common/white-shadows.gif);
	background-position: center;
	background-repeat: repeat-y;
}

#header-horiz
{
	display: inline;
	float: left;
	width: 100%;
	background-image: url(/images/common/bg.gif);
	background-position: top;
	background-repeat: repeat-x;
}

#header-centered
{
	display: inline;
	float: left;
	width: 100%;
	background-image: url(/images/common/header-centered.jpg);
	background-position: center top;
	background-repeat: no-repeat;
}

/* -------------------------------------------------------------------------- Header -*/

div#header h1
{
	display: inline;
	float: left;
	padding: 0 0 0 0;
	height: 65px;
	width: 182px;
}

div#header h1 a:link,
div#header h1 a:visited
{
	display: inline;
	float: left;
	width: 182px;
	margin: 0 0 0 0;

	background-image: url(/images/common/logo.gif);
	background-position: top left;
	background-repeat: no-repeat;
	
    padding: 65px 0 0 0;
	overflow: hidden;

    height: 0px !important;
    height /**/:65px;
	
	font-size: 9px;
}

div#header h4
{
	display: inline;
	float: left;
	padding: 0 0 0 0;
	height: 24px;
	width: 27px;
}

div#header h4 a:link,
div#header h4 a:visited
{
	display: inline;
	float: left;
	width: 27px;
	margin: 0 0 0 0;

	background-image: url(/images/common/home.gif);
	background-position: top left;
	background-repeat: no-repeat;
	
    padding: 24px 0 0 0;
	overflow: hidden;

    height: 0px !important;
    height /**/:65px;
	
	font-size: 9px;
	position: absolute;
	top: 20px;
	left: 200px;
}

div#header h2
{
	display: inline;
	float: right;
	width: 383px;
	margin: 19px 0 0 0;
}

ul#action
{
	display: inline;
	float: right;
	width: 157px;
	height: 65px;
	overflow: hidden;
	background-color: #560813;
	border-left: 1px solid #2E040A;
	border-right: 1px solid #2E040A;
}

ul#action li
{
	display: inline;
	float: left;
	width: 157px;
	height: 31px;
	background-image: url(/images/common/actionbg.gif);
	border-top: 1px solid #712731;
	border-bottom: 1px solid #33050B;
}

ul#action li a:link,
ul#action li a:visited
{
	display: inline;
	float: left;
	color: #FFFFFF;
	font-weight: bold;
	width: 157px;
	height: 31px;
	line-height: 31px;
	text-decoration: none;
	padding-left: 10px;
	font-size: 12px;
}

ul#action li a:active,
ul#action li a:hover
{
	background-image: url(/images/common/actionbg-over.gif);
}

#imagery
{
	display: inline;
	float: left;
	clear: both;
	width: 775px;
	height: 160px;
	border-top: 1px solid #FFFFFF;
	border-bottom: 1px solid #FFFFFF;
}

ul#primary-nav {
display:  inline;
float: left;
width: 760px;
height: 38px;
background-image: url(/images/common/primarybg-small.gif);
background-position: top left;
background-repeat: no-repeat;
padding: 0 0 0 0px;
margin: 0 0 0 15px;
list-style:none;
}
ul#primary-nav li {
display:  inline;
float: left;
height: 38px;
line-height: 38px;

}




ul#primary-nav li:hover {
position:relative;
}
ul#primary-nav li a {
display:block;
text-align:center;
float:left;
padding:0 10px 0 10px;
background-image: url(/images/common/primarybg.gif);
background-position: right;
background-repeat: no-repeat;
color: #FFFFFF;
font-weight: bold;
text-decoration: none;
padding: 0 0 0 0;
font-size: 12px;
}
ul#primary-nav li ul {
position: absolute;
display: none;
list-style:none;
padding:0;
margin:0;
width:190px; 
}

ul#primary-nav li ul li{
height: 25px;
line-height: 25px;

}


ul#primary-nav li ul li a {
display:block; 
padding:0;
margin:0; 
border-top:1px solid #ffffff;
border-bottom:1px solid #ffffff;
width:190px; 
text-align:left;
padding-left:10px;
background:#326f62;
}

ul#primary-nav li ul li a:hover {
background:#3d8878;
}

ul#primary-nav li:hover ul {
display:block; 
position:absolute;
top:37px;
padding: 0px;
margin: 0px;
left:0px;
}
ul#primary-nav li:hover ul.end {
display:block; 
position:absolute;
top:37px;
padding: 0px;
margin: 0px;
left:-118px;
}


ul#primary-nav li a:active,
ul#primary-nav li a:hover,
ul#primary-nav li a#n-admissions:active, 
ul#primary-nav li a#n-admissions:hover
{
	background-image: url(/images/common/primarybg-over.gif);
}

#n-about-us { width: 68px; }
#n-courses-and-fees { width: 118px; }
#n-university-advice { width: 112px; }
#n-tutors-and-exams { width: 118px; }
#n-student-support { width: 108px; }
#n-international-students { width: 138px; }
#n-admissions { width: 84px; }
/*---- turn off divider for last item -*/
ul#primary-nav li a#n-admissions { }

/*------------------------------------------------------------------- Content */

div#content
{
	display: inline;
	float: left;
	width: 775px;
	padding: 25px 0 25px 0;
	clear: both;
}

div#primary-content
{
	display: inline;
	float: right;
	width: 550px;
	margin: 10px 30px 10px 0px;
}

/*-------------------------- secondary */
div#secondary-content
{
	display: inline;
	float: left;
	width: 140px;
	margin: 0 0 0 0;
}

div#secondary-nav 
{
	display:  inline;
	float: left;
}

div#secondary-nav ul
{
	display: inline;
	float: left;
	width: 140px;
	background-image: url(/images/common/secondaryHD.gif);
	background-position: top;
	list-style-type: none;
	padding: 0 0 0 0;
}

/******************************************            TICKER*/
#ticker{
background:#8c1025;
float:left;
}


/*---------------------------------------
By default, hide all secondary navigation 
---------------------------------------*/
div#secondary-nav ul {visibility:hidden; height:0px;overflow:hidden;}

/*---------------------------------------
Then turn on secondary nav based on body ID
---------------------------------------*/
body#about-us div#secondary-nav ul#s-about-us,
body#about-us div#secondary-nav ul#s-about-us ul {height:auto;visibility:visible}

body#courses-and-fees div#secondary-nav ul#s-courses-and-fees,
body#courses-and-fees div#secondary-nav ul#s-courses-and-fees ul {height:auto;visibility:visible }

body#university-advice div#secondary-nav ul#s-university-advice,
body#university-advice div#secondary-nav ul#s-university-advice ul { height:auto;visibility:visible }

body#tutors-and-exams div#secondary-nav ul#s-tutors-and-exams,
body#tutors-and-exams div#secondary-nav ul#s-tutors-and-exams ul {height:auto;visibility:visible}

body#student-support div#secondary-nav ul#s-student-support,
body#student-support div#secondary-nav ul#s-student-support ul { height:auto;visibility:visible}

body#international-students div#secondary-nav ul#s-international-students,
body#international-students div#secondary-nav ul#s-international-students ul {height:auto;visibility:visible}

body#admissions div#secondary-nav ul#s-admissions,
body#admissions div#secondary-nav ul#s-admissions ul {height:auto;visibility:visible }

body#admin div#secondary-nav ul#s-admin,
body#admin div#secondary-nav ul#s-admin ul {height:auto;visibility:visible}
/* ---- back to nav styling --*/

div#secondary-nav ul li
{
	display: inline;
	float: left;
	width: 140px;
	background-image: url(/images/common/secondaryHD.gif);
	background-position: top;
	list-style-type: none;
	padding: 10px 0 0 0;
	line-height: 18px;
}

div#secondary-nav ul li a:link,
div#secondary-nav ul li a:visited
{
	text-decoration: none;
	font-size: 16px;
	font-weight:bold;
	color: #004D44;
	padding: 0 0 0 10px;
	margin: 0 0 0 0;
	display: inline;
	float: left;
	clear: left;
}

div#secondary-nav ul li a:active,
div#secondary-nav ul li a:hover
{
	text-decoration: underline;
}

/* ------------ nested items */

div#secondary-nav ul li ul
{
	background-image: none;
	background-color: #C7D4D3;
	margin: 10px 0 0 0;
}


div#secondary-nav ul li ul li
{
	background-image: none;
	background-color: #C7D4D3;
	line-height: 15px;
	padding: 5px 0 5px 0;
	border-bottom: 1px solid #B2BB1C;
}

div#secondary-nav ul li ul li.last
{
	border-bottom: 0px;
}

div#secondary-nav ul li ul li a:link,
div#secondary-nav ul li ul li a:visited
{
	text-decoration: none;
	font-size: 12px;
	color: #464648;
}

div#secondary-nav ul li ul li a:active,
div#secondary-nav ul li ul li a:hover
{
	text-decoration: underline;
}

/* ---------------------------------- tertiary nesting */
div#secondary-nav ul li ul li ul li
{
	border-top: 1px solid #B2BB1C;
	border-bottom: 0px;
	padding-left: 15px;
	width: 120px;
}

div#secondary-nav ul li ul li ul li a:link,
div#secondary-nav ul li ul li ul li a:visited
{
	font-size: 11px;
}
/*---------------------------- end of secondary nav -*/

div#under-adverts {
	display:  inline;
	float: left;
	width: 140px;
	padding: 20px 0 10px 0;
}

div#advert-container {
	display:  inline;
	float: left;
	width: 140px;
	padding: 0 0 0 0;
}

div#secondary-container-for-contribute {
	display: inline;
	float: left;
	width: 140px;
	margin: 0 0 0 20px;
}

/*------------------------------------------------------------------- Footer */
div#footer
{
	display: inline;
	float: left;
	width: 770px;
	background-image: url(/images/common/BAC.gif);
	background-position: 5px 10px;
	background-repeat: no-repeat;
	clear: both;
	
}

div#footer ul
{
	display: inline;
	float: right;
	border-top: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	padding: 0 0 0 0;
	margin: 10px 0 0 0;
	height: 23px;
	width: 705px;
}

div#footer ul li
{
	display: inline;
	float: right;
	height: 23px;
	line-height: 23px;
	padding: 0 5px 0 8px;
	background-image: url(/images/common/footernavbg.gif);
	background-position: left;
	background-repeat: no-repeat;
	font-size: 11px;
}


div#footer a:link,
div#footer a:visited
{
	text-decoration: none;
	color: #7F7F7F;
}

div#footer a:active,
div#footer a:hover
{
	text-decoration: underline;
}

div#footer p
{
	display: inline;
	float: right;
	text-align: right;
	font-size: 10px;
	color: #7F7F7F;
	width: 730px;
}

address
{
	display: inline;
	float: left;
	background-image: url(/images/common/addressbg.jpg);
	background-position: top;
	background-repeat: repeat-x;
	padding: 10px 10px 10px 10px;
	width: 240px;
	font-style: normal;
	margin: 10px 10px 10px 0;
}

address strong
{
	color: #1E483D;
}

form
{
	display: inline;
	float: left;
	width: 510px;
	background-image: url(/images/common/addressbg.jpg);
	background-position: top;
	background-repeat: repeat-x;
	clear:left;
	padding: 10px 10px 10px 10px;
}

blockquote
{
	background-color: #E5EBEB;
	clear:left;
	padding: 10px 10px 10px 10px;
	margin: 0 0 20px 0;
}

/* ---------------------------------------------------- HOME PAGE -*/
/* move the secondary content into the right column for home page */
body#home div#primary-content
{
	float: left;
	margin: 10px 0px 10px 30px;
}

body#home div#secondary-content
{
	float: right;
	margin: 0 15px 0 0;
}

/*------------------------ adverts */
div.advert
{
	display: inline;
	float: left;
	width: 140px;
	margin: 20px 0 0 0;
	background-color: #c7d4d3;
}

div.advert div.heading
{
	display: inline;
	float: left;
	width: 140px;
	background-image: url(/images/common/secondaryHD.gif);
	background-position: top;
	list-style-type: none;
	padding: 0 0 0 0;
	line-height: 18px;
	margin: 0 0 10px 0;
}

body#home div.advert
{
	background-color: #8C1025;
}

body#home div.advert div.heading
{
	background-image: url(/images/common/red-advert.jpg);
	color: #FFFFFF;
}

body#home div.advert h1,
body#home div.advert h2,
body#home div.advert h3,
body#home div.advert h4,
body#home div.advert h5,
body#home div.advert p,
body#home div.advert a
{
	color: #FFFFFF;
}

div.advert p,
div.advert h1,
div.advert h2,
div.advert h3,
div.advert h4,
div.advert h5
{
	padding: 10px 10px 10px 10px;
}

/*--------------------- table */
table {
	border: solid #FFFFFF;
}

.tableBackground {
	background-color: #C7D4D3;
	color: #464648;
	padding: 4px;
	border: 1px solid #FFFFFF; 
}

.tableBackgroundpnk {
	background-color: #C7D4D3;
	color: #464648;
	padding: 4px;
	border: 1px solid #FFFFFF; 
}

.tableHeading {
	background-color: #B2C4C2;
	color: #354D44;
	padding: 4px;
	border: 1px solid #FFFFFF;  
}

.tableBackground p,
.tableHeading p {
	padding: 0 0 0 0;
	margin: 0 0 0 0;
}


/*--------------------- forms */
div#app-form
{
	
}

div#app-form table
{
	width: 98%;
	border-bottom: solid 1px #cccccc;
}

div#app-form table th
{
	text-align: left;
	border-bottom: solid 1px #cccccc;
	padding: 0px 1px 0px 1px;
}

div#app-form br
{
	clear: left;
}

div#app-form h3
{
	margin: 20px 0px 5px 0px;
	font-weight: bold;
}

div#app-form h4
{
	font-size: small;
	font-weight: bold;
	color: #000000;
	margin: 10px 0px 5px 0px;
	padding: 0px 0px 0px 0px;
}

div#app-form span
{
	display: inline;
	float:left;
}

div#app-form label
{
	display: inline;
	float:left;
	width: 200px;
	padding: 5px 5px 2px 0px;
}

div#app-form label.short
{
	display: inline;
	float:left;
	width: 80px;
	padding: 5px 5px 2px 0px;
}

div#app-form input
{
	display: inline;
	float: left;
	width: 180px;
}

div#app-form input.short
{
	display: inline;
	float: left;
	width: 78px;
}

div#app-form input.long
{
	display: inline;
	float: left;
	width: 300px;
}

div#app-form textarea
{
	width: 95%;
}

div#app-form input.submit
{
	float: right;
	width: 80px;
}

div#app-form .feedback
{
	color:Red;
	font-weight: bold;
}

div#app-form .grid
{
	display: inline;
	float:left;
	width: 95%;
}
	
div#app-form span input
{
	display: inline;
	float:left;
	width: 20px;
	margin: 0px 5px 0px 30px;
}

div#app-form span label
{
	display: inline;
	float: left;
}

div#app-form span#listEnquirySource,
div#app-form span#listAccommodationType,
div#app-form span#listMedicalOptions
{
	display: inline;
	float: left;
	width: 520px;
	padding: 0 0 0 0;
}

div#app-form span#listEnquirySource label,
div#app-form span#listAccommodationType label,
div#app-form span#listMedicalOptions label
{
	padding: 0 0 0 0;
	margin: 0 0 2px 0;
}

input#textListEnquirySourceOther
{
	margin: 0 0 0 55px;
}

div#app-form table.app-table input
{
	width: 50px;
}

div#app-form table.app-table textarea
{
	width: 200px;
	height: 60px;
}

div#app-form table#listType,
div#app-form table#listCourses
{
	width: 350px;
}

div#app-form table#listType label,
div#app-form table#listCourses label
{
	width: 200px;
}

div#app-form table#listType input,
div#app-form table#listCourses input
{
	width: 60px;
}