/* GENERAL SPECS */

/* set colours for light and dark colour scheme */
.light {
   background-color: #D6D4CC;
}

.dark {
   background-color: #446A92;
}

/* set standard font and color */
body {
   font-family: Arial, Verdana, Geneva, sans-serif;
   background-color: white;
   font-size: 75%;
   line-height: 16px;
   text-align: center;
}

form {
   margin: 0px;
}

hr {
  	height: 0;
	border-style: solid;
 	border-color: #666666;
 	border-width: 1px 0 0 0;
	margin: 5px 0px 10px 0px;
}

/* make input boxes and button look a bit better */
input {
   font-family: Arial, Verdana, Geneva, sans-serif;
   font-size: 1em;
   border: 1px solid #000000;
}

select {
   font-size: 0.9em;
}

/* outer casing for whole page - the margins keep the content centred as the user resizes the window */
#contentElement {
   position: relative;
   top: 0px;
   width: 965px;
   margin: 0 auto;
   text-align: left;
}

/* these are here to align everything properly */
#content, #strap, #title, #breadcrumb {
   text-align: left;
}
/* ---------------------------------------------------- */

/* PRIMARY NAVIGATION */

/* bold links in secondary nav section */
#primary_nav a{
   text-decoration: none;
   font-weight: bold;
   line-height: 16px;
}

#primary_nav a:link {
   color: #446A92;	
}

#primary_nav a:visited {
   color: #446A92;
}

#primary_nav a:hover {
   color: #72363B;
}

#primary_nav a:active {
   color: #446A92;
}
/* ---------------------------------------------------- */

/* BREADCRUMB */

#breadcrumb {
   font-size: 0.9em;
}

/* make breadcrumb links smaller */
#breadcrumb a{
   text-decoration: none;
}

#breadcrumb a:link {
   color: #446A92;	
}

#breadcrumb a:visited {
   color: #446A92;
}

#breadcrumb a:hover {
   color: #72363B;
}

#breadcrumb a:active {
   color: #446A92;
}
/* ---------------------------------------------------- */

/* SECONDARY NAVIGATION */

#secondary_nav {
   position: relative;
   width: 160px;
   margin: 10px 0 10px 10px;
}

/* create a nice gap between heading and nav links*/
#secondary_nav p{
   margin: 0 0 10px 0;
   font-size: 1.1em;
}

/* create a margin around any images in the 2nd nav section*/
#secondary_nav img{
   margin: 15px 0 0 0;
}

#secondary_nav ul{
   /* Mac IE5.2 has trouble aligning images that have replaced bullets, so turn off lists and use background images */
   list-style: none;
   margin: 0;
   padding: 0;
}		
		
#secondary_nav li{
   position: relative;
   /* Place the bg image (block and dots) at the left and a few pixels down from the top */
   background: url( ../images/link_dots_a.gif ) no-repeat 0 0px;
   margin: 0;
   /* Ensure the text doesn't overlap the bullet and create a balanced gap top and bottom */
   padding: 3px 0 3px 12px;
}

#secondary_nav td{
   position: relative;
   /* Place the bg image (block and dots) at the left and a few pixels down from the top */
   background: url( /images/link_dots_a.gif ) no-repeat 0 0px;
   margin: 0;
   /* Ensure the text doesn't overlap the bullet and create a balanced gap top and bottom */
   padding: 3px 0 3px 12px;
}




/* sub menus */
#secondary_nav ul ul{
   position: relative;
   /* the right margin ensures the horz dotrs remian consistant*/
   margin: 0 3px 0 0;
   padding: 5px 0 0 5px;
}

/* place a different bg image for sub-menu items*/
#secondary_nav ul ul li{
   background: url( ../images/link_dots_a2.gif ) no-repeat 0 0px;
}

/* place a different bg image for sub-sub-menu items*/
#secondary_nav ul ul ul li{
   background: url( ../images/link_dots_a3.gif ) no-repeat 0 0px;
}

/* bold links in secondary nav section */
#secondary_nav a{
   text-decoration: none;
   font-weight: bold;
   line-height: 16px;
}

#secondary_nav a:link {
   color: #446A92;	
}

#secondary_nav a:visited {
   color: #446A92;
}

#secondary_nav a:hover {
   color: #72363B;
}

#secondary_nav a:active {
   color: #446A92;
}
/* ---------------------------------------------------- */

/* SECONDARY NAVIGATION - SUBMENU - TRA

#secondary_nav2 {
   position: relative;
   width: 160px;
   margin: 10px 0 10px 10px;
}

/* create a nice gap between heading and nav links*/
#secondary_nav2 p{
   margin: 0 0 10px 0;
   font-size: 1.1em;
}

/* create a margin around any images in the 2nd nav section*/
#secondary_nav2 img{
   margin: 15px 0 0 0;
}

#secondary_nav2 ul{
   /* Mac IE5.2 has trouble aligning images that have replaced bullets, so turn off lists and use background images */
   list-style: none;
   margin: 0;
   padding: 0;
}		
		
