/* RLO Styles */
/* Last updated 2/8/04 by Fred Riley */

/* HTML styles */

body	{
		font-family: Arial, Helvetica, sans-serif;
		font-size: 0.9em;
		background: #fff;
		color: #000;
		}
		
h1	{
	font-size: 1.1em;
	}

h2	{
	font-size: 1em;
	}
	
h3	{
	font-size: 0.9em;
	}
	
/* Prevent underlining of hyperlinks in normal display... */
a	{text-decoration: none;}
	
/* ...but set to display underlines when mouse moves over link */
a:hover	{text-decoration: underline; }

/* Smaller text for Prev, Next, etc */
.navtext	{ font-size: 90%; }
	
/* Only used for notes for developers in RLO templates */
.devnotes
	{
	font-weight: bold;
	color: red;
	}	


/* Notes prefixed with NB: to display as centred text in a light yellow box for added emphasis. */
.notabene	{
			border: 2px solid #000;
			text-align: center;
			padding: 3px;
			background-color: #ffff66;
			}

/* ------------ */
/* CSS-P styles */
/* ------------ */

/* Whole page container, sets up page border and margins */
#container {
	border: 1px solid gray;
	margin: 5px;
	margin-left: auto;
	margin-right: auto;
	padding: 10px;
}

/* Page banner */
#pageheader p	{
				text-align: right;
				vertical-align: bottom;
				font-size: large;
				margin: 0px;
				padding: 0px;
				}

/* Dividing lines above footer and below page header*/			
#divider	{
			width: 100%;
			height: 0px;
			padding: 0px;
			margin: 0px;
			border-bottom: 2px solid #cccccc; 
			border-top: 6px solid #0099cc;
			}
			
#divider p	{
			line-height: 0;
			}


/* RLO title with blue background image */				
#barheader {
				padding: 0 0 0 18px;
				background:  url("images/left.png") no-repeat left center;
}

#barheader h1 {
				padding: 0 18px 0 0; /* the rounded edge is 18px wide */
				background:  url("images/right.png") no-repeat right center;
				font-family: Arial, Helvetica, sans-serif;
				}		

/* Movie layer */
#mediabox {
	padding: 5px;
	margin-left: 40%;
	background-color: #d9ecff;
	text-align: center;
}

/* RLO text */
#textbox {
	float: left;
	width: 40%;
	\width: 40%;
	w\idth: 40%;
	padding: 5px;
	background-color: #ffffff;
}
		
#textbox p	{
			margin-left: 15px;
			}

/* Page number navigation buttons */			
#pagenav p	{
			margin-left: 15px;
			padding: 5px;
			/* force layer beneath textbox */
			clear: both;
			}


#footer {
		padding: 5px;
		margin-top: 5px;
		}
		
#footer p	{
			padding: 0px;
			margin: 0px;
			font-size: small;
			}
		
#footerlogo	{ 
			float: right;
			text-align: right;
			}
			

/* PAGE TABS */

/* The page 'tabs' are in fact unordered list items, modified by the ul styles below to display horizontally
   with borders and fill colours, and without bullet characters. The method for this is taken from A List Apart
   article at http://alistapart.com/articles/taminglists/
*/

/* Set up tab block with bottom border */
#tabs {
	padding: 5px;
	border-bottom: 1px solid #000;
	margin-bottom: 25px;
	}
	
#tabs ul {
	margin-left: 0;
	padding-left: 0;
    display: inline;
	}
			
#tabs ul li {
	margin-left: 5px;
	margin-bottom: 0;
	border: 1px solid #000;
	list-style: none;
	/* inline display critical for forcing tabs to display horizontally */
	display: inline;
	background-color: #99ccff;
	padding: 2px 15px 5px;
	}
	

/* Class for current page tab to display as white */	
#tabs ul li.here {
	border-bottom: 1px solid #fff;
	background-color: #fff;
	padding: 2px 15px 5px;	
	list-style: none;
	display: inline;
	}

/* In case there are so many tabs that another row is needed. The P is inserted between list items. */
#tabs p { 
		margin: 0;
		padding: 0;
		height: 4px;
		background-color: #fff;
		}
		
/* Taken from camstyle.css for the resources page until a template is available in the new style. */
.summarytext{
	color: #000000;
	font-family: Arial, Helvetica, sans-serif;
	text-align: left;
	font-size: 80%;
	vertical-align: top;
	border-top: 1px dashed #DCDCDC;
 	background-color: #F2F9FF;
	}
	
/* Taken from camstyle.css for the resources page until a template is available in the new style. */
.summaryrightalign{
	border-top: 1px dashed #DCDCDC;
	color: #000000; 
	font-family: Arial, Helvetica, sans-serif;
	padding-right: 5px;
	text-align: right;
	font-size: 80%;
	vertical-align: top;
	font-style: italic;
	font-weight: normal;
	}