/* 
 Muuttujakommentin syntaksi:
 [type][index][comments]


 types: IMGVAR,COLVAR
 indexes: 1,2,3,4....99
 comments: freetext for editor

 esim.

 COLVAR1 Mainnavi color


 Kommentoidaan vain siis ne kohdat jotka muuttuvat saittikohtaisesti.
 Jos esim. jokin kuva pysyy vakiona kaikilla saiteilla, sitä ei kommentoida.
 kts. alempaa lisää käytännön esimerkkejä:
*/


/* =Structure
--------------------------------------------------------------------*/

body {
	background: #011B70 url(/classicequine/images/layout/bg.jpg); /* IMGVAR1 Body background image */
}
#header {
	background: #660000 url(/classicequine/images/layout/ce_headerbg.jpg) repeat-x; /* IMGVAR2 Header background image */
	
}
/* =Boxes
--------------------------------------------------------------------*/
/* =Navigation
--------------------------------------------------------------------*/
/* =Top navigation
--------------------------------------------------------------------*/
#topNav li a:link, #nav li a:visited, #nav li a:active {
	color:#FFFFFF; /* COLVAR1 Top navigation text color */
	
}
#topNav li a:hover,#nav li a:active  {
	color:#CCCCCC; /* COLVAR2 Top navigation text hover color */
}
/* =Main Navigation
--------------------------------------------------------------------*/
#nav {
	background: #000000; /* COLVAR3 Main navigation background color */
	
}
#nav li {
	
	color:#FFFFFF;/* COLVAR4 Main navigation text color */
}

#nav li a:link, #nav li a:visited, #nav li a:active {
	color:#FFFFFF; /* COLVAR4 Main navigation text color {HUOM! TÄSSÄ KOHDASSA SAMA MUUTTUJA KUIN YLEMPÄNÄ} */
}
#nav li a:hover,#nav li a:active  {
	color:#FDE472;	/* COLVAR5 Main navigation text hover color */
}
#nav li.navSelect a:link, #nav li.navSelect a:visited, #nav li.navSelect a:hover, #nav li.navSelect a:active {
	color: #FDE472; /* COLVAR5 Main navigation text hover color {HUOM! TÄSSÄ KOHDASSA SAMA MUUTTUJA KUIN YLEMPÄNÄ} */
}
/* =Right navigation
--------------------------------------------------------------------*/

/* =Left Navigation
--------------------------------------------------------------------*/
#navLeft {
	background: ; /* COLVAR10 Left navigation background color */
}
#navLeft li {
	color:#000000;/* COLVAR11 Left navigation text color */
}

#navLeft li a:link, #navLeft li a:visited, #navLeft li a:active {
	color: #000000; /* COLVAR11 Left navigation text color {HUOM! TÄSSÄ KOHDASSA SAMA MUUTTUJA KUIN YLEMPÄNÄ} */
	background-image: url(/ravitallit/images/layout/nappi_bg.jpg);
}
#navLeft li a:hover, #navLeft li a:active  {
	color: #000000; /* COLVAR11 Left navigation text hover color {HUOM! TÄSSÄ KOHDASSA SAMA MUUTTUJA KUIN YLEMPÄNÄ} */
	background-image: url(/ravitallit/images/layout/nappi_bg_hover.jpg);
}
#navLeft li.navLeftSelect a:link, #navLeft li.navLeftSelect a:visited, #navLeft li.navLeftSelect a:hover, #navLeft li.navLeftSelect a:active {
	color: ; /* COLVAR12 Left navigation text hover color {HUOM! TÄSSÄ KOHDASSA SAMA MUUTTUJA KUIN YLEMPÄNÄ} */
	background-image: url(/ravitallit/images/layout/nappi_bg_hover.jpg);
}

/* =Nav bottom
--------------------------------------------------------------------*/
#navBottom {
	background: ; /* COLVAR Footer background color */
	
}
#navBottom li a:link, #navBottom li a:visited, #navBottom li a:active {
color:#FFFFFF; /* COLVAR7 Bottom navigation text color*/}
#navBottom li a:hover,#navBottom li a:active  {
color: #FDE472;	/* COLVAR8 bottom navigation link color */
}
#navBottom li.navBottomSelect a:link, #navBottom li.navBottomSelect a:visited, #navBottom li.navBottomSelect a:hover, #navBottom li.navBottomSelect a:active {
	color:#FDE472; /* COLVAR8 Bottom navigation text color {HUOM! TÄSSÄ KOHDASSA SAMA MUUTTUJA KUIN YLEMPÄNÄ}*/
}

/* =Links
--------------------------------------------------------------------*/

/* =Misc.
--------------------------------------------------------------------*/

#footer {
	background: #000000; /* COLVAR6 Bottom navigation background color */
	color:#FFFFFF; /* COLVAR10 Main navigation text color */
}
#footer a:link, #footer a:visited, #footer a:active {
	color:#FFFFFF; /* COLVAR7 Bottom navigation text color*/
	text-decoration: none;
}

#footer a:hover  {
	color: #FDE472;	/* COLVAR8 bottom navigation link color */
}
.boxDefault {
	background: #FFFFFF; /* COLVAR17 Right box background color */
	border-bottom: 1px solid #FFFFFF; /* COLVAR19 Right box border color */
}
.boxDefault h2 {
	color: #FFFFFF;
	background: #000000; /* COLVAR17 Right box heading background color */
	border-bottom: 1px solid #FFFFFF; /* COLVAR19 Right box border color */
}
.boxDefault h2 a:link, .boxDefault h2 a:visited, .boxDefault h2 a:active {
	color: #FFFFFF;
}
.boxDefault h2 a:hover {
	color: #FFFFFF;
}

.harma {
	background: ; /* COLVAR9 Main subjects background color */
}