/* GENERIC */
html, body {height:100%;text-align:left;}
html {overflow: -moz-scrollbars-vertical;}
body {padding:0;margin:0;color:rgb(102,102,102);font-family: Verdana, Arial, sans-serif;font-weight:400;font-size:10px;color: rgb(102,102,102);}
img,form,fieldset,h1,h2,h3,h4,h5{display:block;margin:0;padding:0;border:none;font-family: Verdana, Arial, sans-serif;}	/* 04-09-2008 remove table ( display: block; distorts tiny mce */

img {display:inline;}
h1 {font-size:12pt;font-weight:600;color:rgb(253,27,20);}
h2 {font-weight:400;font-size:11px;color:rgb(253,27,20);line-height:11px;padding:0}
h3 {font-weight:400;font-size:10px;color:rgb(51,51,51);}
h4 {font-weight:400;font-size:10px;color:rgb(253,27,20);}
p {margin:0;padding:0;font-family: Verdana, Arial, sans-serif;font-weight:400;font-size:10px;color: rgb(102,102,102);}
ul {list-style-type: none; list-style-position: inline; padding:0; margin:0 ;font-size:10px;}
ul li {position:relative;padding-left:1.25em;background:url(/images/red_round_bullet.gif) no-repeat 0 .4em;}
ol 	{margin-top:0.25em;padding:0px;padding-right:1.75em;padding-left:2em;margin-bottom:7px; margin-left: 0px;}
ol li {position:relative;padding-left:0; margin-left:0;}
a {font-weight:400;font-size:10px;text-decoration:none;color:rgb(51,51,51);font-family:Verdana,Arial,sans-serif;cursor:pointer;cursor:hand;}
a:hover {color:rgb(253,27,20);font-family: Verdana, Arial, sans-serif;}
div {float:none;} /* to solve ie5.0 jumping elements over button:hover */
.clear {clear:both;font-size:0px;}

/* IMAGES, LINES & EFFECTS */
.dotted_line {background-repeat:repeat-x;background-image:url(/images/dotted_line.gif);}
.striped_lines {background-repeat:repeat-x;background-image:url(/images/striped_lines.gif);}
.dotted_background {background-repeat: repeat-y;background-image: url(/images/dotted_line_transp_long.gif);}
.dotted_line_h {background-repeat:repeat-x;background-image:url(/images/dotted_line_header.gif);}
.fat_border {border:5px solid rgb(168,179,171);}
.number_lo {font-weight:900;font-size:16px;color:rgb(51,51,51);font-family: Arial, sans-serif; line-height: 21px;}
label.missing, p.missing {color:rgb(253,27,20);}
input.missing {border-color:rgb(253,27,20);}

