/*
	Define all the colour styles for the site in here.
*/
.blue { color: blue  }
.navy { color: navy  }
.purple { color: purple  }
.mauve { color: darkviolet  }
.maroon { color: maroon  }
.orange { color: orange }
.red { color: red }
.fuchsia { color: fuchsia }
.black { color: black  }
.white { color: white }
.grey { color: #696969 }
.silver{ color: silver }
.azure { color: azure }
.green { color: green }
.olive { color: olive }
.teal { color: teal }

/* and a couple of stripey bits. */
.stripe0 { background-color: transparent !important; }
.stripe1 { background-color: #ffffff !important; }
.stripe2 { background-color: #eeeeee !important; }

.stripe3 { background-color: #fff4f4 !important; }
.stripe4 { background-color: #ffebeb !important; }

/* and a colour for required or highlighte fields. */
.required, .highlight {background-color: LightYellow;}

/* colours from style guide */
.s50 { color: #8f9c91; background-color: transparent }
.s100 { color: #90cef1; background-color: transparent }
.s150 { color: #f6d80a; background-color: transparent }
.s200 { color: #db4139; background-color: transparent }
.s300 { color: #f6d80a; background-color: transparent }
.s400 { color: #0aa245; background-color: transparent }
.s600 { color: #005da4; background-color: transparent }
.s1000 { color: #8f9c91; background-color: transparent }
/* inverted versions */
.si50 { background-color: #8f9c91; color: white }
.si100 { background-color: #90cef1; color: white }
.si150 { background-color: #f6d80a; color: black }
.si200 { background-color: #db4139; color: white }
.si300 { background-color: #f6d80a; color: black }
.si400 { background-color: #0aa245; color: white }
.si600 { background-color: #005da4; color: white }
.si1000 { background-color: #8f9c91; color: white }


/* Menu ------------------------------------------------------------------ */

#logo, div.menu {
	background-color: white;
}

#main {
/*	background-image:url(images/menu_bg.gif); */
/*	background-repeat:repeat-y; */
	background-color: white;
}

/*level one*/

li.level1 a:link, li.level1 a:visited{
	background-color:#eeeeee;
	color:#000000;
}

li.level1 a.selectexpand:link, li.level1 a.selectexpand:visited,
li.level1 a:hover, li.level1 a:active, li.level1 a.selected:link, li.level1 a.selected:visited,
li.level1 a.selectexpand:link, li.level1 a.selectexpand:visited{
	background-color:#3d65a5;
	color:White;
}

/*level two*/

ul.level2{
	background-color:#fcfcfc;
}

li.level2 a:link, li.level2 a:visited{
	background-color:#fcfcfc;
	color:DarkBlue;
}

li.level2 a:hover, li.level2 a:active, li.level2 a:focus,
li.level2 a:hover, li.level2 a.selected:hover, li.level2 a.selectexpand:hover{
	background-color:#eeeeee;
	color:DarkBlue;
}

li.level2 a.selected:link, li.level2 a.selected:visited,
li.level2 a.selectexpand:link, li.level2 a.selectexpand:visited {
	background-color:#eeeeee;
	color:DarkBlue;
}

/* level three */

li.level3 a:link, li.level3 a:visited{
	background-image:none;
	background-color:#eeeeee;
	color:DarkBlue;
}

li.level3 a:hover, li.level3 a:active, li.level3 a:focus{
	background-color:#eeeeee;
	color:DarkBlue;
}

li.level3 a.selected:link, li.level3 a.selected:visited{
	background-image:none;
	background-color:#eeeeee;
	color:DarkBlue;
}

/* submenu */

#contentarea div.submenu li a:link, #contentarea div.submenu li a:visited{
	background-image:none;
	background-color:#eeeeee;
	color:DarkBlue;
}

#contentarea div.submenu li a:hover, #contentarea div.submenu li a:active, #contentarea div.submenu li a:focus{
	background-color:#eeeeee;
	color:DarkBlue;
}

#contentarea div.submenu li a.selected:link, #contentarea div.submenu li a.selected:visited{
	background-image:none;
	background-color:#eeeeee;
	color:DarkBlue;
}

/* Footer */

#footer {
	border-top:1px solid Gray;
}

/* content styles. */
div.feature {
	background-color:GhostWhite;
	border-bottom:1px solid DarkBlue;
	border-left:1px solid DarkBlue;
	border-right:1px solid DarkBlue;
}

div.feature h2, div.feature h3 {
	background-color:#3d65a5;
	border-top:1px solid DarkBlue;
	color: white;
}

/* EVENT styles */

#eventlist div.stripe0 a:link, #eventlist div.stripe0 a:visited{
	background-color:#f9f9f9;
	color:black;
}

#eventlist div.stripe1 a:link, #eventlist div.stripe1 a:visited{
	background-color:#eeeeee;
	color:black;
}

#eventlist div.stripe3 a:link, #eventlist div.stripe3 a:visited{
	background-color:#fffaf9;
	color:black;
}

#eventlist div.stripe4 a:link, #eventlist div.stripe4 a:visited{
	background-color:#fff3f2;
	color:black;
}

#eventlist div.stripe0 a:hover, #eventlist div.stripe0 a:active, #eventlist div.stripe0 a:focus, #eventlist div.stripe0 a:hover,
#eventlist div.stripe1 a:hover, #eventlist div.stripe1 a:active, #eventlist div.stripe1 a:focus, #eventlist div.stripe1 a:hover,
#eventlist div.stripe3 a:hover, #eventlist div.stripe3 a:active, #eventlist div.stripe3 a:focus, #eventlist div.stripe3 a:hover,
#eventlist div.stripe4 a:hover, #eventlist div.stripe4 a:active, #eventlist div.stripe4 a:focus, #eventlist div.stripe4 a:hover {
	background-color:#cfcfcf;
	color:black;
}

#eventlist div.day {
	border-top-width: 0px;
	border-bottom: 1px solid Gray;
	border-left: 1px solid Gray;
	border-right: 1px solid Gray;
}

#eventlist div.first {
	border-top: 1px solid Gray;
}

#eventfilter {
	background-color: #f4f4f4;
}

#searchInput {
	color:	#aaaaaa;
}

/* allow links to look like buttons. */
#contentarea a.button, a.button, .button, .thinbutton, .lightbutton {
	background-color: ButtonFace;
	border-top-color: ThreeDLightShadow;
	border-left-color: ThreeDLightShadow;
	border-right-color: ThreeDShadow;
	border-bottom-color: ThreeDShadow;
	color: ButtonText;
}

/* allow links to look like buttons. */
#contentarea a.button:hover {
	color: Blue;
}

#contentarea a.thinbutton:hover {
	color: Blue;
}

#contentarea a.lightbutton:hover {
	color: Blue;
}

.gallery {
	border-color:lightBlue;
}

/* don't remove the snip class. It's required to make protoype find a.snip elements in firefox
*/
.snip { color: red }