/* CSS Document */

/*  Custom colour definitions, for Vanilla site 

Colours:
	dark orange #fd7215
	mid orange #ffba05
	pale orange #fdde8c
	yellow #fff100
	blue #00f
	navy #000084
*/
	
body {
	background: #fff url(bg_bar.gif) no-repeat top right;
	}
h1 { 
	color: #00f;
	}
h2 {
	color: #fd7215;
	}
h3 {
	color: #fd7215;
	}
h3.underline {
	border-bottom: 1px solid #fd7215;
	margin-right: 15px;
	padding-bottom: 5px;
	}
strong, em { 
	color: #fd7215;
	}
.border {
	border: 2px solid #000084;
	}
a:link, a:visited {
	color: #00f;
	}
a:visited {
	color: #000084;
	}
a.next, a.prev {
	border: 1px solid #fd7215;
	color: #fff;
	background: #fd7215;
	}
a:visited.next, a:visited.prev {
	border: 1px solid #fd7215;
	color: #fff;
	background: #fd7215;
	}
a.extlink {
	background: url(ext_link.gif) no-repeat center right;
	}
/* _____________________________________________________________________= main wrapper __*/
#wrapper {
	border-left:160px solid #fd7215; /* The width and color of the left column */
	border-right:180px solid #fdde8c; /*The width and color of the right column */
	background: #fff;
	}
	
/* ____________________________________________________________= main navigation styles __*/
#mainnav {
	background: #fdde8c;
	}	
#mainnav ul { /* all lists */
	color: #fff;
	}
#mainnav ul li { /* all list items */
	border-bottom: 1px solid #fff;
	background: #fdde8c;
	}
#mainnav li ul { /* second-level lists */
	border-left: 1px solid #fff;
	}
#mainnav .subnav li { /* second-level list items */
	}
#mainnav li ul li ul { /* third-level lists */
	border-left: 1px solid #fff;
	}
#mainnav .subnav li ul li { /* third-level list items */
	border-bottom: 1px solid #fff;
	}		
#mainnav a:link, #mainnav a:visited {
	color: #000084;
	}
#mainnav a:hover, #mainnav a:active, #mainnav a:focus {
	background: #ffba05;	
	}
		
/* _______________________________________= body class matches list item with main nav elements __ */	
.home #mainnav #home, 
.cats #mainnav #cats, 
.showcats #mainnav #showcats,
.aboutus #mainnav #aboutus,
.biog #mainnav #biog,
.blog #mainnav #blog,
.contact #mainnav #contact,
.cv #mainnav #cv,
.showdocs #mainnav #docs,
.events #mainnav #events,
.flickr #mainnav #flickr,
.guestbook #mainnav #guestbook,
.morenews #mainnav #morenews,
.links #mainnav #links, 
.faqs #mainnav #faqs,
.testimonials #mainnav #testimonials,
.users #mainnav #users,
.sections #mainnav #sections,
.showcats #mainnav #sections,
.cat #mainnav #sections,
.product #mainnav #sections,
.services #mainnav #services,
.committee #mainnav #committee,
.temp #mainnav #temp {
	background: #ffba05;
	}
/* _______________________________________= body class matches with main nav elements __ */	
.home #mainnav #home a, 
.cats #mainnav #cats a, 
.showcats #mainnav #showcats a,
.aboutus #mainnav #aboutus a,
.faqs #mainnav #faqs a,
.contact #mainnav #contact a,
.showdocs #mainnav #docs a,
.events #mainnav #events a,
.guestbook #mainnav #guestbook a,
.morenews #mainnav #morenews a,
.links #mainnav #links a, 
.users #mainnav #users a,
.sections #mainnav #sections a,
.showcats #mainnav #sections a,
.cat #mainnav #sections a,
.product #mainnav #sections a,
.committee #mainnav #committee a,
.temp #mainnav #temp a {
	color: #fff;
	background: #ffba05;
	margin-left: 20px;
	}
#mainnav li:hover, #mainnav li.sfhover {  /* with suckerfish class */
	background: #ffba05;
	color: #fff;
	}
#mainnav li:hover ul, 
#mainnav li li:hover ul, 
#mainnav li li li:hover ul, 
#mainnav li.sfhover ul, 
#mainnav li li.sfhover ul, 
#mainnav li li li.sfhover ul { /* suckerfish lists nested under hovered list items */
	color: #fd7215;
	background: #fdde8c;
	}
/* _________________________________________________________________________= columns __*/
#center {
	border-bottom: 2px solid #fdde8c ;
	}
#rightcol {
	background: #fdde8c url(bg_rightcol.gif) no-repeat top right;
	color: #fd7215;
	padding-top: 25px;
	}
.rightcol #go {
	color: #fff;
	background: #fd7215;
	border: 1px solid #fd7215;
	}	
