/* UG Styles */
/*--------- section specific link colours --------*/
#Content a, #Content-Wide a, #Content a:visited, #Content-Wide a:visited{color:#006770; text-decoration:none;}

#Content a:hover, #Content-Wide a:hover {color: #00abbc;  text-decoration:none;}

/*---------- Tabbed navigation ------------*/
div.tab
{
	float: left;
	width: 805px;
	margin: 0;
	padding: 0;
}

html>body div.tab{ 	padding-left: 0; /* Opera fix */}

div.tab ul
{
	float: left;
	margin: 0;
	padding: 0;
	list-style: none;
}

div.tab ul li
{
	display: inline;
	float: left;
	margin: 0;
	padding: 0;
	font-family: Verdana, Arial, Helvetica, Sans-Serif;
	font-size: 1.1em;
	font-weight: normal;
}

div.tab ul li a, 
div.tab ul li span
{
	float: left;
	display: block;
	margin: 0;
	padding: 5px 8px 5px 8px;
	text-align: center;
	text-decoration: none;
	color:#6C2F90;
}

/* Commented Backslash Hack
     hides rule from IE5-Mac \*/
	 
div.tab ul li a, 
div.tab ul li span{	float: none;}
 /* End IE5-Mac hack */
 
div.tab ul li
{
	background: url("../images/global/tabcorners_02.gif") no-repeat right top;
}

div.tab ul li a
{
	background: url("../images/global/tabcorners_01.gif") no-repeat left top;
}

div.tab ul li span, 
#SubNav div.tab ul li.ug_subnav_selected /* + */
{
	background: url("../images/ug/tabcornersselected_02.gif") no-repeat top right !important; /* + */
	border: none;
	color: #ffffff;
	margin: 0;
	padding: 0;
	font-weight: bold;
}

div.tab ul li span a,
#SubNav div.tab ul li.ug_subnav_selected a /* + */
{
	background: url("../images/ug/tabcornersselected_01.gif") no-repeat top left !important; /* + */
	border: none;
	color: #ffffff;
	margin: 0;
}

