@charset "UTF-8";

body {
	background-color: #483527;
	background-image: url(../images/header-bg.jpg);
	background-repeat: repeat-x;
	background-position: left top;
	font-family: Arial, Helvetica, sans-serif;
}

a {color: #ffcc00; text-decoration:none;}
/*-- logo --*/

#logo {
	width: 455px;
	position: absolute;
	top: 20px;
	left: 50%;
	margin-left: -400px;
}
#logo h1 {
	text-indent: -999999px;
}

/*-- Navigation --*/

#nav-holder {
	height: 50px;
	width: 700px;
	margin-right: auto;
	margin-left: auto;
	border-bottom-width: thin;
	border-bottom-style: solid;
	border-bottom-color: #dccc19;
}

#nav-holder #nav li {
	display: block;
	padding: 10px;
	float: left;
}
#nav-holder #nav {
	float: right;
}
#nav-holder #nav li a, a:visited, a:active, #current {
	color: #ffcc00;
	text-decoration: none;
	font-size: 16px;
}
#nav-holder #nav li.home a.selected, #nav-holder #nav li.statistics a.selected, #nav-holder #nav li.donations a.selected, #nav-holder #nav li.links a.selected {
	color: #FFF;
	text-decoration: none;
}
#nav-holder #nav li a:hover {
	color: #D3CC7A;
	text-decoration: none;
	font-size: 16px;
}
/*-- contact details --*/
#contact {
	color: #ffcc00;
	position: absolute;
	top: 170px;
	left: 480px;
	width: 450px;
	font-size: 18px;
}

/*-- LAYOUT --*/
#wrapper-2 {
	background-image: url(../images/bg-pic.jpg);
	background-position: center 300px;
	background-repeat: no-repeat;
	padding: 0px;
	margin: 0px;
	height: 100%;
}
#wrapper {
	background-image: url(../images/bg-pic.jpg);
	background-position: center center;
	background-repeat: no-repeat;
	padding: 0px;
	margin: 0px;
	height: 100%;
}
#container {
	padding: 0px;
	margin: auto;   /*-- Centering the layout horizontally --*/
	width: 960px;
}

#header{
	width: 100%;
	height: 250px;
	background-image: url(../images/header-garnish.png);
	background-repeat: no-repeat;
	background-position: center top;
	position: relative;
}
#content {
	width: 450px;
	float: left;
	display: inline;   /*-- IE 5/6 Doubled Float Margin Bug --*/
	background-image: url(../images/words-bg.png);
	-moz-border-radius-topleft: 20px;
	-moz-border-radius-bottomleft: 20px;
	-webkit-border-top-left-radius: 20px;
	-webkit-border-bottom-left-radius: 20px;
	margin-top: 60px;
	margin-left: 50px;
	margin-bottom: 30px;
	font-family: Arial, Helvetica, sans-serif;
}
#content .words {
	color: #000;
	width: 400px;
	padding-right: 10px;
	padding-left: 10px;
	font-size: 16px;	
}
#content #greetings {
	color: #ffcc00;
	padding-top: 20px;
	padding-left: 10px;
	padding-bottom: 10px;
}
#content .highlight {
	color: #ffcc00;
	padding-top: 30px;
	padding-right: 10px;
	padding-bottom: 20px;
	padding-left: 10px;
}
/*-- sidebar--*/
#sidebar {
	width: 350px;      /*-- 960px - 600px - 330px = 30px use to seperate col--*/
	float: right;
	display: inline;    /*-- IE 5/6 Doubled Float Margin Bug --*/
	background-image: url(../images/words-bg.png);
	-moz-border-radius-topright: 25px;
	-moz-border-radius-bottomright: 25px;
	-webkit-border-top-right-radius: 25px;
	-webkit-border-bottom-right-radius: 25px;
	margin-top: 60px;
	margin-left: 40px;
	margin-bottom: 30px;
}
#sidebar p {
	float: left;
	padding-top: 10px;
	padding-right: 5px;
	padding-bottom: 10px;
	padding-left: 5px;
}

/*-- footer--*/

#footer {
	background-image: url(../images/footer-bg.jpg);
	height: 80px;
	width: 100%;
	clear: both;
	background-repeat: repeat;
	background-position: bottom;
	padding-bottom: 0px;
}

#footer #legals {
	background-image: url(../images/footer-garnish.png);
	background-repeat: no-repeat;
	background-position: center 10px;
	height: 100%;
	padding: 0px;
	width: 960px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	clear: both;
}
#made {
	display: block;
	width: 180px;
	float: left;
	font-size: 12px;
	color: #FC0;
	margin-top: 30px;
	margin-left: auto;
	padding-left: 20px;
}
#madeby {
	display: block;
	width: 250px;
	float: right;
	font-size: 12px;
	color: #FC0;
	margin-top: 30px;
}

/*-- global links--*/
#links {
	position:static;
	left:450px;
	top:560px;
	width:126px;
	height:18px;
	z-index:8;
	text-align: center;
	font-family: verdana, helvetica, arial, sans-serif;
	font-size: 12px;
	color: #000;
	margin-right: auto;
	margin-left: auto;
	padding-top: 10px;
}
#links_wrap {
	width: 400px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 10px;
	overflow: auto;
}
div.scroll {
	height: 270px;
	width: 400px;
	overflow: auto;
	background-color: #fff;
	padding: 8px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 5px;
}
.scroll_columns {
	font-family: verdana, helvetica, arial, sans-serif;
	font-size: 12px;
	color: #F400A1;
	background-image: url(images/links/link_bg.gif);
	border: thin dotted #FF00A1;
	padding-top: 10px;
	width: auto;
}
.new_links #dv {
	text-align: center;
}
#link-holder {
	width: 700px;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
	clear: both;
	margin-bottom: 30px;
}
.li {
	margin-right: auto;
	margin-left: auto;
}
#contact a {
	color: #ffcc00;
	text-decoration: none;
}
#contact a:hover {
	color: #D3CC7A;
	text-decoration: none;
}
.clear {
	margin-top: 50px;
	margin-bottom: 20px;
	clear: both;
}
.clearfloat { 
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}#content p {
}
p {
	margin-bottom: 10px;
	padding-right: 10px;
	padding-left: 10px;
}