/* Master font setting here */
body {font-family:Verdana, Arial, Helvetica, sans-serif; 
      background-color: #E9EDF4;
	  font-size:11px; 
	  margin:0px auto;
	  padding:0px}
body.plain {background-color: #FFFFFF;
	  font-size:11px; 
	  margin:10px;}	 
	  td {font-size:11px; }


	#content{
		float: left;
		background:#FFFFFF;
		width: 755px;
		margin:0;
		padding:0 5px 0 5px;
		line-height:1.6em;
		text-align:left;
	}


#footer{
	clear:both;
	margin:0 auto;
	padding:5px 0 5px 0;
	text-align:center;
	border-top:1px solid #B4B4B4;
	font-size:8pt;
	color:white;
	background-image: url(/graphics/layout/footer_bg.gif);
	background-position:top;
	background-repeat:repeat-x;
	background-color:#E7E7E7;
	position:relative;
	top:3px;
	
}

    #footer p {margin: 2px;color:black;}

	#footer .smText{
		text-decoration:none;
		color:#000000;
	}

	#footer a:hover{
		text-decoration:underline;
		color:black;
	}
 #footer a:link, #footer a:visited {	color:black;}
 
#ourFriends a img{border:1px solid #808080;}

#pageTitleBottom {border-top: 2px solid #CCCCCC;
				color: #666666;
				background-color: #FFFFFF;
				font-size: 12px;
				text-align: right;
				padding-top: 2px}




/***************************************************************************************************/

/* Some extra styles for items like info boxes etc */

div.address p {margin-top:2px; margin-bottom:2px}

