@import url("../style/reset.css");
@import url("../style/general.css");
@import url("../style/sidebar.css");
@import url("../style/print.css") print;
body {
background:#ded;
background-image: url(images/bodyback.png);
}

a:link, a:active, a:visited{color:#294;}
h3 a:link, h3 a:active, h3 a:visited {color:#333;}
a:hover{border-bottom: dotted  1px #2b3;color:#2b3;}
a[href*=".zip"] {
background: url(images/download.png) no-repeat center left;
padding:2px 18px;
}

.header {border-top-color: #474;}

#menu {
border-top-color: #464;
border-bottom-color: #464;
}

#menu li{border-left-color: #8a8;}
#menu #home{border-left-color:#464;}

li#res{border-right-color: #8a8;}
li#tp {border-right-color: #464;}

#menu a:hover{background:url(images/menu_main_hover.png)  bottom repeat-x  #f8fff8;}

.header h2{color:#464;}

#main {border-color: #464;}	

#quiz #main{background-color:#f0f7f4;}

.border-top {border-top-color: #8a8;}

/*--------------- forms ---------------*/
fieldset{
background-color: #f9fffc;
border-color: #696;
}

/* ------------- features highlighting box --------*/
#features {
	border-color: #ccc;
	background-color: #f8f8f8;
}
#features h2 {
	color: /*#90b11f*/#369746;
}
#features ol li {
	padding-left: 20px;
	color:#434343;
	background: url(images/12-em-check.png) 0 4px no-repeat;
}
/* -------------------sidebar colors---------------*/
#sidebar h2{
	background-color:#369746;
	border-top-color: #56b766;
	border-bottom-color: #267736;
}
#sidebar h2 a {color:#efe;}

#sidebar h3 {
	border-top-color: #ada;
	background: url(images/menu.png) repeat-x bottom left;
}

#sidebar ul{background-color:#f0f5ea;} /* 1st level background */
#sidebar ul ul{background-color:#e4f0da;} /* 2nd level background */
#sidebar ul ul ul{background-color:#d8eaca;} /* 3rd level background */

#sidebar ul a{
	border-color: #f7fcf1;
	border-bottom-color: #dde7d7;
}
#sidebar ul ul a {border-top-color: #eaf0e6;} /* 2nd level top */
#sidebar ul ul ul a{border-top-color: #deecd4;} /*3rd level top*/
#sidebar #current{
	border-left-color: #394;
	color:#394;
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
	
#menu a, #menu a:visited {
padding:8px 4px;
}
	
}