/* SIFR INCLUDE */

@import url(../css/sIFR-screen.css);

/* /SIFR INCLUDE */

/* LAYOUT */

body {
	background-color: #cac8cb;
	background-image: url(../images/bg.gif);
	background-position: top center;
	background-repeat: repeat-y;
	margin: 0;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 75%;
}

#jump-menu {
	display: none;
}

#wrapper {
	background-image: url(../images/bg-wrapper.gif);
	background-position: top center;
	background-repeat: no-repeat;
	margin: 0;
	padding: 0 0 13px 0;
	width: 100%;
}

#container {
	margin: 0 auto;
	padding: 0 18px 20px 18px;
	background-color: #846994;
	background-image: url(../images/container-bg.jpg);
	background-position: top left;
	background-repeat: repeat-x;
	width: 738px;
}

#branding {
	margin: 0 0 20px 0;
	padding: 0;
}

#logo {
	position: relative;
	float: left;
	padding: 10px 0 0 0;
	margin: 0;
}

#donate-box-top {
	margin: 15px 0 10px 0;
	padding: 7px 10px 7px 10px;
	background-image: url(../images/button-box.gif);
	background-repeat: no-repeat;
	background-position: top right;
	background-color: #262626;
	width: 291px;
	height: 44px;
	text-align: center;
}

#donate-box {
	margin: 15px 0 10px 0;
	padding: 7px 10px 7px 10px;
	background-image: url(../images/button-box.gif);
	background-repeat: no-repeat;
	background-position: top right;
	background-color: #262626;
	width: 436px;
	height: 44px;
	text-align: center;
}

.donation-regular {
	float: left;
}

.donation-oneoff {
	float: right;
}

#banner {
	margin-top: 0;
	padding-top: 0;
}

#content {
	width: 698px;
	min-height: 450px;
	max-height: 2000px;
	
	background-color: #ffffff;
	padding:20px;
}

#site-info {
	background-color: #212421;
	color: #ffffff;
	padding: 5px 15px 5px 15px;
	border-top: 1px solid #846994;
	font-size: 95%;
}

#site-info p {
	margin: 17px 0 0 0;
	padding: 0;
	color: #cccccc;
	clear: both;
}

ul#footer-nav {
	margin: 0;
	padding: 0;
	list-style: none;
	width: 100%;
	text-transform: lowercase;
}

ul#footer-nav li {
	margin-right: 5px;
	padding-right:5px;
	float: left;
	background: url(../images/footerbullet.gif) no-repeat right center;
}
ul#footer-nav li.last {
	background:none;
}
ul#footer-nav li a {
	text-decoration: none;
	color: #ffffff;
}

ul#footer-nav li a:hover {
	text-decoration: underline;
}

#spacer {
	display: block;
	width:100%;
	background-color: #cac8cb;
	height: 30px;
}

h1, h2, h4 {
	margin-bottom: 0;
}
h1{
	font-size: 155%;
	color:#323433;
	margin-top: 0;
	padding-top: 0;
}
h2{
	font-size: 135%;
	color:#421a5e;
	margin-top: 0;
	padding-top: 0;
}
h3 {
	font-weight: normal;
	color: #cccccc;
	margin-top: 0;
	padding-top: 0;
	font-size: 120%;	
	display: block;
	width: 100%;
	background-color: #262626;
}

h4 {
	font-weight: normal;
	color: #ffffff;
	font-size: 130%;
	margin: 0 0 5px 0;
}
.whitetext{
	color:#fff;
	font-weight:bold;
}
#col3-wrapper  { 
	background-color: none;
	background-image: url(../images/box1-bg.gif);
	background-repeat: repeat-y; 
	background-position: top left;
	width: 705px;
	padding: 0;
	/*min-height: 260px;*/
	margin: 0 0 10px 0;
}

#col3-header {
	background-image: url(../images/box1-head.gif);
	background-position: top left;
	background-repeat: no-repeat;
	background-color: none;
	position: relative;
	width: 100%;
	/*min-height: 260px;*/
	margin: 0;
	padding: 0;
}

