/**
 * overriden basic html tags.
 */
body {
	background-color: #CC0033;
	text-align: center;
	padding: 0px;
	margin: 0px;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	vertical-align: top;
	font-size: 0.8em;
}
p, h1, h2, h3, h4, h5, span {
	padding: 0px;
	margin: 0px;
}
p {
	font-size: 0.85em;
	margin: 6px 0px 6px 0px;
}
h1, h2, h3, h4, h5 {
	font-size: 0.8em;
	color: #CC0033;
}
h1 {
	margin: 0px 0px 0px 0px;
}
img {
	border: 0px;
}
li, table {
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 85%;
}
table {
	border-collapse: collapse;
}
td {
	vertical-align: top;
}
a {
	font-weight: bold;
	text-decoration: none;
	color: #CC0033;
}
a:hover {
	text-decoration: underline;
}
input, option, select {
	font-size: 9px;
}
textarea {
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 1em;
}





/**
 * site main layout.
 */
#container {
	background-color: #FFFFFF;
	margin: 0px auto 0px auto;
	padding: 0px 0px 0px 0px;
	text-align: left;
	width: 768px;
}
#main_wrapper {
}
/* column 1 (left / top) */
#navigation {
	width: 768px;
	background-image: url("/images/background.jpg");
	height: 66px;
}
/* column 2 (middle) */
#main_content {
	float: left;
	margin: 5px 10px 10px 0px;
	padding: 6px 6px 10px 6px;
	width: 502px;
	color: #000000;
	border-right: 1px solid #f3e9eb;
}
/* column 3 (right) */
#utility {
	float: left;
	margin: 5px 0px 10px 0px;
	padding: 0px 0px 0px 0px;
	width: 240px;
	text-align: right;
}
/* Footer */
#footer {
	float: none;
	clear: both;
}




/**
 * general styles used.
 */
#main_content ul {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 8px 24px;
}
#main_content li {
	margin: 3px 0px 3px 0px;
}
#main_content h2 {
	height: 24px;
	background-repeat: no-repeat;
}
#main_content h2 a {
	display: block;
	height: 22px;
	width: 450px;
}
#main_content h2 span {
	display: none;
}
h1 span, h2 span, h3 span {
	display: none;
}
#main_content h3 {
	font-size: 0.85em;
	margin: 10px 0px 0px 0px;
}
.data_control td {
	vertical-align: middle;
}
.data_control .label {
	font-weight: bold;
	width: 160px;
	vertical-align: top;
}
p.asterix {
	font-size: 9px;
}
.boxout {
	margin: 14px 9px 14px 0px;
	padding: 10px 12px 10px 74px;
	background-image: url("/images/boxout_top.gif");
	background-repeat: no-repeat;
	border: 1px solid #cc0033;
	line-height: 1.3em;
}
.small_disclaimer {
	font-size: 10px;
}
.princes_colour {
	color: #cc0033;
}
.form_errors {
	margin: 4px 10px 16px 0px;
	padding: 0px 12px 10px 74px;
	background-image: url("/images/boxout_top.gif");
	background-repeat: no-repeat;
	border: 1px solid #cc0033;

}
.form_errors h3 {
	margin: 0px 0px 0px 0px;
}
.form_errors p {
	margin: 0px 0px 0px 0px;
}



/**
 * tags used to get the central column (white) to display 100% of screen height.
 * the 'container' div holds a white background colour, and to stretch this to 100%
 * of the browser/user agent window, the parent divs (in this case, and 99/100 of
 * other cases) - html and body, also need to have the height: 100% attribute.
 */
html {
  height: 100%;
}
body {
  height: 100%;
}
#container {
  height: 100%;
	min-height: 100%; /*for firefox */
}
html>body #container {
	height: auto
} /*for firefox */



/**
 * header
 */
#header {
	background-image: url("/images/header.gif");
	background-color: #FFFFFF;
	background-position: bottom;
	background-repeat: no-repeat;
	height: 115px;
	margin: 0px 0px 6px 0px;
}
#header h1 {
}
#header span {
	display: none;
}
#header a {
	display: block;
	position: absolute;
	height: 88px;
	width: 390px;
	top: 54px;
	margin: 0px 0px 0px 374px;
}
#sponsor_list {
	position: absolute;
	top: 52px;
}
#sponsor_list p {
	margin: 0px 0px -10px 10px;
	color: #737373;
}
#sponsor_list a {
	margin: 0px 0px 0px 10px;
}
#user_status {
	color: #737373;
	width: 750px;
	position: absolute;
	top: 1px;
	margin: 0px 0px 0px 8px;
	text-align: right;
}
#user_status a {
	color: #db879c;
}




