/*
** CSS: Written by Scott McIlravie, with elements and ideas taken
** from the main RNLI website, in order for us to reflect its
** design better
*/

/* The !important directives in this CSS are to make up for 
** differences in syntax handling between IE and other browsers.
**
** IE does not respect the !important directive, so whilst other
** browsers will ignore the subsequent alteration of a directive, 
** as the first one is labelled as !important, IE will go for the
** second version instead. This is handy for setting s tyle for
** IE and a style for all other browsers.
*/

BODY {
	background: white;
	padding: 0px;
	margin: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
}

TABLE {
	background: transparent;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
}

H1 {
	font-size: 18px;
	color: #000066;
}

H2 {
	font-size: 16px;
	color: #000066;
}

H3, H4, H5, H6 {
	font-size: 12px;
}

#mainPage {
	width: 100%;
	padding: 0px;
	margin: 0px;
	background: transparent;
	border: none;
}

#pageTop {
	background: #000066;
	height: 113px;
	vertical-align: bottom;
	position: relative;
	border: none;
	color: white;
	padding: 0px;
}

#welcome {
	height: 20px;
	margin-left: 5px;
	color: white;
	float: left;
	position: relative;
	font-size: 18px;
	border: none;
}

#slogan {
	background: url(/furniture/banner_saves_lives.gif) no-repeat right bottom;
	text-indent: -2000px;
	height: 72px;
	width: 256px;
	float: left;
	border: none;
}

#logo {
	margin-top: 0px;
	margin-right: 5px;
	height: 78px;
	width: 161px;
	float: right;
	border: none;
}

#mainContent {
	position: relative;
	width: 100%;
	height: auto;
/*	min-height: 460px; */
	bottom: auto;
	top: 0px;
	left: 0px;
	right: auto;
	padding: 0px;
	margin: 0px;
	border: none;
	float: none; 
}

.mainWithHeader {
	min-height: 470px;
}

.mainNoHeader {
	min-height: 500px;
}

html > body #mainContent {
	width: 100%;
	clear: left;
}

a, a:hover, a:visited {
	color: #FF0000;
	text-decoration: none;
	z-index: 1000;
}

#leftBlocks {
	position: relative;
	background: transparent;
	width: 750px !important;
	width: 751px;
	height: auto;
	padding: 0px;
	margin: 0px;
	left: 0px;
	top: 0px;
	right: auto;
	bottom: auto;
	border-left: none;
	border-top: none;
	border-bottom: 1px dashed #000066;
	border-right: 1px dashed #000066;
	float: left; 
	z-index: 50;
}

#sTextBlock {
	width: 240px !important;
	width: 250px;
	height: 140px !important;
	height: 150px;
	padding: 5px;
	margin: 0px;
	position: relative;
	float: left;
}

#lTextBlock {
	width: 490px !important;
	width: 500px;
	height: 140px !important;
	height: 150px;
	padding: 5px;
	margin: 0px;
	position: relative;
	float: left;
}

#sImgBlock {
	background: transparent;
	width: 250px;
	height: 150px;
	padding: 0px;
	margin: 0px;
	color: black;
	position: relative;
	float: left;
	border: none;
}

#lImgBlock {
	background: transparent;
	width: 500px;
	height: 150px;
	padding: 0px;
	margin: 0px;
	position: relative;
	float: left;
}

.newsHeadline {
	font-size: 11px;
}

.newsTaster {
	font-size: 10px;
}

.blockCol1 {
	background: #C4E1FF;
	color: #000066;
}

.blockCol1:hover {
	background: #D8E3FF;
}

.blockCol1Link {
	color: #9F2B4E;
	text-decoration: none;
	font-size: 11px;
	font-style: italic;
}

.blockCol1Link:hover {
	color: red;
	text-decoration: underline;
}

.blockCol1Link:visited {
	color: #660000;
	text-decoration: none;
}

.blockCol2 {
	background: #BB92BC;
	color: #6C0070;
}

.blockCol2:hover {
	background: #C5A7C6;
}

.blockCol2Link {
	color: #9F2B4E;
	text-decoration: none;
	font-size: 11px;
	font-style: italic;
}

.blockCol2Link:hover {
	color: #660000;
	text-decoration: none;
}

.blockCol2Link:visited {
	color: #660000;
	text-decoration: none;
}

.blockCol3 {
	background: #C4E1FF;
	color: #000066;
}

.blockCol3:hover {
	background: #D8E3FF;
}

.blockCol3Link {
	color: #9F2B4E;
	text-decoration: none;
	font-size: 11px;
	font-style: italic;
}

.blockCol3Link:hover {
	color: #660000;
	text-decoration: none;
}

.blockCol3Link:visited {
	color: #660000;
	text-decoration: none;
}

.blockCol4 {
	background: #BBDDBB;
	color: #006600;
}

/*
.blockCol4 {
	color: #000066;
	text-decoration: none;
	font-size: 11px;
	font-style: italic;
}
*/
/*
.blockCol4:hover {
	color: blue;
	text-decoration: underline;
}
*/

.blockCol4:visited {
	color: #000066;
	text-decoration: none;
}

.blockCol4:hover {
	background: #D8EEE3;
}

.blockCol5 {
	background: #FFD39A;
	color: #B03400;
}