.rightcol input {
	border: 1px solid #fd7215;
	}

/* ______________________________________________________________= Main header styles __ */
	
#header {
	background: transparent;
	}
	
/* ________________________________________________________________= thumbnail & image styles __*/

#image1, #image2 {
	border: 1px solid #000084;
	background: #fff;
	}
.caption {
	color: #00f;
	}

/* ___________________________________________________________________= lists and thumbnail images __*/
	
.sectionImg, .catImg, .prodThumb, .prodImg, .flickrthumb {
	border: 1px solid #fd7215;
	}
.documentlist li a.pdf {
	background: url(../../gfx/pdf_small.gif) no-repeat bottom left; 
	}
.comments {
	margin-top: 20px;
	}
.comments dt {
	background: url(lquot.gif) no-repeat top left;
	}
.comments dd {
	background: url(rquot.gif) no-repeat top right;
	}
.eventlist li, .vcard {
	background: url(microformat.gif) top right no-repeat;
	border: 1px solid #000084;
	}
.eventlist li em {
	color: #fd7215;
	}
.eventlist li strong, .vcard strong {
	color: #00f;
	}
#eventlist { /* special case for tables in Programme page */
	border: 1px solid #000084;
	}
#eventlist th { 
	color: #fff;
	background: #000084;
	}
#eventlist tr { 
	border-bottom: 1px solid #000084;
	}
#eventlist strong { 
	color: #000;
	}
#eventlist tr.catType_1 {
	background: #eee;
	color: #000;
	}
#eventlist tr.catType_2 {
	background: #fdde8c;
	color: #000;
	}
#eventlist tr.catType_3 {
	background: #dadaf4;
	color: #000;
	}
#eventlist tr.catType_4 {
	background: #ffba05;
	color: #000;
	}
#eventlist tr.catType_5 {
	background: #fff0ca;
	color: #000;
	}
#eventlist tr.catType_6 {
	background: #fff;
	color: #000;
	}
#eventlist tr.catType_7 {
	background: #ccc;
	color: #000;
	}
#eventlist tr.catType_8 {
	background: #ffba05;
	color: #000;
	}
#eventlist tr.catType_9 {
	background: #fff100;
	color: #000;
	}
#eventlist tr.catType_10 {
	background: #fff886;
	color: #000;
	}

/* ___________________________________________________________________= form styles __*/
.narrow, .midwidth, .widest, .tall, .tallest {
	border: 1px solid #fd7215;
}
.idField {
	border: 1px solid #fff;	
	}
.readonly {
	background-color: #eee;	
	}
form fieldset {
	border: 1px solid #000084;
	}
form legend {
	background: #000084;
	color: #fff;
	}
form #submit {
	background: #fd7215;
	color: #fff;
border: 1px solid #fd7215;
	}
form a:link, form a:visited {
	background: #fd7215;
	color: #fff;
	border-top: 2px solid #fd7215;
	border-bottom: 1px solid #fd7215;
	}
form p {
	color:#fd7215;
	}
form span.info {
	color:#00f;
	}
/* ___________________________________________________________________= CMS colours __*/

.cms .vcard a.editLink { 
	background: #fd7215;
	color: #fff;
	border: 1px solid #fd7215;
	}
.cms a:hover, .cms a:focus, .cms a:active, 
.cms #center a:hover.more, .cms #news a:hover.more {
	background: #fd7215;
	color: #fff;
	}
	
	
/* ___________________________________________________________________= Members Area styles __*/	
	
.usernav li {
	background: ##fdde8c;
	}
.usernav li a {
	background: #fdde8c;
	}
.usernav li:hover, .usernav li.sfhover {  /* with suckerfish class */
	background: #ffba05;
	color: #fff;
	}
/* __________= body class matches list item with user nav elements __ */	
.userhome .usernav #userhome,
.memberlist .usernav #memberlist {
	background: #ffba05;
	}
/* ___________= body class matches with user nav elements __ */	
.userhome .usernav #userhome a,
.memberlist .usernav #memberlist a {
	color: #fff;
	background: #ffba05;
	}	
#usersearch .midwidth {
	margin-bottom: 2px;
	}
#usersearch #find {
	color: #fff;
	background: #fd7215;
	border: 1px solid #fd7215;
	font-weight: bold;
	margin-left: 10px;
	}
	

	
	
	
/* ___________________________________________________________________= footer styles __*/

#footer {
	border-left:160px solid #fd7215; /* The width and color of the left column */
	border-right:180px solid #fdde8c; /*The width and color of the right column */
	background: #fff;
	}
#footer strong {
	color: #000084;
	}
/* match wrapper class with footer elements */	
.terms #footer #terms a {
	color: #fd7215;
	}