/**
 * footer
 */
#footer {
	font-size: 0.85em;
	text-align: left;
	padding: 5px 0px 10px 0px;
	margin: 0px 0px 0px 10px;
}
#footer_links {
	padding: 2px 0px 2px 0px;
	margin: 0px 0px 0px 0px;
	color: #000000;
	background-color: #FFFFFF;
	font-weight: bold;
}
#footer a {
	color: #CC0033;
}
#footer a:hover {
	color: #000000;
}
#footer img.clock_logo {
	padding: 0px 0px 3px 0px;
	vertical-align: middle;
}

/**
 * main navigation
 */
#navigation.homepage {
	background-image: url("/images/background.jpg");
	height: 321px;
}
#main_content.homepage {
	width: 590px;
	border: 0px;
}
#utility.homepage {
	width: 126px;
}
#menu_main {
	margin: 0px 0px 0px 0px;
	color: #FFFFFF;
}
#menu_main ul {
	background-image:url("/images/navigation_back.jpg");
	margin: 5px 0px 0px 0px;
	padding: 1px 0px 1px 0px;
	list-style: none;
	font-size: 1.3em;
	background-color: #FFFFFF;
}
#menu_main li {
	list-style: none;
	display: inline;
	margin: 0px 17px 0px 17px;
}
#menu_main h2 {
}
#menu_main h2 span {
	display: none;
}
#menu_main a {
	color: #000000;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
}
#menu_main a:hover, #menu_main a:active {
	color: #CC0033;
}





/**
 * utility
 */
#utility {
}
#utility img {
	margin: 6px 10px 5px 0px;
}
#utility p {
	margin: 0px 0px 10px 0px;
	font-size: 0.8em;
	text-align: left;
}


/**
 * index - homepage
 */
#index h3 {
	background-image: url("/images/title_latest_news.gif");
	background-repeat: no-repeat;
	height: 12px;
}
#index h3 a {
	display: block;
	width: 120px;
	height: 12px;
}
#index .homepage_h2 {
	display: none;
}
#index #index_news .news_title {
	font-weight: bold;
}
#index #index_news img {
	border: 1px solid #cc0033;
	float: left;
	margin: 8px 10px 5px 0px;
}
#index #index_news .news_body {
}
#utility.homepage {
	background-image: url("/images/logo_large_princes_trust.gif");
	background-repeat: no-repeat;
	background-position: center 14px;
	height: 115px;
	margin: 12px 0px 0px 0px;
}
#utility.homepage p {
	text-align: center;
	padding: 108px 0px 0px 0px;
	font-size: 0.85em;
}

/**
 * about
 */
#about h2 {
	background-image: url("/images/title_about.gif");
	background-repeat: no-repeat;
	height: 12px;
}





/**
 * news
 */
#news h2 {
	background-image: url("/images/title_news.gif");
	background-repeat: no-repeat;
	height: 12px;
}
#news #news_article_content #lead_text, #news #news_article_content #text {
	height: 120px;
	min-height: 120px;
	display: table-cell;
}
#news #news_article_content img {
	margin: 12px 8px 6px 0px;
	border: 1px solid #cc0033;
	float: left;
}
#view_article_photo.news_image {
	margin: 34px 3px 0px 0px;
}
#view_article_photo.news_image p {
	text-align: center;
	color: #727272;
	margin: 0px 0px 0px 4px;
	padding: 2px 4px 7px 4px;
	margin: 0px 10px 0px 0px;
	width: 212px;
	border-bottom: 1px solid #cc0033;
}
#view_article_photo.news_image img {
	margin: 0px 4px 8px 0px;
	border: 1px solid #cc0033;
}


/**
 * sponsor someone
 */
#main_content.fix {
	background-color: #FFFFFF;
}
#sponsor_someone h2 {
	background-image: url("/images/title_sponsor_someone.gif");
	background-repeat: no-repeat;
	height: 12px;
}
#sponsor_someone form {
	border: 1px solid #f3e9eb;
	margin: 6px 4px 12px 0px;
	padding: 2px 4px 8px 8px
}
#sponsor_someone #article #article_photo {
	float: left;
}
#sponsor_someone #article #article_text {
	height: 94px;
	min-height: 94px;
	display: table-cell;
}
#sponsor_someone #article #article_text h4 {
	font-size: 0.85em;
}
#sponsor_someone #article #article_photo img {
	margin: 0px 4px 8px 0px;
	border: 1px solid #cc0033;
}
#sponsor_someone #gift_aid h4 {
	font-size: 0.85em;
	border-top: 1px solid #f3e9eb;
	margin: 10px 7px 0px 0px;
	padding: 8px 0px 0px 0px;
}
#sponsor_someone #select_challenge select, #sponsor_someone #select_name select {
	width: 260px;
}


