
/* Defaults */

body {
	margin: 0;
	padding: 0;         /* Opera puts padding around body rather than margin */
	background: #e9e9e9 url(/images/body.png) repeat-x left top;
	color: #000000;
}

table {
	border-collapse: collapse;
}

body {
	font-family: Tahoma, Arial, sans-serif;
	font-size: 80%;
}

p, div, img, tr, td, ul, ol, li {
	border-color: #000000;
	border-style: none;
	border-width: 1px;
}

h1, h2, h3, h4, h5, h6, .headline {     /* .headline deprecated; here for compatibility */
	color: #ff6600;
	font-weight: bold;
	text-align: left;
}
/* Force heading sizes to firefox proportions */
h1 { font-size: 150%; }
h2 { font-size: 125%; }
h3, .headline { font-size: 115%; }      /* .headline deprecated; here for compatibility */
h4 { font-size: 100%; }
h5 { font-size: 85%; }
h6 { font-size: 66%; }

hr {
	margin-top: 2em;
	margin-bottom: 2em;
	width: 80%;
	height: 0.15em;
	background-color: #0066ff;  /* effective in gecko/opera */
	color: #0066fe;             /* effective in IE; nudged by 1 to appease validator */
}

a:link, a:visited {
	color: #00209f;
	text-decoration: none;
}
a:link:hover, a:link:active, a:visited:hover, a:visited:active {
	color: #4d70ff;
}


/* Areas */

#page {
	width: 808px;
	margin: 22px auto 15px auto;
	background: url(/images/pg_sh_r.png) repeat-y right bottom;
}
#page2 {
	background: url(/images/pg_sh_r_g.png) no-repeat right top;
}
#page3 {
	background: url(/images/pg_sh_b.png) repeat-x left bottom;
}
#page4 {
	padding-right: 8px;
	background: url(/images/pg_sh_rb.png) no-repeat right bottom;
}
#page5 {
	padding-bottom: 8px;
	background: url(/images/pg_sh_lb.png) no-repeat left bottom;
}
#page6 {
	background-color: #ffffff;
	border: solid 1px #ffffff;
}

#banner {
	height: 194px;
	background: #00209f url(/images/header_bg.png) no-repeat center top;
}
#banner #banner-text {
	width: 205px;
}
#banner #banner-text a {
	display: block;
	padding-top: 10px;
	padding-bottom: 8px;
}
#banner #banner-text img {
	display: block;
	margin: 0 auto;
}
#banner #banner-text h1, #banner #banner-text h2 {
	display: none; /* handled by images */
}
#banner-imageset-wrapper {
	float: right;
	width: 562px;
	height: 149px;
	margin: 9px 18px 0 0;

	/* backup header image */
	background: url(/images/banner-1.jpg) no-repeat right top;
}
* html #banner-imageset-wrapper {
	margin-right: 9px;
}
#banner-imageset {
	height: 149px;
	position: relative;
}
#banner .banner-image {
	position: absolute;
	top: 0;
	right: 0;
	width: 562px;
	height: 149px;
	background-position: left top;
	background-repeat: no-repeat;
}
#IEroot #banner .banner-image.fading {  /* IE only */
	filter:alpha(opacity=100);          /* IE only: Set initial opacity */
}
#banner #banner-image-0 {
	background: url(/images/banner-1.jpg) no-repeat left top;
}
#banner #banner-image-1 {
	background: url(/images/banner-1.jpg) no-repeat left top;
}
#banner #banner-image-2 {
	background: url(/images/banner-2.jpg) no-repeat left top;
}
#banner #banner-image-3 {
	background: url(/images/banner-3.jpg) no-repeat left top;
}
#banner #banner-image-4 {
	background: url(/images/banner-4.jpg) no-repeat left top;
}

#wrapper {
	background: url(/images/con_bg.png) repeat-y center top;
	min-height: 550px;
}
* html #IEroot #wrapper {               /* IE6 only */
	height: 1%;                         /* IE6 only: fix background paint issues */
}

