/* CSS Document */

/* TODO: Change these colours */
a {
	color: #002949;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration: underline;
}
	
a:hover {
	color: #009ee0;
	text-decoration: none;
}

.homepage-content a
{
	text-decoration: none;
}
	
/** nav styles for top links **/

.top-nav a {
	font-size: 7.7pt;
	}
	
/** nav styles for main nav **/
.main-nav ul {
	padding: 0;
	margin: 0;
	list-style: none;
	}

.main-nav ul li {
	margin: 0;
	padding: 0;
	float: left;
	background: url(/ccsite/images/inactive_link_right.png) no-repeat right top;
	margin-left: 4px;
	font-size: 7.7pt;
	}

.main-nav a {
	color: #019dea;
	padding: 3px 8px 4px 8px;
	display: block;
	text-decoration: none;
	clear: both;
	background: url(/ccsite/images/inactive_link_left.png) no-repeat left top;
	}

.main-nav a:hover{
	color: #002949;
	}

/**
.main-nav .current {
    background: url(/ccsite/images/active_link_right.png) no-repeat right top);
    }
.main-nav .current a {
    background: url(/ccsite/images/active_link_left.png) no-repeat left top);
    }
**/	

.current a {
    background: url(/ccsite/images/active_left.gif) no-repeat left top;
	color: #ffffff;
    }
	
.current a:hover {
	color: #ffffff;
    }

/** styles for banner list links **/	
.school-portal-banner a {
	color: #ffffff;
	font-weight: bold;
	text-decoration: none;
}
	
/** styles for banner list links **/	

.service-portal-banner a {
	color: #ffffff;
	font-weight: bold;
	font-size: 8pt;
	}
	
.service-portal-banner a:hover {
	color: #ffffff;
	}
	
.school-portal-banner a {
	color: #ffffff;
	font-weight: bold;
	font-size: 8pt;
	}
	
.school-portal-banner a:hover {
	color: #ffffff;
	}
		
/** styles for sub nav links - these are the header links at the bottom of the homepage banner **/	
	
.sub-nav ul {
	padding: 0;
	margin: 0;
	list-style: none;
	}

.sub-nav ul li {
	float: left;
	background: url(/ccsite/images/banner_header_right.png) no-repeat right top;
	margin-left: 6px;
	}
	
.sub-nav a {
	margin: 0;
	padding: 2px 8px 5px 8px;
	display: block;
	background: url(/ccsite/images/banner_header_left.png) no-repeat left top;
	font-size: 8pt;
	}

.sub-nav-right {
	left: 380px;
	position: absolute;
	}
	
/** styles for content list links **/	
.homepage-content a {
	font-weight: bold;
	padding-top: 5px;
	}

li.content-links {
	list-style: none;
	padding: 0 0 4px 0;
	margin-left: -40px;
	font-size: 9pt;
	}

.content-links a {
	color: #019dea;
	font-weight: normal;
	}
	
.content-links a:hover {
	color: #002949;
	font-weight: normal;
	}

/* Marina Salambasis 
This effected the portal pages list styles under "Find out more about" therefore the new style below was added
It allows the "content area" from the CMS WYSIWYG to display bullets without displaying the bullets in the 
"find out more about seciton 
.content ul {
	list-style: none;
	}
-v- New style below -v-*/ 	
.content-column2 ul {
	list-style: none;
	}

	
/* Marina Salambasis
after lateral nav work this style pushed the nav 40 px to the left, but it is necessary in order to display list links correctly 
in the content. I applied to all content divs except "main-content-column1".  NEVER apply to "main-content-column1" as that contains 
the nav and this style will justify it beyond the left border 
*/
/*Marina Salambasis removed .content.main-content-column2 ul li, from this list to fix the misalignment of the bullets */
.content.main-content-column3 ul li, .content.content-column1 ul li, .content.content-column2 ul li, .content.content-column3 ul li    {
	margin-left: -40px;
	padding: 0 0 4px 0;
	}	
	


/** styles for bottom tag links **/	

.tag-links {
	color: #00529f;
	float: right;
	}