@charset "ISO-8859-1";

.preloadImages {
  display: none;
}

#textArea {
  width: 100%;
  margin: 5px 0 8px 0;
  *margin:0px 0 3px 0;
}

#pageLeft .l {
	margin-top: 8px;
 	clear: both;
 	background-image: url(images/Lline.gif);
 	background-color:#eeeeee;
}
 
#pageLeft .t {
	height: 20px;
 	background-image: url(images/Tline.gif);
}
 
#pageLeft .r {
 	background-image: url(images/Rline.gif);
 	text-align: left;
 	padding-left: 0px;
 	padding-right: 0px;
 	padding-bottom: 0px;
}
 
#pageLeft .l .t .r {
 	padding: 0px;
 	height: 20px;
}
 
#pageLeft .l .t .r .tl {
 	height:25px;
 	background-image: url(images/tlGrey.gif);
}
 
#pageLeft .l .t .r .tr {
 	height: 25px;
 	background-image: url(images/trGrey.gif);
 	text-align: left;
}
 
#pageLeft .l .b .br {
 	height: 25px;
 	background-image: url(images/brGrey.gif);
}
 
#pageLeft .b {
 	height: 25px;
 	background-image: url(images/Bline.gif);
}
 
#pageLeft .l .b .bl {
 	height: 25px;
 	background-image: url(images/blGrey.gif);
}




#textArea .l {
	margin-top: 8px;
 	clear: both;
 	background-image: url(images/Lline.gif);
 	background-color:#ffffff;
}
 
#textArea .t {
	height: 20px;
 	background-image: url(images/Tline.gif);
}
 
#textArea .r {
 	background-image: url(images/Rline.gif);
 	text-align: left;
 	padding-left: 0px;
 	padding-right: 0px;
 	padding-bottom: 0px;
}
 
#textArea .l .t .r {
 	padding: 0px;
 	height: 20px;
}
 
#textArea .l .t .r .tl, #textArea .l .t .r .tls {
 	height:25px;
 	background-image: url(images/tl.gif);
}
 
#textArea .l .t .r .tr {
 	height: 25px;
 	background-image: url(images/tr.gif);
 	text-align: left;
}
 
#textArea .l .b .br {
 	height: 25px;
 	background-image: url(images/br.gif);
}
 
#textArea .b {
 	height: 25px;
 	background-image: url(images/Bline.gif);
}
 
#textArea .l .b .bl {
 	height: 25px;
 	background-image: url(images/bl.gif);
}




#emailForm
{
	width: 400px;
}

#emailForm .contentArea
{
	background:url("images/emailFormSides.gif") repeat ;
}

#emailForm .top
{
	background:url("images/emailFormTop.gif") no-repeat top left;
	padding-top:21px;
}

#emailForm .bottom
{
	background:url("images/emailFormBottom.gif") no-repeat bottom left;
	padding-top:21px;
	_padding:15px 5px 6px 5px;
}




.tl, .stl, .tls {
	background-repeat: no-repeat;
	background-position: top left;
}

.sl, .l {
	background-repeat: repeat-y;
	background-position: left;
}

.t {
	background-repeat: repeat-x;
	background-position: top;
}

.bl {
	background-repeat: no-repeat;
	background-position: bottom left;
}

.tr, .str {
	background-repeat: no-repeat;
	background-position: top right;
}

.sr {
	background-repeat: repeat-y;
	background-position: right;
}

.br, .sbr {
	background-repeat: no-repeat;
	background-position: bottom right;
}

.b, .sb {
	background-repeat: repeat-x;
	background-position: bottom;
}

.r {
	background-repeat: repeat-y;
	background-position: right;
}

.leftImage{
  padding-left: 15px;
  background:url("images/downArrow.gif") no-repeat left -2px;
}

.textNavArea {
  text-align:left;
  position:relative;
  padding-bottom: 10px;
}

.title {
  font-size: 1.8em;
  font-weight: normal;
	color: #003399;
	text-decoration: none;
	padding:0 15px 0 15px;
}

.textNavArea .title{
  font-size: 1.8em;
  background:none;
  color: #003399;
}

.newsMenu {
  margin-bottom: 37px;
}

.newsMenuItem {
  color :rgb(255,0,153);
  text-decoration: none;
  margin-left: 0px;
  padding-top: 7px;
  padding-bottom: 5px;
  background-image: url(images/gradientLine.gif);
  background-position: bottom;
  background-repeat: no-repeat;
}

.mainText .newsMenuItemDate {
  font-size: 1.1em;
  font-weight: bold;
}

.mainText .newsMenuItemTitle {
  font-size: 1.3em;
  padding-left: 63px;
  font-weight: normal;
}

.textNavArea a:hover {
  color : #0000ff;
}

.mainText, .mainTextLEFT, .mainTextRIGHT {
  font-size:1.0em;
	color : #000000;
	text-align:left;
  padding:0px 15px 0px 15px;	
  width: 93%;
  height: auto;
  overflow: auto;
}

.minHeight {
  /* Hack so IE7 does not scroll and ignore <gap> tag */
  height: 200px;
  overflow: hidden;
}

.mainTextLEFT {
  float: left;
  width: 65%;
  padding: 0px;
  text-align: justify;
  height: auto;
}

