/* Insert the basic stylesheet */

@import url(basic.css);

/*
Background colour:  #eed680
Underlying colour: #df421e
*/


/*************************Layout***********************************/

body {
	background-image: url('../design/corner-arsis-school.jpg');
	background-repeat: no-repeat;
	background-position: -10px 0px; 
	background-attachment: fixed;

}

/*************************Top-navigation***********************************/

#top {
	background-color: #eed680;
	border-color: #df421e;
	}

.navigation {
	border-color: #df421e;
	}

.navigation button {
	color: #df421e;
	background-color: #eed680;
	font-weight: bold;
	}

.navigation button:hover {
	background-color: #df421e;
	}


/*************************Body***********************************/

.menu {
	background-color: #df421e;
	}

.menu:hover {
	background-color: #eed680;
}

/*Menu Links*/

.menu a {
	color: white;
}

.menu a:hover{
	color: #df421e;
}

.submenu a:hover {
	background: url('../design/brown_arrow-trans.png') no-repeat left center;
	}

/*Text */
h1, dt, th {
	color: #df421e;
	}

.textbox {
	border-color: #df421e;
	background-color: #eed680;
}


/*Pictures */

#menu_left, input, textarea .picture_right, .picture_left, .line {
	border-color: #df421e;
	}
	
/*******************************Footer**************************************/

#footer {
	border-top: solid 1px #df421e;
	}
.footer, .footer a {
	color: #df421e;
	}