/* --------------------------------------------------
CSS For Modes pages ONLY of The Beacon site 06
-------------------------------------------------- */

body 
{font-family: Arial, Helvetica, sans-serif; font-size: 82%;font-style: normal; margin:0 0 15px 0;padding:0; color:#000;
background-color:#2299DD; background-image:  url("./graphics/base-background.jpg"); 
background-repeat :repeat-x; background-position: center top;}
				
html>body 
{font-size: 82%;}


/* CONTAINER AND HOLDERS */

#container 
{width: 740px; margin: 0 20;line-height: 1.5em; padding:0; background-color: transparent;}
		
#holder
{width: 780px; margin: 0 auto;color: transparent; padding:0; 
background-image: url("./graphics/base-contentback-061m.jpg");
background-repeat:repeat-y;background-position: center top; background-color:transparent;}
		
#innerholder 
{width: 780px;margin: 0 auto; color: #000; padding:0; 
background-image: url("./graphics/base-btmcontent-0610.jpg"); 
background-repeat:no-repeat;background-position: center bottom; background-color:transparent;}
		
.top-block
{width:780px;margin:0 auto;padding:0;background-image: url("./graphics/base-topback-06.jpg");
background-repeat:no-repeat; background-position: center top; background-color:transparent; }
			
#top
{height:35px; margin:0;padding:0;background-color:transparent;}		

.homelink
{text-align:left; padding:0 0 0 6px; margin:0;background-color:#fff; vertical-align:top}

.latestboxholder
{float:right;width:265px;height:34px;background-color:#faf7ed;
border:1px solid #dbcda4;padding:0;margin:0 0 4px 0}
		
		

h1 
{font-family: Arial, Helvetica, Verdana, sans-serif;font-weight: bold;font-size:150%;
color:#333; letter-spacing:0px; margin:0; padding:5px 0 0 0;background-color: #fff;}
		
h2 
{color: #333;font-size: 130%;font-family: Arial, Helvetica, sans-serif;
background-color:none; font-weight:bold;padding:0;margin:8px 0;}

h3 
{color: #333;font-size: 118%;font-family: Arial, Helvetica, sans-serif;
background-color:none; font-weight:bold;padding:0;margin:8px 0;}
		
p {margin:4px 0;padding:0}
		
a {color:#930;text-decoration: underline;}
a:hover {color:#C00;text-decoration:none;}

th {text-align:left;}

.clear {clear:both;}
		
/* HEADER ELEMENTS */

#header {border: none; clear: both; width:740px; padding-top :34px; 
background-color:transparent; background-image: url("./graphics/header-btm.gif");
background-repeat:repeat-x; background-position: center bottom;
background-color:transparent;margin:0 0 0 20px;}
/* RSL added the 0 0 0 20px margin */
		
#subheader 
{height:28px; background-color:transparent; margin:0 0 0 20px; padding:0; border-top:4px solid #fff;}
/* RSL added the 0 0 0 20px margin */
		
.title {margin:0 0 0 10px;padding:0;}
/*RSL the margin 10 positions the title text but not its background*/


		
/* CONTENT ELEMENTS */

#content {margin:10px 10px 2px 28px;}
/*RSL the final figure here budges the left margin for the body text*/
		
#content p {padding-bottom: 10px; margin:0;}


/* FOOTER ELEMENTS */

#footer 
{margin:40px 10px 5px 28px;text-align:left; color:#000; border:none;clear: both; height:170px;
background-color:transparent;padding: 0px;}
/*RSL the margin 28px sets the left margin in the footer block*/
		
.footercontent 
{ margin:0; background-color:transparent;padding: 0px;text-align:left; color:#000; border:none;}
		
#footer p {color:#000;padding:0;margin:0;background-color:transparent;}
		
#footer p a {color: #c00;padding:0;margin:0;text-decoration:none}
		
#footer p a:hover {color: #369; padding:0;margin:0; border-bottom: 1px dotted #000;text-decoration:none}
		
		/* End. */