.mainTextRIGHT {
  background-image: url(images/pinkRibbonMagAdvert.GIF);
  background-repeat: no-repeat;
  background-position: left;
  padding: 0px;
  float: right;
  width: 170px;
  height: 280px;
} 

.mainText .smallNavText {
  font-size: 1.0em;
  font-weight: bold;
  color :#000000;
  padding-bottom: 10px;
}

.mainText H1,.mainText H2,.mainText H3 {
  font-size:1.5em;
  font-weight: normal;
	color: #003399;
	padding-bottom: 5px;
	margin-left: -1px;
}

.mainText H4 {
  font-size:1.2em;
  font-weight: bold;
	color: #003399;
	padding-bottom: 0px;
	margin-left: -1px;
}

.mainText H4 a{
	color: #003399;
}

.mainText a, .mainTextLEFT a {
  font-size:1.0em;
  font-weight: bold;
	color :#999999;
	text-decoration: none;
}

.mainText a:hover, .mainTextLEFT a:hover  {
	color : #3399cc;
}

.mainText .emailLink, .mainTextLEFT .emailLink {
  font-size:1.0em;
  font-weight: bold;
	color :#999999;
	text-decoration: none;
}

.mainText .emailLink:hover, .mainTextLEFT .emailLink:hover {
	color : #3399cc;
}

.mainText .textLink {
  color :#999999;
  font-size: 0.9em;
}

.mainText .textLink:hover {
  color :rgb(255,0,153);
  font-size: 0.9em;
}

.mainText .sitemapAnchor {
  color: #000000;
}

.mainText .backToTop {
  font-size: 1.0em;
  float: right;
}

.mainText .quoteLink {  
  font-weight: bold;
  float: right;
}

.mainText .arrow {  
  padding:9px 0px 5px 17px;
	background: url("images/downArrow.gif") no-repeat left  6px;
}

.mainText ul {
  line-height: 1.4em;
}

.mainText .justify {
  margin-top: 0px;
}

.mainText .smallGap {
  margin-bottom: -0.7em;
}

#navBar{
  background-color: #cccccc;
}

.navText {
  width: 96%; 
  padding-left: 5px;
  *padding-left: 0px;
  margin: -5px;
  *margin: 0px;
}

.navText ul {
  margin: -10px;
  margin-left:11px;
  *margin-left:5px;
  margin-right: 0px;
  list-style:square;
  list-style-type: none;
  display: inline;
  *display: block;
}

.navText ul a {  
  font-family:Verdana, Arial, Helvetica, sans-serif;
  font-size: 1.2em;
  font-weight: bold;
  color: #000000;
  text-decoration: none;
  /*background-image: url(images/lhsMenuBullet.gif);
  background-repeat: no-repeat;
  background-position: top left;*/
  padding-left: 6px;
  display: block;
  *margin: -4px;
  padding-bottom: 5px;  
}

.navText .subText {
  padding-left: 10px;
  font-weight: normal;
  font-size: 11px;
}

.navText ul a:hover {  
  color : #0000ff;
  /*background-image: url(images/lhsMenuBulletOver.gif);*/
}

.navText .spacer {
  padding-bottom: 10px;
  *padding-bottom: 0px;
}

.facebookText img {
  margin-top: 11px;
  margin-left: 31px;
}

.facebookImage {
  position: relative;
  padding-left : 10px;
  top: 5px;
}

.facebookText a .superscript {
  position: relative;
  bottom: 5px;
}

.superscript {
  position: relative;
  bottom: 3px;
  text-decoration: none;
}

.smallerRegisteredSymbol {
  bottom: 8px;
  font-size: 12px;
}

.noBottomGap {
  position: relative;
  top: 3px;  
}

.smallBottomGap {
  position: relative;
  top: 2px;  
}

.justify{
  text-align: justify;
}

.fionaFloatRight{
  text-align: center;
  float: right;
  width: 160px;
  height: 70px;
  padding-left: 25px;
}

.fionaImageRight {
  float: right;
  width: 280px;
  height: 390px;
  padding-left: 25px;
}

.fionaFloatRight .fionaFacebookLink, .mainText .fionaFacebookLink {
   color :#999999;
   text-decoration: none;
}

.fionaFloatRight .fionaFacebookLink img {
   position: relative;
   top: 5px;
   *top: 2px;
   padding-right: 3px;
}

.fionaFacebookLink img {
   position: relative;
   top: 2px;
   *top: 2px;
   padding-right: 3px;
   padding-left: 2px;
   *padding-left: 4px;
}

.fionaFloatRight .fionaFacebookLink:hover, .mainText .fionaFacebookLink:hover {
   color : #0000ff;
   text-decoration: none;
}

.blueColour {
  color : #3399cc;
}

.blueColourLight {
  color : #6699ff;
}

.pinkColour {
  color : #ff0099;
}

.italicList {
  font-style: italic;
}

.royceLogo {
  margin-top: -80px;
  margin-bottom: -12px;
  padding-left: 5px;
  *margin-top: -21px;
  *margin-bottom: -20px;  
}

.gap {
  width: 100%;
  height: 25px;
}

.mainText ul li  .usefulLinks {
  margin-top: 0px;
}

.usefulLinks a img {
 position: relative;
 top: 10px;
}