@charset "utf-8";
/* CSS Document */

html {
	background-color:#064C8A;
}

body {
	margin:0px;
	padding:0px;
	background-color:#064C8A;
	font:0.8em Arial, Georgia, "Times New Roman", Times, serif;
	color:#333;
}

* {
	margin:0px;
	padding:0px;
	border:none;
}

#container {
	margin:30px auto 30px;
	padding:10px;
	width:880px;
	background-color:#f3fafb;
}

/* Header */
#header {
	margin:0px auto;
	width:880px;
}

#header h1 {
	margin:0px 0px 10px;
	font-size:5.0em;
}

#header h1 span.red {
	color:#C1272D;
}

#header h1 span.blue {
	color:#2065A0;
}

#header h2 {
	font-size:0.9em;
	font-weight:normal;
	color:#000;
}

#header h3 {
	font-size:0.8em;
	font-weight:normal;
	color:#000;
}

#header-container {
	margin:0px 0px 10px;
}

#header-left {
	float:left;
	width:300px;
}

#header-centre {
	margin-left:20px;
	width:210px;
	float:left;
}

#header-centre p.flash,
#header-centre h3 {
	margin-left:60px;
}

#header-centre-text {
	margin:10px 0px 0px;
	width:210px
	float:left;
}

#header-right {
	float:right;
	width:330px;
	text-align:justify;
}

#header-left form {
	margin:8px 0px 5px;
}

#header-left input {
	padding:2px;
	height:15px;
	width:180px;
	border:1px solid #999;
	color:#666;
}

#header-left #searchsubmit {
	margin:5px 0px 0px;
	width:53px;
	height:19px;
	background:url(../images/btn-search.gif);
	border:none;
}

#header-left #submit:hover {
	background-position:-53px;
}



/* Header Navigation */
#header-nav {
	margin:10px 0px;
	width:880px;
	height:24px;
	background:url(../images/hot-topics-sponsors-h1-bg.gif) no-repeat;
}

#header-nav ul {
	padding:3px 5px 0px;
	color:#FFF;
}

#header-nav ul li {
	display:inline;
}

#header-nav ul li a {
	color:#FFF;
	font-size:0.8em;
	text-decoration:none;
}

#header-nav ul li a:hover {
	color:#333;
	background-color:#FFF;
}



/* Hot Topics */
#hot-topics p {
	font-size:0.85em;
}

#hot-topics a:hover {
	color:#C1272D;
	text-decoration:underline;
}

#hot-topics p span {
	color:#C1272D;
	font-weight:bold;
}



/* Main/Home Containers */
#home {
	margin:10px -4px 0px;
	width:890px;
}

#gallery {
	margin:10px 0px 0px;
	width:890px;
}

#main {
	margin:20px 0px 0px;
	width:880px;
}

#main h1 {
	margin:0px 0px 10px;
	font-size:1.4em;
}

#main h2 {
	margin:0px 0px 3px;
	font-size:1.1em;
	color:#C1272D;
}

#main h3 {
	margin:0px 0px 3px;
	font-size:1em;
}

#main p {
	width:490px;
	margin:0px 0px 10px 5px;
	font-size:0.9em;
}

#main ol,
#main ul,
#main span {
	width:490px;
}

#main a:hover {
	color:#C1272D;
}

ul#country-list li {
	padding:8px 0px 0px 15px;
	background:url(../images/blue-arrow.gif) 0px 12px no-repeat;
	list-style-type:none;
	font-size:1em;
}

#main form {
	width:265px;
}

#main input,
#main textarea,
#main select {
	margin:0px 0px 15px;
	padding:2px;
	border:1px solid #999;
	color:#666;
}

#main input,
#main textarea {
	width:260px;
}

#main select {
	width:700px;
}

#main input {
	height:17px;
}

#main textarea {
	height:100px;
	font:1em Arial, Helvetica, sans-serif;
}

#main #submit {
	width:53px;
	height:19px;
	background:url(../images/btn-submit.gif);
	border:none;
	float:right;
}

#main #submit:hover {
	background-position:-53px;
}

h4.error,
.feedback {
	font-size:1em;
	color:#C1272D
}

/* Red/Blue boxes on home page */
.blue-box,
.red-box {
	width:296px;
	float:left;
	background:url(../images/box-bg.gif) repeat-y;
}

.blue-box h1,
.red-box h1 {
	padding:10px 10px 8px;
	width:276px;
	height:23px;
	font-size:1.0em;
	color:#FFF;
}