/**
 * registration
 */
#registration h2 {
	background-repeat: no-repeat;
	height: 12px;
}
#registration h2.your_registrations {
	background-image: url("/images/title_your_registrations.gif");
}
#registration h2.successful {
	background-image: url("/images/title_registration_successf.gif");
}
#registration h2.select_a_challenge {
	background-image: url("/images/title_registration_select.gif");
}
#registration h2.register_for_this_challenge {
	background-image: url("/images/title_register_for_challeng.gif");
}
#registration h2.enter_your_details {
	background-image: url("/images/title_enter_your_details.gif");
}
#registration #article {
	clear: both;
}
#registration #lead_text, #registration #article_text {
	height: 1px;
	display: table-cell;
}
#registration #article #article_text table.your_sponsors_table {
	width: 220px;
}
#registration #article #article_text table.your_sponsors_table td {
	border-bottom: 1px solid #cc0000;
	padding: 3px 3px 3px 3px;
}
#registration #article #article_text table.your_sponsors_table td.sponsor_name {
	width: 150px;
}
#registration #article #article_text table.your_sponsors_table td.sponsor_amount {
}
#registration #article #article_text table.your_sponsors_table td.sponsor_total {
	background-color: #f8f8f8;
}
#registration #lead_photo img, #registration #article_photo img {
	margin: 10px 10px 0px 0px;
	float: left;
}
#registration #lead_photo, #registration #article_photo {
	margin: 10px 0px 0px 0px;
}
#registration #view_article {
	margin: 0px 0px 14px 0px;
}
#registration #view_article_photo img {
	margin: 0px 0px 0px 1px;
}
#registration #article_header h3 {
	font-size: 1.1em;
	margin: 0px 0px 8px 0px;
}
#registration .info {
	display: inline;
	font-size: 1em;
	font-weight: bold;
	color: #000000;
}
#challenge_options {
	text-align: left;
	border: 1px solid #f3e9eb;
	padding: 8px 10px 2px 12px;
	margin: 10px 7px 0px 0px;
}
#challenge_options h3 {
	font-size: 0.9em;
	border-bottom: 1px solid #f3e9eb;
	margin: 0px 4px 10px 0px;
	padding: 0px 0px 6px 2px;
}
#challenge_options img {
	float: left;
	padding: 0px;
	margin: 0px;
}
#challenge_options p.option {
	min-height: 28px;
	height: 28px;
	display: table-cell;
	font-size: 0.85em;
	margin: 0px 0px 0px 0px;
	padding: 2px 0px 0px 10px;
}
#registration_details {
	text-align: left;
}
#registration_details td {
	padding: 2px 0px 2px 0px;
}
#registration h4 {
	font-size: 0.9em;
	border-top: 1px solid #f3e9eb;
	margin: 10px 0px 0px 0px;
	padding: 10px 0px 0px 0px;
}
#registration .data_control td {
	padding: 2px 2px 3px 2px;
	vertical-align: top;
}
#registration .data_control .listbox_custom {
	width: 56px;
	margin: 0px 2px 0px 0px;
}
#registration .data_control .textbox {
	width: 140px;
}
#registration .data_control textarea.textbox {
	width: 240px;
	height: 70px;
}
#registration .controls {
	margin: 8px 0px 0px 0px;
	padding: 0px 0px 10px 0px;
	border-bottom: 1px solid #f3e9eb;
}
#registration #control_panel02 {
	border: 1px solid #f3e9eb;
	padding: 0px 0px 4px 10px;
}
#registration #control_panel02 a {
	padding: 0px 4px 0px 4px;
}
#registration #control_panel02 .listbox {
	padding: 0px 4px 0px 4px;
	margin: 0px 0px 0px 10px;
}
#registration #challenge_details .note {
	border: 1px solid #7f9db9;
	padding: 8px 10px 8px 10px;
	margin: 8px 5px 16px 2px;
}
#registration #challenge_details td.friends_name input {
	width: 170px;
}
#registration #challenge_details td.friends_email input {
	width: 270px;
}
#registration #challenge_details textarea {
	width: 240px;
	height: 70px;
}