/* ro = read only */
input.ro, select.ro, textarea.ro {background-color:#fff;border-color:rgb(102,102,102);color:rgb(153,153,153);}
select option.ro {color:rgb(253,27,20);}
input.no_edit {background-color:#fff;border-color:rgb(102,102,102);color:rgb(153,153,153);}
input.selected {background-color:#fff;border-color:rgb(177,204,184);color:rgb(51,51,51);}

/* TABLE RELATED CLASSES */
table {border-collapse:collapse;border:5px solid rgb(168,179,171);margin-left:17px;margin-right:17px;margin-top:17px;}

th {
 	font-weight:400;
	font-size:10px;
	color:rgb(153,153,153);
	text-align: right;
	line-height:15px;
	padding:0.25em 0.25em 0.25em 0.5em;
	text-align: right;
	vertical-align: middle;
	border-bottom: 1px solid rgb(153,153,153);
	}

td {
	font-weight:400;
	font-size:10px;
	color:rgb(102,102,102);
	text-align: left;
	line-height:15px;
	padding:0.20em 0.20em 0.20em 0.25em;
	text-align:left;
	vertical-align:middle;
	border-bottom: 1px solid rgb(153,153,153);
	}

caption {
	border-top:5px solid rgb(168,179,171);
	border-right:5px solid rgb(168,179,171);
	border-left:5px solid rgb(168,179,171);
	border-bottom: hidden;
	font-weight:600;
	font-size:11px;
	width:100%;
	color:rgb(253,27,20);
	line-height:15px;
	padding:0.25em 0.25em 0.5em 0.5em;
	text-align: left;
	}

img.table_bullet {margin-bottom:0.10em;}
.top_align_bullet {vertical-align:top;}
.table_row_fill {width:100%;}

/* MAIN OBJECTS */
/* 3 column template for the content section on a centralised canvas with a fixed header and footer */
/* dimensions canvas: max-width 987px and min-height: 576px */

.wrapper{
	width:986px;
	margin:0px auto;
	padding:0px;
	text-align:left;
	background-color: #fff;
	border-left:1px solid rgb(115,122,117);
	border-right:1px solid rgb(115,122,117);
	}

.content_container{
	min-height:428px;
	height:100%;
	margin:-1px 254px 0px 51px;
	background:#fff;
	width:100%;
}

.inner .title {color:rgb(253,27,20);}
a:hover .inner .title {color:rgb(51,51,51);}
a:hover .inner li {color:rgb(51,51,51);}
.inner a:hover .title, title_hover {color:rgb(51,51,51);}
.inner a:hover li {color:rgb(51,51,51);}

.fat_border_hyperlink {border:5px solid rgb(115,122,117);}
.title_hover {color: #333333;}
.offers_content A{color: #666666;}
.offers_content_hover A{color: #FD1B14;}

/* HEADER */
.header{
	border-top: 1px solid  rgb(115,122,117);
	height:102px;
	position:relative;
	background:#fff;
	color:#000;
	text-align:left;
	width:100%;
	}

.header_line_top {position:absolute;top:34px;left:0px;width:100%;background:url(/images/dotted_line.gif) repeat-x 0 0;}

.header_title {
	min-width:238px;
	width:auto;
	display:inline;
	position:absolute;
	bottom:5px;
	left:0px;
	padding:0.25em 0em 0em 0px;
	text-indent:17px;
	font-size:11pt;
	line-height:18pt;
	font-weight:600;
	color:rgb(253,27,20);
	background:transparent url(/images/dotted_line_header.gif) repeat-x 0 0px;
	}

.header_striped_lines {
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:17px;
	margin:2px 0px -1px 0px;
	z-index:1;
	background:url(/images/lines_top_navigation.gif) repeat-x 0 0;
	}

.header_logo {
	position:relative;
	float:left;
	margin-top:0px;
	margin-right:0px;
	width:51px;
	height:34px;
	text-align:center;
	background:#fff url(/images/dotted_line_vertical_navigation.gif) repeat-y 50px 0;
	z-index:5;
	}

.header_logo a {
	position:absolute;
	right:14px;
	top:2px;
	margin:0 auto;
	width:23px;
	height:29px;
	background: #FFF url(/images/logo_mini.gif) no-repeat 0 0;
	border:none;
	z-index:7;
	}

/* for user pages */
.corporate_logo {
	position:relative;
	float:right;
	margin-right:17px;
	min-width:85px;
	max-width:166px;
	width:auto;
	min-height:34px;
	max-height:85px;
	background:#fff;
	border-left:1px solid rgb(177,204,184);
	border-right:1px solid rgb(177,204,184);
	text-align:center;
	vertical-align:top;
	z-index:1;
	}

.corporate_logo div {
	position:relative;
	width:100%;
	height:100%;
	cursor:pointer;
	cursor:hand;
	}

.header_corporate_logo img {background:transparent;border:none;}

/* Navigation HEADER */
ul.navigation {position:absolute;clear:both;left:68px;top:0px;text-decoration:none;white-space:nowrap;z-index:4; display: block; float: left; width: 690px;}
.navigation li {float: left; background-image:none;padding:0;}
.navigation a {
  width:auto;
  display:block;
  padding:1.6em 1em 4px 1.5em;
  background:transparent url("../images/red_round_bullet.gif") no-repeat 0.6em 2em;
  text-decoration:none;
  font-weight:400;
  font-size:10px;
  color:rgb(153,153,153);
  }
.navigation a:hover {
  position:relative;
  z-index:8;
  background:#fff;
  color:rgb(253,27,20);
  text-decoration: none;
  border-right:1px solid rgb(177,204,184);
  border-left:1px solid rgb(177,204,184);
  border-top-width:0px;
  margin-left:-1px;
  margin-right:-1px; /* to stop element from moving sideways */
  padding-bottom:6px; /* to stop element from moving up */
  }

 a.nav_sel {
	padding:1.6em 1.2em 6px 1.2em;
	border-top-width:0px;
	margin-left:0px;
  	margin-right:0px;
  	border-left:1px solid rgb(177,204,184);
	border-right:1px solid rgb(177,204,184);
  	color:rgb(51,0,0);
 	background-image:none;
	background-color:#fff;
	z-index:9;
 	}
a:hover.nav_sel {margin-left:0px;margin-right:0px;}

ul.sub_nav_container {position:relative;float:right;margin-right:17px;width:480px;}
.sub_nav_container li  {
	background-image:none;
	padding:0;
	display:inline;
	margin:17px 2px 0px 2px;
	float:right;
	height:15px;
	font-size:9px;
	color:rgb(253,27,20);}
.sub_nav_container li a, .bottom_navigation li a {color:rgb(153,153,153);}
.sub_nav_container li a:hover, .bottom_navigation li a:hover {color:rgb(253,27,20);}

ul.bottom_navigation {position:relative;float:right;margin-right:0px;}
.bottom_navigation li  {
	background-image:none;
	padding:0;
	display:inline;
	margin:3px 2px 0px 2px;
	float:left;
	height:15px;
	font-size:9px;
	color:rgb(253,27,20);
	}

.bottom_navigation li a {font-size:10px;}
.bottom_navigation li a.bottom_nav_sel, .sub_nav_container li a.subnav_sel {color:rgb(51,0,0);}
.bottom_navigation li a.bottom_nav_sel span, .bottom_navigation li a span {font-size:9px;}

/* BUTTONS */
.submit_button {
	background-color:#fff;
	border:1px solid rgb(168,179,171);
	padding:1px 1em 2px 0.75em;
	font-size:10px;
	font-weight:400;
	color: rgb(253,27,20);
	font-family: Verdana, Arial, sans-serif;
	}

.submit_button img {vertical-align:middle;}

.submit_button_hover {
	background-color:rgb(191,201,185);
	border:1px solid rgb(168,179,171);
	padding:1px 1em 2px 0.75em;
	font-size:10px;
	font-weight:400;
	color:#fff;
	font-family: Verdana, Arial, sans-serif;
	cursor: pointer;
	cursor: hand;
	}
/* padding:2px 1em 3px 0.75em;*/
.submit_button_hover img {vertical-align:middle;}
.submit_button_special {width:1%;}
.back2top {text-align:left;background:url(/images/sq_red_arrow2_up.gif) no-repeat 100% 60%;padding-right:1.25em;}
.input_font {font-family: Verdana, Arial, sans-serif;font-weight:400;font-size:10px;color: rgb(51,51,51);}
input {height:14px;text-align:left;border:1px solid rgb(177,204,184);font-family:Verdana, Arial,sans-serif;font-weight:400;font-size:10px;color:rgb(51,51,51);padding-top:2px;text-indent:3px;}
/* height:14px; padding-top:3px;*/
select {height:19px;text-align:left;border:1px solid rgb(177,204,184);font-family:Verdana, Arial,sans-serif;font-weight:400;line-height:16px;font-size:10px;color:rgb(51,51,51);}
/*select {height:17px;}*/
textarea {border:1px solid rgb(177,204,184);font-family: Verdana, Arial, sans-serif;font-weight:400;line-height:16px;font-size:10px;color:rgb(51,51,51);padding-top:3px;padding-left:3px;}
.arrow_up {margin-left:5px;}
.arrow_back {margin-right:5px;}

/* MAIN: FOOTER */
.footer {
	width:100%;
	clear:both;
	height:17px;
	border-top:1px solid rgb(153,153,153);
	border-bottom:1px solid rgb(153,153,153);
	background-color:#fff;
	text-align:left;
	position:relative;
	}

.clearfooter{clear:both; height:17px;}/*needed to make room for footer (with 52 px footer set as 40px*/

.footer ul {line-height:12px;height:12px;margin:2px 0px 0px 34px;background-color:rgb(255,255,255);clear:none;}
.footer li {display:inline;background:url(/images/red_bullet.gif) no-repeat 0em 0.6em;padding-left:1.5em;padding-right:1em;}
.footer li.first_bullet {background-image:none;}
.footer li a {margin: 1px 0.1em 0px 0.1em;font-size:9px;color:rgb(102,102,102);}
.footer li a:hover {color:rgb(253,27,20);}

.footer p {
	margin:-12px 15px 0px 0px;
	float:right;
	height:15px;
	font-size:9px;
	color:rgb(153,153,153);
	}
.footer p a {font-size:9px;color:rgb(153,153,153);}

.footerspacer{display: block; height: 17px; margin:0;}

/* NON COMPLIANT BROWSERS */
.non_compliant_browsers {display:none;}

/* POPUP BOX */
.confirm {
	display:none;
	position:fixed;
	top:50%;
	left:50%;
	background-color:#fff;
	z-index:10000;
	font-size:10px;
	border:5px solid rgb(51,51,51);
	white-space:nowrap;
	}
#mailmodal {
	display: none;
	height: auto;
	width: 302px;
	margin-top: 0;
	position:fixed;
	top:50%;
	left:50%;
	z-index:10000;
	background-color:#fff;
	border: 1px solid rgb(177,204,184);
	padding:17px;
}
#mailmodal h2{
padding-top: 0;padding-bottom: 17px;
}
#mailmodal h2.donate{
padding-bottom: 5px;
}
.confirmFrame {
	display:none;
	position:fixed;
	top:50%;
	left:50%;
	background-color:#fff;
	border-color:#fff;
	font-size:10px;
	z-index:9999;
	border-width:0px;
	}

#modal {height:0;}
.confirm div {margin:1em 1em 1em 1em;}
#msg div {margin-left:0;}
.confirm .submit_button, .confirm .submit_button_hover {float:left;margin-left:0;margin-bottom:7px;margin-right:17px;}
h3.userimage {margin-left: 0;}
/* admin section: .confirm button */
.confirmback {
	display:none;
	position:fixed;
	width:100%;
	height:100%;
	top:0;
	left:0;
	z-index:9999;
	border-width:0px;
	}

.IE5_confirm {
	position:absolute;
	display:block;
	font-size:10px;
	border:5px solid rgb(51,51,51);
	top:0;
	left:0;
	margin:0;
	padding:1em;
	padding-bottom:0;
	}
.IE5_confirm .submit_button, .IE5_confirm .submit_button_hover  {position:relative;float:left;margin:0;margin-right:17px;}
.IE5_confirm div {margin-bottom:9px;margin-right:9px;}
/* IE needs this */
.tooltip{text-align: left;}
/* SEO */
.footerhyperlinks {float: left; width: 1px; height: 1px; overflow: hidden;}
/*
.wrapper, .hp_header {
	width: 798px!important;
}
.hp_login_box_2 {
	right: 17px!important;
}
.hp_login_box, .hp_login_box_logout{ right: 17px!important; }
 */

a span.loginbar{display: block; text-align: center; background-color: #999999; padding: 5px 20px}
a span.loginbar:hover{background-color: red}