body {
	height:100%;
	margin: 0;
	padding: 0;
	font: 13px/1.4em Verdana, Arial;
	background: #fff;
}

img { border: none; }

h1, h3, h4 {
font-weight: normal;
font-family: Arial;
line-height: 1.2em;
text-align: center;
}

h2 {
font-weight: normal;
font-style: italic;
font-family: Arial;
line-height: 1.2em;
text-align: center;
}

#header { background: #2f283f url(img/body_bg.gif) top repeat-x; }

#header a,
#header h1,
#header h2 {
color: #fff;
text-decoration: none; 
text-align: center;
}

#header h1,
#header h2 {padding: 1em 0 0 0; margin: 0;}

#header h2 { font-style: italic; }



a#logo {
background: url(img/logo.gif) no-repeat;
height: 200px;
width: 156px;
display: block;
text-indent: -999px;
padding: 0;
margin: 0 auto;
}


#fading_box { background: red; }
#sliding_box { background: green; }


#sidebar {
border-right: 1px solid #ddd;
min-height: 400px;
padding: 1em;
}

#sidebar ul {
list-style: none;
margin: 0;
padding: 0;
}

#sidebar ul li a
{
border-bottom: 1px solid #ddd;
line-height: .7em;
padding: 1em;
text-decoration: none;
display: block;
}

#sidebar ul li a:hover
{
background: #eee;
}


#content { padding: 2em; }

#content h1,
#content h2,
#content h3,
#content h4
{
	color: #7226B3;
}

#main img {
text-align: center;
margin: 2em auto;
display: block;
}



#footer {
text-align: center;
margin: 2em 0 0 0;
padding: 2em 0;
background: #eee;
vertical-align:middle;
color: #777;
}