#col3-footer {
	background-image: url(../images/box1-foot.gif);
	background-position: bottom left;
	background-repeat: no-repeat;
	background-color: none;
	position:  relative;
	width: 100%;
	/*min-height: 260px;*/
	margin: 0;
	padding: 0;
}

#col3-a, #col3-b, #col3-c {
	width: 207px;
	position: relative;
	float: left;
	padding:  0 10px 5px 10px;
	margin: -10px 10px 0 0;
	font-size: 95%;
}

#col3-c {
	margin-right: 0;
}

#white-box {
	width:207px;
	background-color: #FFFFFF;
	border: 1px solid #846994;
	color: #333333;
	padding: 10px 10px 0 10px;
	margin: 67px 0 0 0;
	float: right;
	font-size: 95%;
}

#white-box h3 {
	margin-top: 0;
	padding-top:0;
	margin-bottom: -5px;
	padding-bottom:0;
	font-weight: normal;
	color: #421a5e;
	font-size: 150%;	
	display: block;
	width: 100%;
	background-color: #ffffff;
}


#black-box {
	width:207px;
	min-height: 200px;
	background-color: #262626;
	background-image: url(../images/box2-bg.gif);
	background-repeat: no-repeat;
	background-position: top left;
	color: #cccccc;
	padding: 10px;
	margin: 0;
	float: right;
	font-size: 95%;
}

#black-box img {
	float:left;
	margin: 0 10px 5px 0;
	border: 1px solid #616664;
}

#black-box p {
	padding: 0 5px 3px 0;
	margin: 0 0 3px 0;
}

#main-content {
	width: 450px;
	float: left;
}

.left {
	float: left;
}

.right {
	float: right;
}

.clear {
	clear:both;
}

/* /LAYOUT */

/* BRAND LAYOUT */

#content-brand {
	width: 698px;
	min-height: 450px;
	max-height: 2000px;
	background-image: url(../images/content-bg-02.gif);
	background-position: top left;
	background-repeat: repeat-x;
	background-color: #ffffff;
	padding:20px;
}

#content-brand h1 {
	margin-top:0;
	padding-top:0;
}

#content-brand h2 {
	margin-top:10px;
	padding-top:0;
	margin-bottom:10px;
	padding-bottom:0;
}

#content-brand h3 {
	margin-bottom:0;
	padding-bottom:0;
}

#box3-wrapper  { 
	background-color: none;
	background-image: url(../images/box3-bg.gif);
	background-repeat: repeat-y; 
	background-position: top left;
	width: 227px;
	margin: 0 0 10px 0;
	padding: 0;
	margin: 0;
	float: right;
	font-size: 95%;
}

#box3-header {
	background-image: url(../images/box3-head.gif);
	background-position: top left;
	background-repeat: no-repeat;
	background-color: none;
	position: relative;
	width: 227px;
	/*min-height: 260px;*/
	margin: 0;
	padding: 0;
}

#box3-foot {
	background-image: url(../images/box3-foot.gif);
	background-position: bottom left;
	background-repeat: no-repeat;
	background-color: none;
	position:  relative;
	width: 207px;
	/*min-height: 260px;*/
	margin: 0;
	padding: 0 10px 20px 10px;
}

#box3-foot img {
	float:left;
	margin: 0 10px 5px 0;
	border: 1px solid #616664;
}

#box3-foot p {
	padding: 0 5px 3px 0;
	margin: 0 0 3px 0;
}
h3.brand {
	font-weight: normal;
	color: #323433;
	background: none;
}

#box3-foot h4 {
	color: #323433;
}

/*/BRAND LAYOUT */

#subscribe {
	padding-left: 15px;
	background-image:url(../images/email.gif);
	background-repeat: no-repeat;
	background-position: left center;
}

#subscribe a {
	text-decoration: underline;
	color:#000000;
}