/*

COLOUR REFERENCES
BODY BG: #8ea466
TOP STRIP: #000
BODY COLOUR: #666
LINKS: #000
-------------------------------------------------------- */


/*-------------------------------------------+
|                                            |
|       	     MAIN THEME                  |
|                                            |
+-------------------------------------------*/


/*MAIN ELEMENTS
-------------------------------------------------------- */

body{background-color:#222;color:#555;}

#footer div[class~="stripGradient"]{background-color:#222;}

/*NAVIGATION
-------------------------------------------------------- */
#nav em{color:#8ea466;}
#nav a{color:#8ea466;}
#nav a:hover{color:#ccc;}

/*FORM STYLES
-------------------------------------------------------- */
div[class|="search"]{color:#666;border-color:#666;}
div[class="search-main"] input{background:none;}
input{background-color:#fff;}
input[type="text"] {color:#666; border-color:#666;}
input[type="text"]:hover { border-color:#b24544;}
input[type="password"] {color:#ccc; border-color:#666;}
input[type="password"]:hover { border-color:#666;}
input[type="submit"] {color:#8ea466; border:none;}
input[type="submit"]:hover{color:#ccc;}
input[type="button"] {color:#8ea466; border:none;}
input[type="button"]:hover{color:#ccc;}

/*GENERAL SECTION ELEMENTS
-------------------------------------------------------- */
h1{color:#ccc;}
h2{color:#999;}
h3{color:#666;}
h4{color:#b24544;}
a{color:#333;}
a:hover{color:#666;}
b{color:#999;}

/*WHITE								HIGHLIGHT: #b24544
									BACKGROUND:	#f1f1f1
-------------------------------------------------------- */
.white{color:#f1f1f1;}
div[class~="whiteBG"] {background-color:#f1f1f1;}
div[class~="whiteBG"] h1{color:#333;}
div[class~="whiteBG"] b{color:#b24544;}
div[class~="whiteBG"] a{color:#b24544;}
div[class~="whiteBG"] a:hover{color:#666;}
div[class~="whiteBG"] em{color:#b24544;}

/*GREY								HIGHLIGHT: #666
									BACKGROUND:	#999
-------------------------------------------------------- */
.grey{color:#ccc;}
div[class~="greyBG"] {background-color:#ccc;}
div[class~="greyBG"] h1{color:#333;}
div[class~="greyBG"] b{color:#b24544;}
div[class~="greyBG"] a{color:#b24544;}
div[class~="greyBG"] a:hover{color:#666;}



/*RED								HIGHLIGHT: #f1f1f1
									BACKGROUND:	#b24544
-------------------------------------------------------- */
.red{color:#b24544;}
div[class~="redBG"] {background-color:#b24544;}
div[class~="redBG"] h1{color:#333;}
div[class~="redBG"] h2{color:#333;}
div[class~="redBG"] b{color:#f1f1f1;}
div[class~="redBG"] a{ border-bottom:thin dotted; color:#f1f1f1;}
div[class~="redBG"] a:hover{color:#ccc;}
div[class~="redBG"] p{color:#f1f1f1;}
div[class~="redBG"] ul{color:#f1f1f1;}