#nav {
	width: 164px;       /* L */
	padding: 1px 0;     /* LP & prevent margin collapse */
	margin: 0;          /* LM */
	float: left;
	background-color: #0066ff;
	color: #ffffff;
	font-weight: bold;
}
#nav ul {
	list-style: none;   /* Remove bullets */
	padding: 0;         /* Remove bullet spacing */
	margin: 0;          /* Remove bullet spacing in IE */
	color: #ffffff;
	font-weight: bold;
}
#nav ul a {
	display: block;
	padding: 0.75em 1.25em;
}
#nav ul a:link, #nav ul a:visited {
	background: #0066ff;
	color: #ffffff;
}
#nav ul a:link:hover, #nav ul a:link:active, #nav ul a:visited:hover, #nav ul a:visited:active, #nav ul a.current {
	background: #0099ff;
}

#related {
	width: 160px;       /* R */
	padding: 40px 0 0 0;/* RP & prevent margin collapse */
	margin: 0;          /* RM - instead use mandatory gap in #content width */
	float: right;
	background-color: #ffffff;
}
#related2 {
	padding-bottom: 1px;
	background-color: #a4c1ff;
}
#related form#search {
	background-color: #8cb1ff;
	padding: 1em;
}
#related form#search input {
	display: block;
	margin: 0.5em auto;
}
#related form#search input.input-q {
	width: 95%;
}
#related form#search input.input-sa {
	padding: 0.2em;
	background-color: #0066ff;
	color: #ffffff;
	border: 1px solid #00209f;
	font-size: 80%;
}
#related div.related-module, #related div.module-description {
	margin: 0 0 0.5em 0;
	padding: 0.75em;
	border-top: 2px solid #f0a000;
}
#related div.related-module h3, #related div.module-description h3 {
	margin: 0.5em 0 0 0;
	font-size: 100%;
	color: #0066FF;
}
#related div.related-module ul {
	padding: 0 0 0 0.75em;
	margin: 0.5em 0;
	list-style: none;
}
#related div.related-module ul li {
	margin-bottom: 0.5em;
}
#related div.module-description p, #related div.module-description div {
	margin-left: 0.75em;
	margin-right: 0.75em;
}

#content {
	padding: 1px 0;         /* prevent margin collapse */
	overflow: hidden;       /* establish a new block formatting context */
}
#IEroot #content {          /* IE only */
	margin-top: 1em;        /* IE only: extra margin */
}
#content-space {
	padding: 0 1.25em 2em 1.25em;
}
* html #IEroot #content-inner {   /* IE6 only */
	padding-left: 15px;
	padding-bottom: 1em;
	width: 427px;           /* IE6 only: set width to avoid breaking out of box */
	height: 550px;          /* IE6 only: height instead of min-height */
}
#content div.headline-main {
	margin: 2em 0;
}
#content div.headline-main-excerpt {
	margin: 0.5em 0;
}
#content blockquote {
	margin: 0.5em 0 2em 2em;
}

#footer {
	clear: both;
	margin: 0;
	padding: 8px;
	background: #00209f url(/images/con_foot_l.png) no-repeat left top;
	color: #ffffff;
	font-size: 80%;
	text-align: center;
}
#footer a:link, #footer a:visited {
	color: #f0a000;
}
#footer a:link:hover, #footer a:link:active {
	color: #ff6600;
}


/* Objects */

.nocss {
	display: none;
}

.clearer {
	clear: both;
}

.pixel {
	width: 1px;
	height: 1px;
}

.supportbuttons {
	margin: 2em 0;
}
.supportbuttons p {
	margin: 1em auto 0 auto;
	height: 41px;
	width: 107px;
	background: #b2d7e5 url(/images/button.png) no-repeat center top;
	text-align: center;
	font-weight: bold;
}
.roundbutton {
	display: block;
	padding: 4px 10px;
}
a:link.joinbutton, a:visited.joinbutton {
	color: #00209f;
}
a:hover.joinbutton, a:active.joinbutton {
	color: #333d66;
}
a:link.donatebutton, a:visited.donatebutton {
	color: #993d00;
}
a:hover.donatebutton, a:active.donatebutton {
	color: #662900;
}
.namespan {
	white-space: nowrap;
}
.paypalmark {
	display: block;
	margin: 0.5em auto;
}