.didYouKnow {width:80%;background-position:5px 5px; background-image: url(/graphics/layout/icons/questionmark.jpg);background-repeat:no-repeat;border:1px solid black;margin:5px auto;background-color:#FFFDD5;padding:10px;}
.didYouKnow h2{margin:10px 0 20px 55px}
.notebox {padding: 5px; border: 1px solid #990000; background-color:#F2E5E5;
			 margin: 5px 0 5px 0}

.notebox2 {padding: 5px; border: 1px solid #FFCC66; background-color:#FFFFCC;
			 margin: 5px 0 5px 0}


/* Miscellaneous */

.left{
margin:5px 5px 5px 0;
float:left;
}



.right{
margin:10px 0 5px 10px;
float:right;
}

.textright{
text-align:right;
}

.center{
text-align:center;
}
.image100 {float:left;margin:5px;}
.image113 {float:left;margin:10px;}
.clickHere a {font-size:17px;font-weight:bold;clear:both;display:block;text-align:center;}
.small{
font-size:0.8em;
}

.bold{
font-weight:bold;
}
.indentedContainer p {margin: 10px 40px 10px 40px;line-height:190%;}
.indentedContainer ul {margin: 10px 50px 10px 40px;width:80%;}
.indentedParagraph {
margin: 10px 40px 10px 40px;

}
.smallInput input { font-size:10px;}

.hide{
display:none;
}   

.blueline {
height: 1px;
background-color: #024E87;
}
/*TEXT STYLES8/
/* links */


a {text-decoration:none}
a:link, a:visited {color: #7C0000; text-decoration: none}
a:active, a:hover {color: #7C0000; text-decoration: underline}

.blueLink:visited, .blueLink:link {text-decoration:underline;color:#0000FF;}

a img {border:0px}

.peripheryLink a{
color:#898989;
}

/* text */

p {line-height:150%;margin:12px 0}
p.underHeader {margin-top:0px;}

	/*Alternate Headings that are more  friendly */
	H5 {font-family: Trebuchet MS,Verdana; font-size:12px; font-weight: bold}
	H4 {font-family: Trebuchet MS,Verdana; font-size:14px; font-weight: bold}
	H3 {font-family: Trebuchet MS,Verdana; font-size:16px; font-weight: bold}
	H2 {font-family: Trebuchet MS,Verdana; font-size:18px; font-weight: bold}
	H1 {font-family: Trebuchet MS,Verdana; font-size:22px; font-weight: bold}
	
	
	h3.blueInverse {background-color:#25256B;color:#FFFFFF;padding:5px 5px 5px 20px;}

	.alternateRow td{background-color:#E0EEEF;}
	
	/*and colours*/
	.red {color:#7C0000}
	.blue, .blue a {color:#00007C}
	.offblue {color: #024E87}
	.important {color:#FF0000}
	
	.nomargin {
	margin:0;
	}

	
	.pageNav {text-align:right;}
	.pageNav .perPage {float:left;}
	
	/*speech bubbles*/
	#speechPages {display:none;top:250px;left:500px;background-image:url(/graphics/speech/speech_pages.gif);background-repeat:no-repeat;width:219px;height:76px;position:absolute;}
	.speechBubbleUp {position:absolute;background-image:url(/graphics/speech/speech.gif);background-repeat:no-repeat;text-align:left;width:219px;height:76px;padding:17px 7px 7px 7px;}
	.speechBubbleUp h1 {color:#1B0D0D;font-size:12pt;margin:0px;}
	.speechBubbleUp p {margin:0px}

	/* Headings */
	p.mainHeading {font-family: Arial, Helvetica, sans-serif; font-size:16px; font-weight:bold; margin:2px}
	p.mainHeadingRed {font-family: Arial, Helvetica, sans-serif; font-size:16px; font-weight:bold; color: #7C0000; margin:2px}
	p.mainHeadingBlue {font-family: Arial, Helvetica, sans-serif; font-size:16px; font-weight:bold; color: #00007C; margin:2px}

	p.subHeading {font-family: Arial, Helvetica, sans-serif; font-size:14px; font-weight:bold; margin:2px}
	p.subHeadingRed {font-family: Arial, Helvetica, sans-serif; font-size:14px; font-weight:bold; color:#7C0000; margin:2px}
	p.subHeadingBlue {font-family: Arial, Helvetica, sans-serif; font-weight:bold; color:#00007C; margin:2px}

	p.heading {font-family: Arial, Helvetica, sans-serif; font-weight: bold}

.smallPrint {font-size: 9px; margin-top:4px; margin-bottom:4px}
p.copyright {font-size: 9px; color:#999999}


.notice {background-color:#FFFF99;
		 padding: 2px;
		 border: 1px dashed #000000;
		 margin: 5px 0 5px 0}


.error {color: #FF0000; padding:5px; border:1px solid #FF0000}



.infoBox {
	position:relative;
    padding: .5em .5em .5em 2.5em;
    border: 1px solid #888;
	border-radius:10px;
	moz-border-radius:10px;
    color: #2e2e2e;
	margin:8px;
	background: #fff9ca;}
.infoBox  h1 {font-size:12pt;margin:2px;}

.infoBoxPlain {
	position:relative;
    padding: .5em .5em .5em 2.5em;
    border: 1px solid #888;
	border-radius:10px;
	moz-border-radius:10px;
    color: #2e2e2e;
	margin:8px;
	background: #ffffff;}
.infoBox  h1 {font-size:12pt;margin:2px;}

.infoBoxIndex {
	position:relative;
    border: 1px solid #888;
	border-radius:10px;
	moz-border-radius:10px;
    color: #2e2e2e;
	margin:8px;}
.infoBoxIndex  h1 {font-size:12pt;margin:2px;}

.alert {
    background: #fff9ca url(/graphics/layout/icons/alert18.gif) no-repeat .5em .3em;
    padding: .5em .5em .5em 2.5em;
    border: 1px solid #888;
    color: #2e2e2e;
	margin:8px;
}
.question {
    background: #fff9ca url(/graphics/layout/icons/question.png) no-repeat .7em .5em;
    padding: .5em .5em .5em 5em;
    border: 1px solid #888;
    color: #2e2e2e;
	margin:8px;
}
.alert a, .info a, .infoBox a {text-decoration:underline;color:#0000FF;}
.alert  h1 {font-size:12pt;margin:2px;}
.info h1 {font-size:12pt;margin:10px 0px;}
.info {
    background: #fff9ca url(/graphics/layout/icons/info.gif) no-repeat 10px 10px;
    padding: .0em .5em .5em 4em;
    border: 1px solid #888;
	margin:8px;
    color: #2e2e2e;
}
.info2 {
    background: #fff9ca url(/graphics/layout/icons/alert18.gif) no-repeat 10px 10px;
    padding: .0em .5em .5em 4em;
    border: 1px solid #888;
	margin:8px;
    color: #2e2e2e;
}

.info3{
	position:relative;
    padding: .5em .5em .5em 2.5em;
    border: 1px solid #888;
	border-radius:10px;
	moz-border-radius:10px;
    color: #2e2e2e;
	margin:8px;
	background: #fff9ca;}
	
.info4 {
    background: #fff9ca url(/graphics/layout/icons/info.gif) no-repeat 10px 10px;
    padding: .0em .5em .5em 4em;
    border: 1px solid #888;
    border-radius:10px;
	moz-border-radius:10px;
	margin:8px;
    color: #2e2e2e;
}
	
.error {color:#FF0000}

p.lastupdated {font-family:Verdana, Arial, Helvetica, sans-serif; 
				  font-size: 9px;
				  font-weight:normal;
				  text-align: right;
				  margin-top:20px} /*sometimes used on pages to indicate how recent to content is */

/* lists */
.redTick li {margin-bottom:10px;list-style-image: url(/graphics/layout/icons/tick_red.gif);}

ul {color: #000000}
ol {color: #000000}

/* IE has a bug when you set tyep height in em's in lists, and ignores what you say
   making each level successively smaller until you cannot read it. Specifying in pixels works */
ul li {font-size:11px; line-height:175%;margin-bottom:10px;}
ul.squashed li {font-size:11px; line-height:100%;margin-bottom:10px;}
ol li {font-size:11px; line-height:175%;margin-bottom:10px;}

.smText li {font-size:11px;}
.lgText li{font-size:12px;}

/* blocks */

  /* Red header bars for braking up text */
  div.headerBar {background-color:#7C0000; padding: 3px; width: auto}
  div.headerBar p {color: #FFFFFF; margin:0px; font-weight:bold}

  
  
  
/*AF START*/
#container {margin: 0 auto;width:990px;padding:0 0px;background-color:#FFFFFF;border-left:1px solid #B4B4B4;border-right:1px solid #B4B4B4;position:relative;}

#headerImg {float:right;}

#leftCol{float:left;width:755px;padding:0 0 0 8px;position:relative;}

#fullWide #rightCol {display:none;}
#fullWide #leftCol {width:982px;}

#rightCol {
width:220px;
padding: 0 2px 0 0;
float:right;
}
#rightCol a{color:black;text-decoration:underline;}
#rightCol img {margin:0 0 5px 0}
.clearDiv{clear:both;}
.divider {border-top:1px solid #B4B4B4;margin-bottom:5px;margin-top:5px;}

/*POLL*/
.pollContainer {font-size:7pt;padding:1px;margin-bottom:5px;position:relative;height:24px;text-align:right;background-repeat:no-repeat;background-image: url(/graphics/layout/poll/pollContainer.gif);}
.pollInnerContainer {width:173px;}
.pollBar {float:left;height:22px;text-align:right;background-repeat:no-repeat;background-image: url(/graphics/layout/poll/pollBar.gif)}

/* BOXES*/
/*###################################################################################*/
.BoxTop {
background-image:url(/graphics/layout/box/top.gif);
background-repeat:no-repeat;
height:8px;width:213px;
margin:0px;padding:0px;
overflow:hidden;	
}
.BoxMiddle{
background-image:url(/graphics/layout/box/bg.gif);
background-repeat:repeat-x;
background-position:bottom;
background-color:#EDEEED;
padding:6px;line-height:150%;font-size:8pt;
border-right:1px solid #B4B4B4;
border-left:1px solid #B4B4B4;
border-top:0px;
width:198px;
overflow:hidden;
}
.BoxBottom{
background-image:url(/graphics/layout/box/bottom.gif);
background-repeat:no-repeat;
height:11px;
overflow:hidden;
margin:0 0 10px 0;
width:211px;}

.renewalButton {
width:146px;height:29px;background-image: url(/graphics/layout/buttons/renewal_options.gif);display:block;
}
.hoverButton:hover{background-position:bottom;}
.hoverButton {}

.BoxMiddle h3{text-align:center;margin-top:-5px;position:static; }
.BoxMiddle p{margin-top:-5px;position:static; }
.BoxMiddle img div{margin-top:-5px;position:static; }
/* BOX MIDDLE 240 ###########################################################*/
.BoxTop240 {
background-image:url(/graphics/layout/box/box240Tp.gif);
background-repeat:no-repeat;
height:9px;width:240px;
margin:0px;padding:0px;
overflow:hidden;
}

.BoxBottom240{
background-image:url(/graphics/layout/box/box240Bt.gif);
background-repeat:no-repeat;
height:9px;
overflow:hidden;
margin:0 0 10px 0;
width:240px;}

.BoxMiddle240{
border-left:1px solid #b4b4b4;
border-right:1px solid #b4b4b4;
background-color:#EDEDED;
width:238px;
overflow:hidden;}

.BoxMiddle240 h3{text-align:center;top:-8px;position:relative; }
.BoxMiddle240 p{top:-10px;position:relative; }
.BoxMiddle240 img{top:-10px;position:relative; }
/*END BOX MIDDLE 240 ###########################################################*/

/* BOX MIDDLE 240 WHITE ###########################################################*/
.BoxTop240White {
background-image:url(/graphics/layout/box/box240WhiteTp.gif);
background-repeat:no-repeat;
height:9px;width:240px;
margin:0px;padding:0px;
overflow:hidden;
}

.BoxBottom240White{
background-image:url(/graphics/layout/box/box240WhiteBt.gif);
background-repeat:no-repeat;
height:9px;
overflow:hidden;
margin:0 0 10px 0;
width:240px;}

.BoxMiddle240White{
padding:5px;
border-left:1px solid #b4b4b4;
border-right:1px solid #b4b4b4;
background-color:#FFFFFF;
width:228px;
overflow:hidden;}

.recent {font-weight:bold;line-height:200%;font-size:10px;list-style-type:none;}
.recent ul li{list-style-type:none;margin-left:0;padding-left:0;}
.recent ul{left:-30px;position:relative;}
.recent li{list-style-image: url(/graphics/layout/li/recent_li.gif);}
.recent li div ul li{list-style-image: url(/graphics/site_map/li_site_map.gif);}

.tick li {list-style-image: url(/graphics/layout/icons/tick_red.gif);vertical-align:centre;}
.docs li {list-style-image: url(/graphics/document_centre/document.gif);vertical-align:bottom;margin-top:5px;}
.docs .word {list-style-image: url(/graphics/document_centre/word.gif);vertical-align:bottom;margin-top:5px;}
.BoxMiddle240White h3{text-align:center;top:-8px;position:relative; }
.BoxMiddle240White p{position:relative; }
.BoxMiddle240White img{position:relative; }
/*END BOX MIDDLE 240 ###########################################################*/




/*tables*/

.lightBorder td {border:1px solid #D9D9D9;}
.lightBorder  th {border:0px;}
.lightBorder {border-collapse:collapse;color:#595959;}


/*ROLAND #################################*/
.rolandInfo {position:relative;margin-bottom:10px;}
.rolandInfoText {position:absolute;top:120px;left:0px;margin:10px;width:215px;}

#toolTip{
	width:200px;
	position:absolute;
	visibility: hidden;
	overflow: hidden;
	font-weight: normal;
	color:#333;padding: 2px 2px 20px 20px;overflow:hidden;
	top:0;left:0;z-index:20;width:218px;height:122px;background-image:url(/graphics/layout/speech.gif);
}

#toolTip h1{
	display:block;
	font-size: 12px;
	font-weight: bold;
	margin:0px;
	padding:0px 2px;   
}

#toolTip p {
   margin:0px;
   padding:4px 2px;   
}

.box {
width:220px;padding:3px;font-size:8pt;margin:0 0 10px 0;
}
div.red {
background-image:url(/graphics/layout/box/redBg.gif);background-repeat:repeat-x;background-position:bottom;border:1px solid #C0464F;
}
div.blue {
background-image:url(/graphics/layout/box/blueBg.gif);background-repeat:repeat-x;background-position:bottom;border:1px solid #514F9C;
}
/*###################################################################################*/	
.footerTitle {text-align:right; color: #b4b4b4;}

.smText {font-size:8pt;}
.smDate {font-size:8pt;font-style:italic;text-align:right;margin:0px;padding:0px;font-weight:normal;}

#navbar {background-image:url(/graphics/layout/navbg.gif);background-repeat:repeat-x;height:27px;clear:both;padding:8px;position:relative;z-index:9;}

.floatLeft {float:left;}
.floatRight {float:right;}

.navTab {color:#ADC7A1;}
.navTab a:visited, .navTab a:link {font-weight:bold;color:#61615C;}
.navTab a:hover{text-decoration:none;color:#61615C;}
#pageTitle {padding:1px 1px 1px 5px;border-bottom:1px solid #B4B4B4;}
#pageHeader {height:161px;}


.threeCol {width:240px;float:left;margin:0 10px 0 0;line-height:150%;}
.threeColX2 {width:490px;float:left;margin:0 8px 0 0;line-height:150%;}
.threeCol h4{margin:0px 0px 6px 0px;}

/*banners*/
/* #topRight {height:121px;width:726px;float:right;background-image: url(/graphics/layout/header_bg_crimbo_08.jpg);} */
#topRight {height:114px;width:726px;float:right;background-image: url(/graphics/layout/header_bg1.gif);}

#topRight img{float:left;margin:12px 5px 0 0;width:234px;height:60px;border:1px solid white;}
#topRight object{float:left;margin:12px 8px 0 0;width:234px;height:60px;}
/*AF END*/

.newsImage {float:left;margin:10px 3px;border:1px solid black;width:100px;margin:15px 15px 35px 10px;}
.newsDiv {float:left;margin:10px 3px;width:100px;margin:15px 15px 35px 10px;}
.newsDiv img {border:1px solid black;}
.servicesImage {float:left;margin:3px;}
.postDate {font-style:italic;font-size:8pt;color:#b4b4b4;font-weight:normal}

#loginButton {text-align:center;}

#boxWhite {
border:1px solid #b4b4b4;
border-radius:10px;
	moz-border-radius:10px;
background-color:white; padding:3px;margin:8px
}
#boxRed{
border:1px solid #7C0000;
background-color:#E74D4D; padding:3px;margin:3px;
}

#boxYellow {
border:1px solid #7C0000;
background-color:#FFE6E6; padding:3px;margin:3px
}
#boxWhite h3, #boxYellow h3, #boxRed h3 {text-align:left;top:0;}

#joinButton {
background-image:url(/graphics/layout/buttons/joinRLA_bottom.jpg);background-position:bottom;background-repeat:no-repeat;width:211px;height:73px;margin:0px 0px 8px 0px;text-align:center;font-weight:bold;
}
#joinButton a {color:#FFFFFF}

#breadcrumb{clear:both;font-weight:bold;padding:5px 0;}

#searchBox {
font-size:8pt;font-weight:bold;
padding:5px;
border:1px solid #ADC7A1;
height:45px;
width:300px;
position:absolute;
right:30px;
top:31px;
background-image:url(/graphics/layout/box/bg.gif);
background-repeat:repeat-x;
background-position:bottom;
background-color:#EDEEED;
z-index:5000;
display:none; 
}

.highlight { background-color: #FFFF40!important;}

#searchBox input {
position:relative;
border:1px solid black;
}

.boxSection {
margin:10px;padding:10px;border:1px solid #bcbcbc;
}
.boxGeneric{
background-image:url(/graphics/layout/box/bg.gif);
background-repeat:repeat-x;
background-position:bottom;
background-color:#EDEEED;
padding:6px;line-height:150%;font-size:8pt;
border:1px solid #B4B4B4;
width:80%;
}
.boxFloat {margin:0 auto;width:80%}
.boxFull {width:100%}

.boxCenter {text-align:center;}
hr {color: #D1D1D1;width:80%;}

#pageSubHeader {
border-bottom:7px double #024E87;
background: url(/graphics/layout/page_header_bg.gif) repeat-x bottom; 
height:95px;
padding:10px;
}
#pageSubHeader img {float:left;position:relative;top:33px;}


.headerButton {float:right;margin:12px;}
/* set the image to use and establish the lower-right position */ .cssbox, .cssbox_body, .cssbox_head, .cssbox_head h2{ background: transparent url(/graphics/layout/box/img.php.png) no-repeat bottom right} .cssbox{ /* intended total box width - padding-right(next) */ width:490px !important; /* IE Win = width - padding */ width: 490px; /* the gap on the right edge of the image (not content padding) */ padding-right:15px; /* use to position the box */ margin:0px auto} /* set the top-right image */ .cssbox_head{background-position:top right; /* pull the right image over on top of border */ margin-right:-15px; /* right-image-gap + right-inside padding */ padding-right:40px} /* set the top-left image */ .cssbox_head h2{ background-position:top left; margin:0; /* reset main site styles*/ border:0; /* ditto */ /* padding-left = image gap + interior padding ... no padding-right */ padding:25px 0 0px 40px; height:auto !important; height:1%} /* IE Holly Hack */ /* set the lower-left corner image */ .cssbox_body{ background-position:bottom left; margin-right:25px; /* interior-padding right */ padding:1px 0 15px 40px} /* mirror .cssbox_head right/left */ 

#printHeader {
display:none;
position:absolute;top:0px;
width:278px;height:167px;
left:50%;
}


.popMessage {	
display:none;
left:50%;
margin-left:-300px;
position:absolute;
width:600px;
height:450px;
background-color:#FFFFFF;
border:1px solid #000000;
padding:8px;
z-index:1000;
}
.popMessage .close {position:absolute;right:0;top:0;padding:3px;font-weight:bold;}

form.indented input, form.indented textarea {margin-left:20px;}

/*####################################SOCIAL BAR####################################*/



#socialbar {
width:55px;
height: 220px;
color:#FFFFFF;
position:fixed;
top:395px;
margin-right: 20px;

}