/* CSS Document */
/* items are listed in alphabetical order except li which is listed after ul */

a   /* what unclicked links look like when they're sitting in text without the cursor hovering over them */
	{
	color:#0066DD;
	text-decoration:underline;
	}

a:hover /* what links look like when they're sitting in text and the cursor is hovering over them */
	 {
	color:#0066DD;
	text-decoration: underline; /* underline, to emphasise it's a link (for colorblind people) */
	}

a:visited   /* what already-clicked links look like when they're sitting in text without the cursor hovering over them */
	{
	color:#0066DD; 
	text-decoration:none; /* no underline, to distinguish them from unvisited links */
	}

body /* set default font type and color */
	{
	font-family: Arial, Helvetica, Verdana,  Geneva,  sans-serif; /* Fonts from this list are tried in order */
	font-size: medium; /* set at medium font size for people with poor eyesight */
	color:#333333; /* default font color is very dark grey */
	background-color:#999999;  /*sets background color for the page (is over-ridden by #container and #masthead tags nested within it) */
	}

.box1 /* highlight text in a box with with a  border  */
	{
	border:2px solid #00CCFF;
	padding:10px; /*was 10px */
	font-size:90%; /*was 90%*/
	}

.box2 /* highlight text in a box with with a  border  */
	{
	border:2px solid #666666;
	padding:10px;
	font-size:90%;
	}
	
.box3 /* highlight text in a box with with a  border  */
	{
	border:2px solid #00CCFF;
	padding:10px;
	font-size:90%;
	}
						
#container /* set dimensions for the area where the main white area containing the text will display. See also masthead */
	{
	background-color:#FFFFFF;
	margin-left:20px;
	margin-right:20px;
	min-width:270px; /*was 270 - changing it to see if it made size bigger*/
	}

.emphasis /* use with span tag to emphasise a word or phrase that's not a heading */
	{
	font-weight:bold;
	}

#footer /* format for footer; smaller text, delineated */
	{
	clear:both;
	text-align:center;
	font-size:80%;
	color:#666666;
	background-color:#FFFFFF; 
	padding:3px;
	border-top: 1px solid #666666;
	}	
	
h1 /* use for the page title only */
	{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 130%;
	font-weight: bold;
	color:#003333;
	margin:15px 5px 15px 5px;
	}

h2 /* use for main headings within the main content */
	{
	font-size: 100%; /*was 110%*/
	font-weight: bold;
	color:#333333;
	padding-left:5px;
	padding-bottom:0px;
	margin:20px 0px 0px 0px;
	}

h3 /* use for sub-subheadings within the main content */
	{
	font-size: 110%;  /*was 110%*/
	font-weight: bold;
	color:#666666;
	margin-bottom:0px;
	margin-top:0px;
	margin-left:5px;
	margin-right:5px;
	}

.italic /* use, e.g. with span tag, to make text italic */
	{
	font-style:italic;
	}
	
#maincontent /* use for the maincontent in a three-column layout */
	{
	vertical-align:top;
	float:left;
	position:relative;
	padding:5px 5px 5px 5px;;
	margin:0px -1px;
	width:49%;  /*was 49% */
	min-width:250px; /* was 250 - trying to make it bigger */
	}

#maincontent2 /* use for the maincontent in a 2 column layout */
	{
	vertical-align:top;
	float:left;
	position:relative;
	padding:5px 5px 5px 5px;;
	margin:0px -1px;
	width:69%;   /* was 69%, but trying to make smaller */
	min-width:250px;
	}

#masthead /* Sets background color, borders etc for the masthead. See also container  */
	{
	background-color:#00CCFF;
	color:#FFFFFF;
	font-family: Papyrus, Sand, Comic Sans MS, Verdana;
	font-size:200%;
	margin-left:20px;
	margin-right:20px;
	min-width:760px;
	min-height:60px;
	padding: 10px 20px 10px 20px;
	}
	
#menubar /* format the area containing the navigation menu (also see .nav) */
	{
	float:left;
	margin:10px 2px 2px 2px;  /* was 10,2,2,2 */
	width:25%; /* was 25% */
	min-width:150px; /*was 180*/
	}

#menubar a /* format for hyperlinks within the navigation menu area  */
	{
	color:#FFFFFF; 
	text-decoration: none; 
 	}

#menubar a:hover /* format for hyperlinks within the navigation menu area when the cursor is hovering over them  */
	{
	color:#FFFFFF;
	text-decoration:underline;
 	}

#menubar a:active /* format for hyperlinks within the navigation menu area when the cursor is clicking on them  */
	{
	text-decoration:none; 
 	}

.nav  /* use with ul tag to define format for main navigation menu within the navigation area set by #menubar */
 	{
	font-size:90%; /*was105%*/
	line-height:100%;  /*was 130%*/
	list-style-type:none;
	margin:5px; /*was5*/
	padding:5px 15px 15px 5px;
	}

.nav li  /* Format for indidividual list items within the .nav list of menu options. Change the display option to inline if menu is along the top rather than down the lefthand side. See also #thispage */
	{
	background-color:#666666;
	padding: 2px 15px 1px 15px;
	border: 2px solid #666666;
	}

p /* default format for paragraphs (overridden by p formats set within other tags) */
	{
	margin:10px 5px 5px 5px;
	}

.photo
	{
	border:none;
	margin: 5px 5px 5px 5px;
	}

.photo_left /* for images you want on the left-hand side; note, no dimension information contained here - need to set that in the page itself */
	{
	float:left;
	border:none;
	margin: 5px 5px 5px 5px;
	}

.photo_masthead /* for masthead images */
	{
	border:none;
	float:left;
	padding-right: 20px;
	}

#rhcolumn
	{
	float:right;
	width:18%; /* original was 20% */ 
	padding:5px 10px 10px 10px;
	margin:15px 5px 10px 5px;
	font-size:93%;
	}
	
.skip_this_img /* use with images giving instructions for text readers in the alt tag */
	{
	border:0px;
	}

td
	{
	padding:2px 2px 2px 2px; /*was 2,10,2,10*/
	min-width:200px; 
	width:300px; /*was 250 */
	vertical-align:top;
	}

#this_page  /* highlight which page in a menu we are currently on (see also .nav li) */
	{
	color:#0033CC; 
	background-color:#FFFFFF;
	border:2px solid #00CCFF;
	}

#this_page a /* format hyperlinks within the menu item we are curently on */
	{
	color:#0066DD;
	text-decoration: none;
	}
	
#this_page a:active
	{
	color:#0066DD;
	text-decoration:underline;
	}

#this_page a:hover
	{
	color:#0066DD;
	text-decoration:underline;
	}

#this_page a:visited
	{
	color:#0066DD;
	}

ul /* default formatting for bulleted, unordered lists */
	{
	list-style-type:disc;
	margin:0px 0px 0px 5px;
	}

li /* default formatting within bulleted, unordered lists */
	{
	margin-left:5px;
	margin-bottom:5px;
	}