.blockCol5:hover {
	background: #FFE3AA;
}

.donateBlurb {
	background: #009833;
	color: white;
	font-size: 10px;
}

.donateBlurb h2 {
	color: white;
	font-size: 11px;
}

#mainBodyContent {
	position: relative;
	background: transparent;
	width: 98%;
	height: auto;
	padding-top: 2px;
	padding-left: 5px;
	padding-right: 0px;
	padding-bottom: 2px;
	margin: 0px; 
	left: 5px;
	top: 0px;
	bottom: auto;
	border: none; 
}

#mainBodyContent2 {
	position: relative;
	background: transparent;
	width: 98%;
	height: auto;
	padding: 5px;
	margin-left: 20px;
	margin-right: 20px;
	left: 0px;
	top: 0px;
	right: 0px;
	bottom: auto;
	border: none;
}

.important {
	color: #660000;
	font-weight: bold;
}

#footer {
	position: relative;
	background: #000066;
	width: 100%;
	border: none;
	font-size: 9px;
	color: white;
	padding-left: 2px;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-right: 2px;
}

#rescueScroll {
/*	color: #660000; */
	background: #660000;
	color: white;
	font-weight: bold;
}

div.menuBar,
div.menuBar a.menuButton,
div.menu,
div.menu a.menuItem {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 10pt;
  font-style: normal;
  font-weight: bold;
  color: #FFFFFF;
}

div.menuBar {
  background-color: #6ba0d4;
/*  background-color: #FF6600; */
  border-top: 1px solid;
  border-bottom: 1px solid;
  border-left: none;
  border-right: none;
  border-color: #94deff #476baf #476baf #94deff;
/*  border-color: #FFBB00 #CC3300 #CC3300 #FFBB00; */
  padding: 4px 0px 4px 0px;
  text-align: center;
}

div.menuBar a.menuButton,
div.menuBar a.menuButtonHome {
  background-color: transparent;
/*  border: 1px solid #FF6600; */
  border: 1px solid #6ba0d4;
  color: #FFFFFF;
  cursor: default;
  left: 0px;
  margin: 1px;
  margin-left: 2px;
  margin-right: 2px;
  padding: 2px 8px 2px 8px;
  position: relative;
  text-decoration: none;
  top: 0px;
  z-index: 100;
}

div.menuBar a.menuButton:hover {
  background-color: transparent;
  border-color: #94deff #476baf #476baf #94deff; 
/*  border-color: #FFBB00 #CC3300 #CC3300 #FFBB00; */
  color: #FFFFFF;
}

div.menuBar a.menuButtonHome:hover {
  left: 1px;
  top: 1px;
/*  border-color: #476baf #94deff #94deff #476baf; */
/* DARK, LIGHT, LIGHT, DARK */
  border-color: #000022 #94DEFF #94DEFF #000022;
  background-color: #000066;
/*  background-color: #4444DD; */
  color: #FFFFFF;
}

div.menuBar a.menuButtonActive,
div.menuBar a.menuButtonActive:hover {
/*  background-color: #4444DD; */
  background-color: #000066;
  border-color: #000022 #94DEFF #94DEFF #000022;
/*  border-color: #476baf #94deff #94deff #476baf; */
  color: #ffffff;
  left: 1px;
  top: 1px;
}

div.menu {
  background-color: #000066;
  border: 1px solid;
/* LIGHT, DARK, DARK, LIGHT */
  border-color: #94DEFF #000022 #000022 #94DEFF;
  left: 0px;
  padding: 0px 1px 1px 0px;
  position: absolute;
  top: 0px;
  visibility: hidden;
  z-index: 101;
}

div.menu a.menuItem {
  color: #FFFFFF;
  cursor: default;
  display: block;
  padding: 3px 1em;
  text-decoration: none;
  white-space: nowrap;
  font-weight: normal;
  font-size: 8pt;
}

div.menu a.menuItem:hover, div.menu a.menuItemHighlight {
  background-color: #6BA0D4;
  color: #ffffff;
  font-weight: normal;
  font-size: 8pt;
}

div.menu a.menuItem span.menuItemText {}

div.menu a.menuItem span.menuItemArrow {
  margin-right: -.75em;
  font-weight: normal;
  font-size: 8pt;
}

div.menu div.menuItemSep {
  border-top: 1px solid #000022;
  border-bottom: 1px solid #94DEFF;
  margin: 4px 2px;
}

/** Donate now button ... **/



#homeDonateNowButtonWrapper { margin-top: 10px; text-align: center; }

#homeDonateNowButtonWrapper ul { list-style: none; }

#homeDonateNowButtonWrapper li a { height: 67px; display: block; }

#homeDonateNowButtonWrapper li a * { display: none; }

#homeDonateNowButton { width: 66px; background: url(/home-donate.gif) no-repeat; }

/* #homeDonateNowButton { width: 66px; background: url(/home-donate.gif) no-repeat; margin: 0 35px; } */

/* html>body #homeDonateNowButton { margin: 0 35px 0 50px; } */

html>body #homeDonateNowButton { margin: 0 35px 0 35px; }

#homeDonateNowButton:hover { width: 66px; background: url(/home-donate-rollover.gif) no-repeat; }