#secondary_nav2 li{
   position: relative;
   /* Place the bg image (block and dots) at the left and a few pixels down from the top */
   background: url( ../images/link_dots_a2.gif ) no-repeat 0 0px;
   margin: 0;
   /* Ensure the text doesn't overlap the bullet and create a balanced gap top and bottom */
   padding: 3px 0 3px 12px;
}


#secondary_nav2 td{
   position: relative;
   /* Place the bg image (block and dots) at the left and a few pixels down from the top */
   background: url( /images/link_dots_a2.gif ) no-repeat 20px 0px;
   margin: 0;
   /* Ensure the text doesn't overlap the bullet and create a balanced gap top and bottom */
   padding: 3px 0 3px 32px;
}


/* sub menus */
#secondary_nav2 ul ul{
   position: relative;
   /* the right margin ensures the horz dotrs remian consistant*/
   margin: 0 3px 0 0;
   padding: 5px 0 0 5px;
}

/* place a different bg image for sub-menu items*/
#secondary_nav2 ul ul li{
   background: url( ../images/link_dots_a2.gif ) no-repeat 0 0px;
}

/* place a different bg image for sub-sub-menu items*/
#secondary_nav2 ul ul ul li{
   background: url( ../images/link_dots_a3.gif ) no-repeat 0 0px;
}



/* bold links in secondary nav section */
#secondary_nav2 a{
   text-decoration: none;
   font-weight: bold;
   line-height: 16px;
}

#secondary_nav2 a:link {
   color: #446A92;	
}

#secondary_nav2 a:visited {
   color: #446A92;
}

#secondary_nav2 a:hover {
   color: #72363B;
}

#secondary_nav2 a:active {
   color: #446A92;
}

/* ---------------------------------------------------- */

/* SECONDARY NAVIGATION - SUB-SUB-MENU - TRA

#secondary_nav3 {
   position: relative;
   width: 160px;
   margin: 10px 0 10px 10px;
}

/* create a nice gap between heading and nav links*/
#secondary_nav3 p{
   margin: 0 0 10px 0;
   font-size: 1.1em;
}

/* create a margin around any images in the 2nd nav section*/
#secondary_nav3 img{
   margin: 15px 0 0 0;
}

#secondary_nav3 ul{
   /* Mac IE5.2 has trouble aligning images that have replaced bullets, so turn off lists and use background images */
   list-style: none;
   margin: 0;
   padding: 0;
}		
		
#secondary_nav3 li{
   position: relative;
   /* Place the bg image (block and dots) at the left and a few pixels down from the top */
   background: url( ../images/link_dots_a3.gif ) no-repeat 0 0px;
   margin: 0;
   /* Ensure the text doesn't overlap the bullet and create a balanced gap top and bottom */
   padding: 3px 0 3px 12px;
}


#secondary_nav3 td{
   position: relative;
   /* Place the bg image (block and dots) at the left and a few pixels down from the top */
   background: url( /images/link_dots_a3.gif ) no-repeat 40px 0px;
   margin: 0;
   /* Ensure the text doesn't overlap the bullet and create a balanced gap top and bottom */
   padding: 3px 0 3px 52px;
}


/* sub menus */
#secondary_nav3 ul ul{
   position: relative;
   /* the right margin ensures the horz dotrs remian consistant*/
   margin: 0 3px 0 0;
   padding: 5px 0 0 5px;
}

/* place a different bg image for sub-menu items*/
#secondary_nav3 ul ul li{
   background: url( ../images/link_dots_a2.gif ) no-repeat 0 0px;
}

/* place a different bg image for sub-sub-menu items*/
#secondary_nav3 ul ul ul li{
   background: url( ../images/link_dots_a3.gif ) no-repeat 0 0px;
}



/* bold links in secondary nav section */
#secondary_nav3 a{
   text-decoration: none;
   font-weight: bold;
   line-height: 16px;
}

#secondary_nav3 a:link {
   color: #446A92;	
}

#secondary_nav3 a:visited {
   color: #446A92;
}

#secondary_nav3 a:hover {
   color: #72363B;
}

#secondary_nav3 a:active {
   color: #446A92;
}



/* MAIN TEXT */

/* set size for headings */
#main_text h3{
   font-size: 1.1em;
   font-weight: bold;
   margin: 0 0 -10px 0;
}

#main_text img{
   margin: 0 5px 0 0;
   border: solid 1px #000000;
}
/* ---------------------------------------------------- */

/* RIGHT HAND COLUMN */

#rh_column {
   float: right;
   margin: 10px 0 0 0;
}
/* ---------------------------------------------------- */

/* CLASSES */

/* outline box - for images in right-hand column */
.box {
   border: 1px solid #666666;
}

/* smaller text for sporadic use where necessary*/
.small {
   font-size: 0.9em;
   line-height: 16px;
}

/* set size for page title */
.pagetitle {
   font-size: 1.4em;
   font-weight: normal;
   line-height: 20px;
}

/* photo caption */
.caption
	{
	font-size			: 0.9em;
	width				: 150px;
	margin-left			: 10px;
	}

/* photo caption */
.caption2
	{
	font-size			: 1.2em;
	width				: 150px;
	margin-left			: 10px;
        color: #446A92;	

	}

