/*
	This CSS file contains the Core Styles used for all Fast Track CMS.
	
	This file is to be used with the clientstyles.css which would be located in the client directory
	i.e. eduka/site/css/clientstyles.css

	The clientstyles css will define all the colour values as well as any styles that we want to overwrite.
	i.e html in the page head section for all fast track CMS.
		<link rel="stylesheet" href="/cms/css/CoreFTCMSstyles.css" type="text/css">
		<link rel="stylesheet" href="/cms/css/clientstyles.css" type="text/css">
		<link rel="stylesheet" href="/cms/css/ACE.css" type="text/css">

	The ACE css will define any styles that we want to display as a dropdown style that the user can use.
*/

/************************************* 
*	Colour Styles				     *
**************************************/
/* Corner images */
.topright { /* top right corner */	
	background-repeat: no-repeat;
	background-position: right top;
}
.topleft { /* top left corner */	
	background-repeat: no-repeat;
	background-position: right top;
}
.btmright{ /* bottom right corner */	
	background-repeat: no-repeat;
	background-position: right top;
}
.btmleft { /* bottom left corner */	
	background-repeat: no-repeat;
	background-position: right bottom;
}

.topright2 { /* top right corner */	
	background-repeat: no-repeat;
	background-position: right top;
}
.topleft2 { /* top left corner */	
	background-repeat: no-repeat;
	background-position: right top;
}
.btmright2 { /* bottom right corner */	
	background-repeat: no-repeat;
	background-position: right top;
}
.btmleft2 { /* bottom left corner */	
	background-repeat: no-repeat;
	background-position: right bottom;
}


/* Corner images END */

.statementLFTcnr { /* used in template 3 */	
	background-repeat: no-repeat;
	background-position: left;
}
.elogo { /* eduka logo at bottom right, matches colour 2 */	
	background-repeat: no-repeat;
	background-position: right middle;
}
/************************************* 
*	Colour Styles  	END			     *
**************************************/
/************************************* 
*	Text Styles		START	         *
**************************************/
A.copyright { /* sitemap and help links at bottom */
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-transform: uppercase;	
}

A.copyright:link { /* sitemap and help links at bottom */
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-transform: uppercase;	
}
A.copyright:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;	
	text-decoration:none;
}
A.copyright:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;	
	text-decoration:none;
}

.heading1 { 
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	text-transform: none;
	font-weight: bold;	
	white-space: pre;
	vertical-align: bottom;
}
.heading2 { 
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	text-transform: uppercase;	
}
.subheading {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;	
	text-transform: uppercase;
	font-weight: normal;
}
.headingleftside { /*used as the major heading for subscribe and news in layout 3 */
	font-family: Arial, Helvetica, sans-serif;
	text-transform: uppercase;	
	font-size: 11px;
	letter-spacing: 1.5px;
	font-weight: bold;
}
.content {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;	
}
.statement {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;	
	/*padding-right: 20px;
	padding-left: 20px;	*/
}
.quote { /* used in layouts 1 (home) and 3 (internal) */
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;	
}

A {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;	
	text-decoration:none;
}

A:link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;	
	text-decoration:none;
}
A:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;	
	text-decoration:none;
}
A:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;	
	text-decoration:none;
}

TD {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;	
}

/* no idea what this style is for so I have commented it out 
.homelinks {  
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-transform: uppercase;
	color: #000000;
	padding-left: 20px;
	word-spacing: -10em;
	padding-top: 10px;
}*/

/************************************* 
*	Text Styles		END 	         *
**************************************/


/************************************* 
*	News Styles		START	         *
**************************************/
.newsdate {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;	
}
.newsheading {
	font-family: Arial, Helvetica, sans-serif;
	text-transform: uppercase;	
	font-size: 10px;
	letter-spacing: 1.5px;
}
.newssummary {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-transform: none;	
}

A.newslink
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;	
	text-transform: lowercase;
	text-decoration: underline;	
}