.blue-box h1 {
	background:url(../images/blue-box-h1-bg.gif) no-repeat;
}

.red-box h1 {
	background:url(../images/red-box-h1-bg.gif) no-repeat;
}

.blue-box h2,
.red-box h2 {
	margin:0px 15px 3px;
	font-size:1em;
}

.red-box DIV {
	margin:0px 0px 10px;
	width:296px;
	text-align:center;
}

.blue-box p,
.red-box p {
	margin:0px 15px 15px;
	font-size:0.9em;
}

.red-box ul li p,
.blue-box ul li p {
	margin:0px;
	font-size:1em;
}

.red-box img.list,
.blue-box img.list {
	margin:0px 5px 10px 15px;
	float:left;
}

.red-box ul,
.blue-box ul {
	margin:-10px 15px 0px;
	width:266px;
}

.red-box ul li,
.blue-box ul li {
	padding:10px 0px 10px 20px;
	border-bottom:1px solid #FFF;
	font-size:0.85em;
	list-style-type:none;
}

.blue-box ul li {
	background:url(../images/blue-arrow.gif) 0px 12px no-repeat;
}


.red-box ul li {
	background:url(../images/red-arrow.gif) 0px 12px no-repeat;
}



/* Buttons on home page */
a.btn-donate,
a.btn-nominate,
a.btn-request {
	margin:10px auto 10px;
	border:none;
	height:36px;
	width:161px;
	display:block;
	text-decoration:none;
}

a.btn-donate {
	background:url(../images/btn-donate.gif);
}

a.btn-nominate {
	background:url(../images/btn-nominate.gif);
}

a.btn-request {
	background:url(../images/btn-request.gif);
}

a.btn-donate:hover,
a.btn-nominate:hover,
a.btn-request:hover {
	background-position:-161px;
	text-decoration:none;	
}

a.btn-donate span,
a.btn-nominate span,
a.btn-request span {
	visibility:hidden;
}



/* Sponsors box on home page */
.sponsors-box {
	margin:5px 0px 0px;
	width:890px;
	float:left;
	background:url(../images/sponsors-box-bg.gif) repeat-y;
}

.sponsors-box h1 {
	margin:0px 0px 5px 5px;
	padding:3px 5px 0px;
	width:870px;
	height:22px;
	font-size:1.0em;
	color:#FFF;
	background:url(../images/hot-topics-sponsors-h1-bg.gif) no-repeat;
}

.sponsors-box p {
	margin:10px 0px 0px 15px;
	width:860px;
	font-size:0.9em;
}

.sponsors-box IMG {
	margin:0px 10px 0px 0px;
}

.sponsors-box IMG.spnsr {
	margin:0px 10px 10px 0px;
}

/* Image Holder on pictures page */
.img-holder {
	margin:0px 10px 20px 0px;
	width:286px;
	float:left;
	border:none;
}

.sponsor-holder {
	margin:0px 10px 20px 0px;
	width:210px;
	float:left;
	border:none;
}

.video-holder {
	margin:0px 10px 20px 0px;
	width:286px;
	float:left;
	border:none;
}

.img-holder img {
	width:286px;
}



/* Footer */
#footer {
	margin:10px auto 0px;
	width:880px;
	border-top:1px solid #CCC;
	font:0.7em Arial, Helvetica, sans-serif;
}

#footer ul {
	margin:10px 0px 5px;
	color:#999;
	width:880px;
	float:left;
}

#footer ul li {
	display:inline;
}

#footer ul li a {
	color:#999;
	text-decoration:none;
}

#footer ul li a:hover {
	color:#666;
}



/* 34SP logo */
#logo {
	margin:5px 0px 0px;
	float:right;
	width:100px;
	text-align:right;
}

#logo a {
	text-decoration:none;
	color:#666;
}

#logo a:hover {
	color:#333;
}



/* Generic styling */
a {
	color:#003399;
	text-decoration:none;
}

a:hover {
	color:#C1272D;
}

.left {
	float:left;
}

.right {
	float:right;
}

.clearit {
	clear:both;
	height:0px;
	width:100%;
	line-height:0.0px;
	font-size:0px;
}

hr {
	margin:2px 0px 8px;
	border:none;
	height:1px;
	background-color:#CCC;
}

.search-list-img {
	margin:0px 10px 10px 0px;
	max-width:100px;
	float:left;
}

.news-stories-img {	
	margin:10px 10px 10px 0px;
	max-width:300px;
	float:left;
}