body {
    background-image: url(/images/webcard/mainstyles/brown/body-bg.jpg);
}

a:link, a:visited {
	color:#f26522;
}

a:hover, a:active {
	border-bottom: 1px dotted #4e3a1a;
}

#header {
	background-image: url(/images/webcard/mainstyles/brown/main-banner.png);
}

#logo h1 {
    text-shadow: 2px 2px 0 #4e3e28;
}

#logo h1 a:hover {
    text-shadow: 2px 2px 0 #f67b20;
	color: #3e7b7b;
}

h2#slogan {
    text-shadow: 1px 1px 0 #4e3e28;
	color: #fffee4;
}

/* Navigation
----------------------------------------*/

#menu ul { 
	background-image: url(/images/webcard/mainstyles/brown/nav-bg.png);
}

#menu ul li a:hover, #menu ul li a.active, #menu ul li:hover a {
    color: #f26522;
}

/* Sub-Navigation
----------------------------------------*/

#menu div.sub li a:hover, #menu div.sub li a.active {
	color: #f26522;
	background-image: url(/images/webcard/mainstyles/brown/sub-menu-list-point.png);
}


/* Content
----------------------------------------*/

#content h2, #content h3 {
	background-image: url(/images/webcard/mainstyles/brown/heading-underline.png);
	color: #4e3a1a;
}

#content ul li { 
	background-image: url(/images/webcard/mainstyles/brown/list-point.png);
}

/* Forms
----------------------------------------*/
#content span.required {
	color: #f26522;
}

#content input[type=text], #content input[type=password], #content textarea {
	background-image: url(/images/webcard/mainstyles/brown/input-bg.png);
}

#content input[type=text]:focus, #content input[type=password]:focus, #content textarea:focus, #content textarea:focus {
    border-color: #f26522;
    background-image: url(/images/webcard/mainstyles/brown/input-focus-bg.png);
}

#content input[type=text]:hover, #content input[type=password]:hover, #content textarea:hover, #content textarea:hover {
    background-image: url(/images/webcard/mainstyles/brown/input-focus-bg.png);
}


/* Footer
----------------------------------------*/

#footer {
	background-image: url(/images/webcard/mainstyles/brown/footer-bg.png);
}

#footer p {
    text-shadow: 1px 1px 0 #2c2010;
}

#footer a:link, #footer a:visited {
    text-shadow: 1px 1px 0 #2c2010;
	border-bottom-color: #fffee4;
}

#footer a:hover, #footer a:active {
	text-shadow: 1px 1px 0 #f67b20;
}