div.tab ul li a:visited {color: #660099;}

div.tab ul li span a:visited {color: #ffffff;}

div.tab ul li a:hover
{
	color: #cc9900;
	text-decoration: underline;
}

/*-------  Horizontal bar (sub nav) -------*/
#SubNav div.bar
{
	background-color: #00abbc;
	background-image: url(../images/ug/subBAR_end.gif);
}

#SubNav div.bar ul li.subbar_selected a {background-color: #86dce4;}

/*------------ Left Nav Links ----------*/
.nav-secondary-breadcrumb
{
	background-image: url(../images/arrows/arrowbullet_up.gif);
}

.nav-secondary-sectionheader
{
	background-image: url(../images/ug/leftnav-title-ug.gif);
	background-color: #00abbc;
}

.nav-secondary-sectionmenu li {background-image: url(../images/arrows/arrowbullet.gif);}

.nav-secondary-sectionmenu a:hover
{
	color: #00abbc !important;
}

/*----------- UG Landing page & Right Nav stuff -----------*/
#CentreFlash h1, #RightNav h1
{
    font-size: 1.6em;
    font-family: Verdana, Arial;
    color: #00abbc;
    margin: 1em 0em 0.2em 0em;
    padding: 0;
	font-weight: 500;
}

#CentreFlash h2, #RightNav h2  { color: #00abbc; }

#CentreFlash p { margin-top: 1em; }

#RightNav
{
    float: right;
    width: 330px;
    font-family:Verdana;
    margin-left: 5px; 
	margin-top: -5px;
}

#RightNav ul, #RightStatic ul { padding: 0; margin-left: 20px; }

#RightNav a, #RightNav a:visited, #RightStatic a, #RightStatic a:visited /* amended by AW */
{
    color: #00abbc;
	text-decoration: none;
}

#RightNav a:hover, #RightStatic a:hover /* amended by AW */
{
    color: #00abbc;	text-decoration: underline; 
}

#RightNav ul#RightNav-NewsList
{ 
	margin: 0;
	padding: 0;
    list-style-type:none;
	margin-left: 5px;
}

#RightNav ul#RightNav-NewsList li
{
	padding-left: 15px;
	padding-bottom: 0.7em;
	padding-top: 0.7em;
	background-image: url(../images/ug/ug_cross.gif);
	background-repeat: no-repeat;
	background-position: left 0.8em;
	border-bottom: 1px dashed #aaaaaa;
}

/*----------- UG HP dropdown lists styles -----------*/
.ddl
{
	width:318px; 
	font-size:1em;
	font-family:Verdana;
	position:relative;
	left:0px;
	z-index:101;
}

/* remove all the bullets, borders and padding from the default list styling */
.ddl ul
{
	padding:0;
	margin:0 !important;
	list-style-type:none;
}

.ddl ul ul
{
	width:318px !important;
	overflow:auto;
	height:200px;
	border:solid 1px #636567;
}

/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.ddl li
{
	float:left;
	position:relative;
	font-size:1em;
	width:166px;
}

/* style the links for the top level */
.ddl ul li a, .ddl ul li a:visited
{
	display:block;
	font-size:1em;
	text-decoration:none; 
	color:#636567 !important; 
	width:310px; 	height:21px; 
	border:1px solid #fff; 	border-width:1px 1px 0 0; 
	background-image:url(../images/ug/dropdown.gif);
	padding-left: 8px;
	line-height: 18px;
}

.ddl ul li a:hover  /* added by AW */
{
	text-decoration: none !important;
}

/* a hack so that IE5.5 faulty box model is corrected */
* html .ddl a, * html .ddl a:visited{width:158px; w\idth:166px;}

/* hide the sub levels and give them a positon absolute so that they take up no room */
.ddl ul ul
{
	visibility:hidden;
	position:absolute;
	top:19px;
	left:0; 
	width:318px;
	overflow:auto;
	height:200px;
}

/* another hack for IE5.5 */
* html .ddl ul ul
{
	top:19px; t\op:29px;
}

/* style the table so that it takes no ppart in the layout - required for IE to work */
.ddl table
{
	position:absolute;
	top:0; left:0;
}

/* style the second level links */
.ddl ul ul a, .ddl ul ul a:visited
{
	background:#ffffff; 
	color:#636567 !important; 
	height:auto; 
	line-height:1em; 
	padding:5px 10px; 
	width:279px !important;
	border:solid 1px #636567;
	border-bottom-width:0px;
	border-top-width:0px;
}

.ddl ul ul a:hover /* added by AW */
{
	text-decoration: none !important;color: #ffffff !important;
}

/* yet another hack for IE5.5 */
* html .ddl ul ul a
{
	width:158px; w\idth:158px;
}

.ddl ul ul li.last a, .ddl ul ul li.last a:visited {border-bottom-width:1px;}

/* for IE5.x and IE6 browsers only */
.ddl ul li a:hover
{
	color:#000000;
	background-color:#00abbc;
}

.ddl ul li a:hover ul
{
    display:block;
	position:absolute;
	top:18px;left:0;
	background:#eee;
	margin-top:0;marg\in-top:1px;
}

.ddl ul li a:hover ul li a:hover,.ddl ul li a ul li a:hover 
{
    background-color:#00abbc;
	color:#ffffff;
}

/* make the second level visible when hover on first level list OR link */
.ddl ul li:hover ul, .ddl ul a:hover ul{visibility:visible; }

.ddl ul li a:hover ul, .ddl ul li a:hover ul{visibility:visible; }

/*--------- Section Cross List & Link styles -----------*/
ul.crossList li { list-style-image: url(../images/ug/ug_cross.gif); }
a.crossLink { background-image: url(../images/ug/ug_cross.gif); }

/* inherites the rest from core.css */
.drop-down{	background-image: url(../images/ug/ug_cross.gif);}

h1, h2, h3 {color: #00abbc !important}

/*courseprofile overrides. Used for styling stuff from campus solutions*/

#courseprofile div.tab ul li a, #courseprofile div.tab ul li a:visited {font-family: Verdana,Arial,Helvetica,Sans-Serif;font-size: 0.9em;font-weight: normal;color: #00abbc important;}

#courseprofile div.tab ul li a:hover {color: #cc9900 !important; text-decoration: underline;}

#courseprofile div.tab ul li span a, #courseprofile div.tab ul li span a:visited {color: #ffffff !important;text-decoration: none;font-weight: bold;}

#courseprofile div.tab ul li span a:hover {color: #ffffff !important; text-decoration: underline !important; font-weight: bold !important;}

#courseprofile div.tab {border-bottom-width: 1px !important;border-bottom-color: #999 !important;}

#courseprofile .factfile {border-top-width: 1px !important;border-top-color:  #999 !important;border-bottom-color:  #999 !important;}

#courseprofile .courseprofilecontent h2 a, #courseprofile .courseprofilecontent h3 a {text-decoration: none;color: #333 !important;}

.rgGroupHeader td p {color: #333; font-weight: bold}