/* see end for specials eg logos, background */


/*=====================*/
/* Colours and borders */
/*=====================*/

body
{
	color:#000;
	background-color:#fff;
}

#Main
{
	border:10px solid #fff; background-color:#fff;
}

#Banner, #Banner a
{
	color:#fff !important;
	background-color:#090088 !important;
}

#Banner a:hover
{
	background-color:#fff !important;
	color:#090088 !important;
}

li a, p a, #Breadcrumb a
{
	color:#090088;
}

li a:hover, p a:hover, .ItemH3, #NewsHead, #LeftCol a:hover, .LowerLevel a:hover, #Breadcrumb a:hover
{
	color:#fff;
	background-color:#090088 !important;	
}

#Breadcrumb
{
	color:#000;
	background-color:#eee;
	border-top:10px solid #fff;
	border-bottom: 5px solid #fff;
}

.PageH2
{
	color:#000;
}

h4
{
	background-color:#eee;
}

#NewsBox
{
	background-color:#f0f0f0;
}

#NewsItems li
{
	border-style: solid;
	border-width: 3px 0 1px 0;
	border-color: #fff;
}

#LeftCol li a
{
	border-bottom: 1px solid #090088;
	background-color: #fff;			/*was #f0f0f0 */
}

#CurrentPage
{
	background-color: #000;
}

.LowerLevel
{
	background-color: #fff !important;
}

.EditLinkItem	{ color: #f00; }
#ErrorText	{ color:#f00; }



/*================================*/
/* fonts, text-align, list styles */
/*================================*/

body		{ font-size:80%; font-family:sans-serif; }

#LeftCol	{ text-align:left; font-size:90%; }
#CentreCol	{ text-align:left; line-height:1.4em; }
#RightCol	{ text-align:left; font-size:90%; }

a		{ font-weight:bold; text-decoration:none; }
#CentreCol a, #Banner a	{ text-decoration:underline;}

#Breadcrumb	{ text-align:left; font-size:90%}
.PageH2		{ font-size: 150%; }
.ItemH3		{ font-size: 100%; }
h4		{ font-size: 100%; }
pre		{ font-size: 110%; }


#CentreCol strong	{ font-size: 100%; font-weight: normal; font-style: italic; }

#LogInBox       { text-align:right; }

#NewsHead	{ text-align:center; font-size: 120%; font-weight: bold; }

#Banner ul	{ list-style: none; }

#NewsItems ul	{ list-style: none; }

#LeftCol ul	{ list-style: none; }

#CurrentPage	{ font-weight:bold; color: #fff; }


.Submitted	{ text-align:right; font-style:italic; font-family:Serif; }
.Links		{ list-style-type:none; }
form.LogIn	{ text-align:center; }
.FormRadio	{ font-size: 90%; }
.FormLabel	{ text-align:right;}
textarea	{ font-family:Verdana,Arial,Helvetica,sans-serif; text-align:left; font-size: 100%; }
#ErrorText	{ font-size:150%; }

/*===================*/
/* sizes and margins */
/*===================*/

#Main		{ padding:0 0 10px 0; margin-left:auto; margin-right:auto; max-width: 780px; 
		  width:expression(document.body.clientWidth > 780? "780px": "100%" ); }
#Banner		{ width:100%; height:72px; margin:0; } /* to match dolphin logo height - clash with text resize ? */
#LeftBanner	{ height: 72px; width:27em; padding: 0.1em; margin: 0; }
#RightBannerNav1	{ width:auto; }
#RightBannerNav2	{ width:auto; }
#LeftCol	{ width: 15em; padding: 0; margin: 0; }
#CentreCol	{ margin-right: 12.5em; margin-left:15.5em; padding: 0 15px 0 2px; }

/* Holly Hack for ie peekaboo bug - hides from IE-mac \*/