A.newslink:link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;	
	text-transform: lowercase;
	text-decoration: underline;
}
A.newslink:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;	
	text-transform: lowercase;
	text-decoration: underline;
}
A.newslink:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;	
	text-transform: lowercase;
	text-decoration: none;
}

/************************************* 
*	News Styles		END 	         *
**************************************/

/************************************* 
*	Form Styles		START	         *
**************************************/
.subscribe {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-transform: uppercase;
}
.reqfield {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;	
}
.subscribeFormfield {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	border: 1px solid #666666;
	height: 18px;
	width: 120px;
}
.subscribeFormfieldArea 
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	border: 1px solid #666666;	
}

.search {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	text-transform: uppercase;	
	vertical-align: text-top;
}
/************************************* 
*	Form Styles		END 	         *
**************************************/

/************************************* 
*	dynamic menu: link styles START  *
**************************************/
.menu
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	text-transform: uppercase;	
	padding-left: 40px;
	text-decoration: none;
}
a.topNavActive 
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	text-transform: uppercase;	
	padding-left: 20px;
	width: 100%;
	height: 38px;
}
a.topNavActive:visited
{
	padding-left: 20px;
	font-weight: normal;
	font-size: 11px;
	text-transform: uppercase;
	width: 100%;	
	font-family: Arial, Helvetica, sans-serif;
	height: 38px;
}
a.topNavActive:hover
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	text-transform: uppercase;	
	padding-left: 20px;
	width: 100%;
	height: 38px;	
}
	
a.topNav
{
	padding-left: 20px;
	font-weight: bold;
	font-size: 11px;
	text-transform: uppercase;
	width: 100%;	
	font-family: arial, Helvetica, sans-serif;
	text-decoration: none;
}
a.topNav:visited 
{
	padding-left: 20px;
	font-size: 11px;
	font-weight: bold;
	text-transform: uppercase;	
	font-family: arial, Helvetica, sans-serif;		
	text-decoration: none;
	width:100%;
}
a.topNav:hover 
{
	padding-left: 20px;
	font-weight: bold;
	font-family: arial, Helvetica, sans-serif;
	font-size: 11px;
	text-decoration: none;
	text-transform: uppercase;	
	width:100%;
}
.holder {
	padding-left: 3px;
}
/************************************* 
*	dynamic menu: link styles START  *
**************************************/

/*******************************************
*	SiteMap styles. START				   *
*******************************************/
.sitemap .spacer
{
	width:10px;
}
.sitemap .verticalrule
{	
	width:1px;
	height:100%;
}
.sitemap .headline
{
	margin-bottom:20px;
}
.sitemap .bullet
{
	font-size: 12px;	
	font-family: Arial, Helvetica, sans-serif;
	padding-right:5px;
	padding-left:5px;
}
.sitemap .sectionlabel
{
	font-family:Arial, Helvetica, sans-serif;	
	font-size:12px;
	font-weight:bold;
}
.sitemap .sectionlabelsml
{
	font-family:Arial, Helvetica, sans-serif;	
	font-size:12px;
	margin-top:2px;
	margin-bottom:2px;
}
.sitemap .subbullet
{
	font-size: 12px;	
	font-family: Arial, Helvetica, sans-serif;
	padding-right:5px;
	padding-left:5px;
	padding-top:2px;
}
.sitemap .sublink
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;	
	padding-top:2px;
}
/*******************************************
*	SiteMap styles. END 				   *
*******************************************/

/************************************* 
*	BreadCrumb : link styles START  *
**************************************/
.breadcrumbnolink 
{
	font-family: verdana, Helvetica, sans-serif;
	font-size: 10px;	
}
A.breadcrumblink 
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;	
	text-decoration: underline;
}
A.breadcrumblink:visited 
{
	font-family: Airal, Helvetica, sans-serif;
	font-size: 10px;	
}
A.breadcrumblink:hover
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;	
	text-decoration: underline;
}

/************************************* 
*	BreadCrumb : link styles END     *
**************************************/
