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

    Output device: screen, projection

    Structure:
        display; position; z-index; float; clear; width; height; overflow; margin; padding; border; background; align; font;

    Content:

        1) HTML tags
        2) HTML styles
        3) Layout
        4-1) Page: Homepage
        5) Others

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

/* ----------------------------------------------------------------------------------------------------------
1) HTML tags
---------------------------------------------------------------------------------------------------------- */

body {
	background-color:#FFF;
	color:#666
}

a {
	color:#293E3B
}
a:hover {color:#000;};

/* ----------------------------------------------------------------------------------------------------------
2) HTML styles
---------------------------------------------------------------------------------------------------------- */

/* ----------------------------------------------------------------------------------------------------------
3) Layout
---------------------------------------------------------------------------------------------------------- */

    #nav span {color:#DDD;}
    #nav #nav-active {color:#090;}

    #tray {
	background-color:#FFFFFF;
	margin-right: auto;
	margin-left: auto;
}
    #tray li a {
	color:#404040;
}
    #tray li#tray-active a {background-color:#090; color:#FFF; }
    #tray li a:hover {
	background-color:#9F9F9F;
	color:#FFF;
	position: relative;
}
	#top-bar a {
		color: #ECF7E1;
	}
	#top-bar a:hover {
		color:#293E3B;
	}


	.quicklink-box a {
		color:#000;
	}
	.quicklink-box a:hover {
		color:#293E3B;
	}
	
	.quicklink-boxwide a {
		color:#000;
	}
	
	.quicklink-boxwide a:hover {
		color:#293E3B;
	}
	
    #footer, #footer a {color:#9f9f9f;}
    #footer a:hover {color:#404040;}

/* ----------------------------------------------------------------------------------------------------------
4-1) Page: Homepage
---------------------------------------------------------------------------------------------------------- */

#col-top, #col-bottom, #col {
	background-color:#F8F8F8;
}

#cols3 .col h3 {
	background-color:#CCC;
	color:#090;
}
#cols3 .col h3 a {
	color: #293E3B;
	font-family:"Arial Black", Gadget, sans-serif;
	font-size:120%;
}
#cols3 .col h3 a:hover {color:#000;}
#cols3 .col-more {background:#F5F5F5;}

#cols2 #col-left .title h4, #cols2 #col-right h4 {color:#090;}
#cols2 #col-left .title h4, #cols2 #col-left .title span {background-color:#FFF;}
#cols2 #col-left .article {color:#090;}
#cols2 #col-left a:hover.article {color:#000;}

#cols2 #col-right {background-color:#EEF8E4;}
#cols2 #col-right h4 span {background-color:#EEF8E4;}

/* ----------------------------------------------------------------------------------------------------------
5) Others
---------------------------------------------------------------------------------------------------------- */

.high {color:#090}