/** registration progress */
#registration_progress {
	background: #FFFFFF;
}
#registration_progress strong {
}
#registration_progress {
	height: 70px;
	border-top: 1px dashed #cccccc;
	border-bottom: 1px dashed #cccccc;
	margin: 10px 0px 14px 0px;
	padding: 10px 0px 0px 0px;
}
#registration_progress span span {
	display: none;
}
#registration_progress_select, #registration_progress_register, #registration_progress_account, #registration_progress_details, #registration_progress_friends {
	display: block;
	height: 70px;
	float: left;
}
#registration_progress #registration_progress_select {
	background-image: url("/images/cop_select.gif");
	width: 90px;
}
#registration_progress #registration_progress_register {
	background-image: url("/images/cop_register.gif");
	width: 100px;
}
#registration_progress #registration_progress_account {
	background-image: url("/images/cop_account.gif");
	width: 120px;
}
#registration_progress #registration_progress_details {
	background-image: url("/images/cop_details.gif");
	width: 100px;
}
#registration_progress #registration_progress_friends {
	background-image: url("/images/cop_friends.gif");
	width: 90px;
}
 #registration_progress strong {
	display: block;
	height: 70px;
}
#registration_progress #registration_progress_select strong {
	background-image: url("/images/cop_select_active.gif");
	width: 90px;
}
#registration_progress #registration_progress_register strong {
	background-image: url("/images/cop_register_active.gif");
	width: 100px;
}
#registration_progress #registration_progress_account strong {
	background-image: url("/images/cop_account_active.gif");
	width: 120px;
}
#registration_progress #registration_progress_details strong {
	background-image: url("/images/cop_details_active.gif");
	width: 100px;
}
#registration_progress #registration_progress_friends strong {
	background-image: url("/images/cop_friends_active.gif");
	width: 90px;
}





/**
 * members
 */
#members h2 {
	background-image: url("/images/title_members.gif");
	background-repeat: no-repeat;
	height: 12px;
}
#members h2.create_account {
	background-image: url("/images/title_members_create_an_acc.gif");
}
#members h2.log_on {
	background-image: url("/images/title_members_log_on.gif");
}
#members h2.your_details {
	background-image: url("/images/title_your_details.gif");
}
#members form {
	border: 1px solid #f3e9eb;
	padding: 8px 0px 9px 10px;
	margin: 10px 10px 10px 0px;
}
#members form table td {
	vertical-align: top;
	padding: 3px;
}
#members form td.label {
	width: 130px;
	vertical-align: top;
}	
#members form .textbox {
	width: 150px;
}	
#members form input.button {
	margin: 3px 0px 0px 0px;
}
#members .textarea {
	width: 230px;
	height: 60px;
}
#members input.textbox {
	width: 200px;
}




/**
 * contact
 */
#contact h2 {
	background-image: url("/images/title_contact.gif");
	background-repeat: no-repeat;
	height: 12px;
}
#contact p.gym1 {
	width: 181px;
	float: left;
}
#contact p.gym2 {
	width: 165px;
	float: left;
}
#contact p.gym3 {
	width: 155px;
	float: left;
}


/**
 * links
 */
#links h2 {
	background-image: url("/images/title_links.gif");
	background-repeat: no-repeat;
	height: 12px;
}
#links img {
	float: right;
	margin: 0px 0px 8px 10px;
}
#links h3.link_title {
	font-size: 12px;
	font-weight: bold;
	border-bottom: 1px solid #cc0033;
	padding: 0px 0px 6px 0px;
}


/**
 * legal
 */
#legal {
	text-align: left;
	background-color: #FFFFFF;
	border-right: 20px solid #cc0033;
	border-left: 20px solid #cc0033;
	padding: 10px;
}
#legal h2 {
	background-image: url("/images/title_legal.gif");
	background-repeat: no-repeat;
	background-position: bottom left;
	height: 24px;
}
#legal h2 span {
	display: none;
}
#legal h3 {
	color: #cc0033;
	font-size: 0.9em;
	margin: 14px 0px 0px 0px;
}

/**
 * Offline
 */
#offline p.offline_msg {
	color: #cc0033;
	font-size: 14px;
	font-weight: bold;
	text-align: center;
}

/**
 * Gift Aid
 */
#giftaid {
	padding: 10px;
	text-align: left;
	background-color: #FFFFFF;
}
#giftaid h3 {
	font-size: 14px;
}

/**
 * Security Code
 */
#securitycode {
	padding: 10px;
	text-align: left;
	background-color: #FFFFFF;
}
#securitycode h3 {
	font-size: 14px;
}