/* ----CCFA CSS Document -- Violet
-- Media - Screen

-- XXDark: #aaa  #aaa
-- XDark: #bbb  #bbb
-- Dark: #ccc  #ccc
-- Normal: #eee  #eee
-- Light: #ef7  #fff

Accent colours
Colour 1 [bkgs and borders]
-- Normal: #a74  #a74
-- Light:  #eee  #eee
-- xLight: #fff  #fff

Colour 2 [headings]
-- Normal: #886  
-- Normal light (h3): #9a8 

Includes:
	1. General/Common Styles
	2. Left Sidebar
	3. Content Area
	4. Right Sidebar
	5. Main Navingation

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

/* links that are normally light on a dark colour */
#UcTopNavBar1_UcChannelMenu1_navbarmain #UcTopNavBar1_UcChannelMenu1_currentsection a
{
	color: #000 !important;
}

#leftsidebar .relateditems a, 
#leftsidebar .relateditems a:link,
#leftsidebar .relateditems a:visited,
#leftsidebar #contact a,
#leftsidebar #contact p,
#promotingarts a, 
#promotingarts a:link, 
#promotingarts a:visited,
#leftsidebar .whatsnewlist a,
#leftsidebar .whatsnewlist a:link,
#leftsidebar .whatsnewlist a:visited,
#rightsidebar #promotingarts a,
#rightsidebar #promotingarts a:link,
#rightsidebar #promotingarts a:visited,
#rightsidebar #quicklinks a,
#rightsidebar #quicklinks a:link,
#rightsidebar #quicklinks a:visited
{
	color: #333;
}

#leftsidebar .relateditems a:hover,
#leftsidebar .whatsnewlist a:hover,
#leftsidebar #contact a:hover,
#promotingarts a:hover,
#rightsidebar #quicklinks a:hover
{
	color: #000 !important;
}

#features h2 a,
#features h2 a:link,
#features h2 a:visited
{
	color: #333;
}

#features h2 a:hover 
{
	color: #000;
}

#features p 
{
	color: #555;
}


/* 1. GENERAL/COMMON STYLES XXXXXXXXXXXXXXXX */

a, a:link
{
	color: #333;
}

#contentcolumncoloured
{
	background-color: #eee;
}

#leftsidebar,  #rightsidebar, #NOleftsidebar
{
	background-color: #ddd;
}

/* Sidebar titles */
#leftsidebar h2, #rightsidebar h2
{
	color: #444;
}

#leftsidebar #contact h2,
#rightsidebar #quicklinks h2,
#rightsidebar #acknowledgement h2 
{
	background-color:#bbb;
}


/* 2. LEFT SIDEBAR XXXXXXXXXXXXXXXX */
#leftsidebar, #NOleftsidebar 
{
	border-right-color: #ddd;
}

/* 2.1 CONTACT US */
#leftsidebar #contact
{
	border-right-color: #bbb;
	border-top-color: #bbb;
	border-bottom-color: #bbb;
	background-color: #eee;
}

/* 3. CONTENT AREA XXXXXXXXXXXXXXXX */

#contentcolumn, #contentcolumnwide, #contentcolumncoloured
{
	border-color: #ddd;
}

#pagecontent h1
{
	color: #777;
}

#pagecontent h2
{
	color: #886;
}

#pagecontent h3
{
	color: #9a8;
}

#imagelist h2, 
#faqlisting h2, 
.manualdocumentlist h2, 
.dynamicdocumentlist h2, 
#pagecontent .relateditems h2, 
#newsitemlist h2,
.newsitemlist h2,
#contactushilite h2,
.sscaption,
.oddrow,
#newslistnav
{
	background-color: #eee;
}

#programandprizelisting,
#importantnotices
{
	background-color: #eee;
	border-color: #ddd;
}

#breadcrumb a:hover 
{
	color: #886;
}

.largedocumentcontrols 
{
	border-color: #ccc;
}

#contenthilite 
{
	border-color: #eee;
}


/* 4. RIGHT SIDEBAR XXXXXXXXXXXXXXXX */
#rightsidebar 
{
	border-top-color: #eee;
}

#changecolour 
{
	background-color: #fff;
	border-color: #bbb;
}

#attachmentlist,
#navigatethispage 
{
	border-color: #bbb;
}

#attachmentlist h2, 
#navigatethispage h2 
{
	color: #fff !important;
	background-color: #886;
}

/* 4.1 QUICK LINKS 
- vaidator dosn't like the scrollbar styles
*/
#quicklinks 
{
	background-color: #eee;
	border-color: #bbb;
}

#quicklinksnav
{
	/* background-image: url(../images/nav/white/ql_nav_bkg.gif); */
}

#quicklinkslisting, #quicklinkslistingnarrow /* removed; Users complained that scroll feature wasn't visible enough */
{
	/* background-color: #ccc; 
	scrollbar-base-color: #eee;
	scrollbar-face-color: #eee;
	scrollbar-arrow-color: #aaa;
	scrollbar-darkshadow-color: #eee;
	scrollbar-highlight-color: #eee;
	scrollbar-shadow-color: #eee;
	scrollbar-track-color: #eee; */
}

/* 4.2 FEATURES */
#features img {
	border: #ccc 10px solid;
}

#features td {
	border-bottom: #ccc 1px solid;
}

/* 4.3 ACKNOWLEDGMENT */
#acknowledgement 
{
	border-color: #bbb;
	background-color: #eee;
}

#acknowledgement a,
#acknowledgement a:visited
{
	color: #333;
}

#acknowledgement a:hover 
{
	color: #000;
}


/* 5. MAIN NAVIGATION XXXXXXXXXXXXXXXX */

/* 5.1 NAVBAR */
#navbar #UcTopNavBar1_UcChannelMenu1_navbarmain .selected a {
	background-color: #ccc;
}

/* main nav current section hilite */
#UcTopNavBar1_UcChannelMenu1_navbarmain #UcTopNavBar1_UcChannelMenu1_currentsection
{ 
	background-image: url(../images/nav/white/mainnav_selected_bkg.gif) !important;
}

/* 5.2 SUBMENU */
ul.submenu li.selected a,
.submenu td.selected a
{
	background-color: #ccc;
}