/* photo caption */
.caption3
	{
	font-size			: 1.0em;
	width				: 150px;
	margin-left			: 10px;

	}


/* Student Handbook */

.stuhandbook
	{
	font-size			: 1.8em;
	}

/* Student Handbook */

.stuhandbook2
	{
	font-size			: 1.3em;
	}


.caption4
	{
	font-size			: 1.3em;
	width				: 150px;
	}

.caption5
	{
        text-align: justify;
	}

.caption6
	{
	font-size			: 1.3em;
        }	

.caption7
	{
	font-size			: 2.0em;
        padding-bottom                   : 20px;
        }	


/* red required text indicater */
.required {
   color: #FF0000;
   font-weight: bold;
   font-size: 1.4em;
}

/* ---------------------------------------------------- */

/* LINKS */

/* normal links */
a {
   text-decoration: underline;
   line-height: 16px;
}

a:link {
   color: #446A92;	
}

a:visited {
   color: #446A92;
}

a:hover {
   color: #72363B;
}

a:active {
   color: #446A92;
}

.submenu { 
   position: relative;
   /* Place the bg image (block and dots) at the left and a few pixels down from the top */
   background: url( ../images/link_dots_a.gif ) no-repeat 0 0px;
   margin: 0;
   /* Ensure the text doesn't overlap the bullet and create a balanced gap top and bottom */
   padding: 3px 0 3px 12px;
	border-color: #000000 #000000 #000000 #000000; 
	padding-top: 4px; 
	padding-right: 4px; 	
	padding-bottom: 4px; 
	border-style: solid; 
	border-top-width: 0px; 
	border-right-width: 0px; 
	border-bottom-width: 0px; 	
	border-left-width: 0px
	}

.emphasis { 	
        font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
	font-size: 16px; 
	font-weight: normal;
	padding-bottom: 12px; 

	}

/* highlight certain paragraphs */
.highlight 
	{
	display: block;
	background-color: #ffd952;
	margin: 0px 0px 15px 0px;
	padding: 10px;
	border: 1px solid #000;
	}

/* highlight staff details */
.staffdetails 
	{
	display: block;
	background-color: #E2E1E6;
	margin: 5px 0px 0px 0px;
	padding: 0px;
	border: 1px solid #000;
	}

.staffdetails_td { text-align: left; }



 
.stu_hand_book {  margin-bottom: 10px;}
.stu_hand_book2 {  margin-top: 10px;}
.stu_hand_book3 {  margin-top: 10px; 
                   margin-bottom: 10px;}

.recom_books { margin-left: 20px;
               font-family: Arial, Verdana, Geneva, sans-serif;}


.stu_hbk_table { border: 20px; }

#contentElementMainPage {
   position: relative;
   top: 0px;
   margin: 0 auto;
   text-align: justify;
}


#contentElementMainPage img {
   border: 0px;
}

#contentElementMainPage img.newsize {
   border:  0px;
   width:  10px;
   height: 10px;
}

#contentElementMainPage strong.newsize {
   font-size: 1.15em;
}




#contentElementMainPage .highlight 
	{
	display: block;
        position: relative;
        width: 300px;
        text-align: justify;
	background-color: #dcdcdc;
	margin: 0px 0px 15px 0px;
	border: 1px solid #000;
	}

.red_text { color: #FF0000; }


.notation { border-bottom: 1px solid #000000;
              }

.bottom_underline { border-bottom: 1px solid #000000; }


.notation_right { border-right: 1px solid #000000; 
              }

.notation_right_bottom { border-right: 1px solid #000000; 
                         border-bottom: 1px solid #000000; }



.timetable_time { border-right:  1px solid #000000;
                  border-top:    1px solid #000000;
                  border-bottom: 1px solid #000000; }


.timetable_day {  border-right:  1px solid #000000;
                  border-left:   1px solid #000000;
                  border-bottom: 1px solid #000000; }


.timetable_cell { border-right:  1px solid #000000;
                  border-bottom: 1px solid #000000; }

.timetable_top_left { border-right:  1px solid #000000;
                      border-bottom: 1px solid #000000;
                      border-top:    1px solid #000000; 
                      border-left:   1px solid #000000; }
 
.timetable_grayed { background: #E2E1E6;
                    border-right:  1px solid #000000;
                    border-bottom: 1px solid #000000; }

.timetable_psistar {background: #E2E1E6;
                    border-right:  1px solid #000000;
                    border-bottom: 1px solid #000000;

#mainpage_nav td{
   position: relative;
   margin: 0;
   /* Ensure the text doesn't overlap the bullet and create a balanced gap top and bottom */
   padding: 3px 0 3px 12px;
}

/* bold links in secondary nav section */
#mainpage_nav a{
   text-decoration: none;
   font-weight: bold;
   line-height: 16px;
}

#mainpage_nav a:link {
   color: #446A92;	
}

#mainpage_nav a:visited {
   color: #446A92;
}

#mainpage_nav a:hover {
   color: #72363B;
}

#mainpage_nav a:active {
   color: #446A92;
}

#logo h1 {
 color: #6699cc;
 font: Geneva;
 font-size: 26px;
 text-decoration: none;
}