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

    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:#404040}

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

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

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

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

    #tray {background-color:#BFBFBF;}
    #tray li a {color:#404040;}
    #tray li#tray-active a {
	background-color:#FF0000;
	color:#FFF;
}
    #tray li a:hover {background-color:#9F9F9F; color:#FFF;}

        #search #search-input {background-color:#FFF;}
        #search #search-input input {color:#404040;}

    #footer, #footer a {color:#9f9f9f;}
    #footer a:hover {color:#404040;}

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

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

#col-topalt, #col-bottomalt, #colalt {
	background-color:#FFFFFF;
}

#cols3 .col h3 {
	/*background-color:#ed1c24;*/
	color:#FFFFFF;
	background: #ed1c24 url("../design/cols3-grad.gif") 0 0 repeat-x;
}
.cols3-icon {
	background:url("../design/cols3-title2.gif") 20px 40% no-repeat;
	position: absolute;
	width: 45px;
	height: 40px;
}
#cols3 .col h3 a {color:#FFFFFF;}
#cols3 .col h3 a:hover {
	color:#CCCCCC;
}
#cols3 .col-more {
	background:#b21319 url("../design/cols3-bottomgrad.gif") 0 0 repeat-x;
}

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

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

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

.high {color:#ed1c24}