/* Graphite Skin */

html, body {

    background-image: url(/css/skins/graphite/background.jpg); /** Link to the image you created **/
    background-repeat: repeat-y; /** Repeats the image vertically **/
    background-position: center; /** Centers the Background image **/
    background-color: #f7f4ee; /** Website BG colour (matches canvas colour in Step 1) **/

}

#hd {
	background-color:#383B42;
}

#headertext {
	color:#FFFFFF;
}

#nav ul {
	background:#383B42 url(/css/skins/graphite/nav-tab.gif) repeat-x;
}

#nav a {
	border-right:1px solid #595E69;
	border-left:1px solid #383B42;
	color:#fff;
	background:#FFFFFF url(/css/skins/graphite/nav-tab.gif) repeat-x;
}
#nav a:hover,
#nav a:focus,
#nav a:active {background:#383B42 url(/css/skins/graphite/nav-tab.gif) repeat-x 0 -150px}
#nav .sel a {background:#383B42 url(/css/skins/graphite/nav-tab.gif) repeat-x 0 -300px}
#nav .sel a:focus {background:#383B42 url(/css/skins/graphite/nav-tab.gif) repeat-x 0 -150px}

#footerlinks a {
	color: #fff;
}