/* Template 1 CSS */

* {
margin: 0;
padding: 0;
font-size: 100.01%;
}

body {
font: 0.75em/1.6em Trebuchet, Geneva, Sans, Helvetica, Arial, sans-serif;
color: #000;
background-color: #FFF;
text-align: center;	 /* Fix IE5 browser centering */
}

html { height: 100%; margin-bottom: 1px; } /* Keep scrollbars visible */

.clearing { clear: both; }

h1 { margin: 2em; }

h2, p { margin: 1em 2em; }

a { color: #026f84; }
a:hover, a.active { color: #b40e5b; }

#container {
text-align: left;
margin: 10px auto;
width: 760px;
height: auto;
border: 1px solid #CCC;
background-color: #FFF;
}

/* Header Styling */

#header {
width: 760px;
height: 240px;
border-bottom: 1px solid #000;
background: url(graphics/header1.jpg) no-repeat;
}

/* Menu Styling */

#menu {
border-bottom: 1px solid #CCC;
width: 100%;
position: relative;
}

#menu ul {
width: 100%;
background-color: #FFF;
white-space: nowrap;
list-style-type: none;
}

#menu ul li {
width: auto;
text-align: center;
display: block;
line-height: 3em;
float: left;
border-right: 1px solid #CCC;
}

#menu ul li a {
width: 8em;
display: block;
text-decoration: none;
}

/* Main Styling */

#main {
border-right: 1px solid #CCC;
width: 560px;
height: auto !important;
float: left;
height: 400px;
min-height: 400px;
text-align: justify;
}

#main ul li {
margin: 0 40px;}

/* Sidebar Styling */

#sidebar {
width: auto;
margin: 20px 0 0 560px;
height: auto;
}

#sidebar ul { margin: 0 30px; }

#donate { margin: 30px; }

/* Footer Styling */

#footer {
position: relative;
width: 100%;
height: auto;
clear: both;
border-top: 1px solid #CCC;
}