* html .#CentreCol {height: 1%;}
/* End hide from IE-mac */


}
h1,p		{ margin:0 0 5px 0; padding: 0 0 5px 0;}
a		{ padding: 2px; margin: 2px;}
#Breadcrumb	{ margin: 0; padding: 5px; }
.PageH2		{ margin: 6px 0 6px 0; padding:6px 0 6px 0; }
.ItemH3		{ padding: 2px; margin: 20px 0 0 0; }
h4		{ padding: 2px; margin: 5px 0 5px 0; }
#CentreCol strong	{ padding: 2px; }
.NavTree	{ margin-bottom:5px; }
.Button		{ margin-top: 2px; }
#LogInBox       { margin: 0 4px 0 4px; }

#RightCol	{ padding-bottom:3px; margin-bottom: 5px; margin-left: 10px; }
#NewsBox	{ margin: 5px 0 0 0; padding: 0; }
#NewsHead	{ margin: 0; }
#NewsItems ul	{ width:12em; padding: 0; margin: 0; }		/* width moved here from #RightCol for Opera and FF */
#NewsItems li	{ margin: 0; padding: 0; }

#Banner ul	{ padding: 0; margin: 0; }

#LeftCol ul	{ padding: 0;	margin: 0; }
#LeftCol li	{ margin: 2px 0 0 0; padding: 0; }
#LeftCol li a, #CurrentPage 	{ margin: 0; width:auto; height: 1.1em; }
#CurrentPage	{height: 1.3em; padding-left: 1em; }
.LowerLevel	{ padding-left:2em ; }
.CurrentLevel	{ padding-left:1em; }
#EditForm	{ width:90%; }
.FormRow	{ width:95%; }
.FormRowBreak	{ width:95%; margin-top: 7px; padding-top:7px;}
.FormLabel	{ width:20%; }
.FormInput	{ width: 79%; }
#ErrorText	{ margin:2px; padding:2px; }

#CentreCol ul	{ margin-top: 0; padding-top: 0; margin-bottom: 3px; padding-bottom: 3px;}
#CentreCol li a, #CentreCol li {margin-left: 2px; padding:2px; }


/*==========*/
/* position */
/*==========*/

#Banner		{ position:relative; }
#LeftBanner	{ overflow:hidden; }
/* #RightBannerNav1	{ position:absolute; top: 0; right: 0; } */ /* not used - watch placement re 2 below */
#RightBannerNav2	{ position:absolute; bottom: 2px; right: 0; }
#LeftCol	{ float:left; left:2px; }
#RightCol	{ float:right; right:10px; z-index: 2; }

#LogInBox       { position:absolute; top: 2em; right: 0; }

#NewsHead	{ display:block; }

#Banner li	{ display: inline; }

#NewsItems li a	{ display: block; }

#LeftCol li a, #CurrentPage 	{ display: block; }

#EditForm	{ left:3px; }
.FormRow	{ clear:both; }
.FormRowBreak	{ clear:both; }
.FormLabel	{ float:left; }
.FormInput	{ float:right; }


/*========*/
/* images */
/*========*/

.Thumbs		{ width:100%; text-align:center; margin-bottom:10px; margin-top:10px; padding:0;}
.Thumbnail	{ float:left; height: 210px; width: 170px; margin:2px; background-color:#eee; }
.Thumbnail img	{ border:none; margin-top:5px; }

#Sponsors	{ text-align:center; font-size: 90%; color:#777; margin: 40px auto 20px auto; width: 390px; padding:2px; border:1px solid #ddd; }

.EmbeddedImage	{ float:right; width:auto; padding:10px; }

/* ============================================= */
/* Specials eg logos and (background) images etc */
/* ============================================= */

#LogoContainer	{ width:210px; height: 72px; background-color: #fff; }
#Logo1		{ text-align:left; color:#cc292e; font-family:times, serif; font-size: 180%; font-weight: normal; }
#Logo2		{ text-align:left; color:#343e96; font-family:times, serif;font-size: 320%; font-weight: normal; margin: -0.4em 0 -0.1em;}
#Logo3		{ text-align:left; position:absolute; left: 13em; top: 1.3em; color:#222; font-family:times, serif; font-size: 75%; font-weight: normal; }

#Banner hr	{ position:absolute; left:350px; top:0; color: #fff; height:27px; width:430px;
		  border:0; background-color:#fff; margin:0; }
#Dolphin	{ position:absolute; left:210px; top:0; float:left; }