﻿/* Hyperlink styling */

A:link
	{
		COLOR: #006633; FONT-SIZE: 10pt; FONT-FAMILY: Arial;
	}

A:visited
	{
		 COLOR: #006633; FONT-SIZE: 10pt; FONT-FAMILY: Arial;
	}

A:active
	{
		COLOR: #006633; FONT-SIZE: 10pt; FONT-FAMILY: Arial;
	}

A:hover
	{
		COLOR: #f0e2c0; FONT-SIZE: 10pt; FONT-FAMILY: Arial;
	}

.green { COLOR: #006633; FONT-SIZE: 10pt; FONT-FAMILY: Arial; }


body
{
  	width:778px;
  	margin-left: auto; margin-right: auto;
	text-align: center;
	height: 100%;
	Font-size: 10pt;
	Font-family: Arial;
}


/* Content Pages add margin */

.margin { margin-right: 15%; margin-left: 20%; text-align: justify; }
.marginsmall { margin-right: 15%; margin-left: 15%; text-align: justify; }
.marginwithpictures { margin-right: 5%; text-align: justify; }


/* Styling for tables */

table
	.tableimage td { padding-top: 10%; padding-bottom: 10%; text-align: center;}
	.tblsidehome1 { margin-left: 7%; margin-right: 10%; FONT-SIZE: 10pt; Font-family: Arial; }
	.tblsidehome1 td { padding-top: 15px; padding-bottom: 15px; text-align: center; }
	.tblsidehome2 { margin-left: 7%; margin-right: 10%; FONT-SIZE: 10pt; Font-family: Arial; text-align: justify; }
	#tblcontent { width: 778px; border: 5px; border-style: solid; border-color: #006633; } /* Master Page Content */
	#tblcontent td { valign: top; FONT-SIZE: 10pt; COLOR: #333333; FONT-FAMILY: Arial; }
	.split { FONT-SIZE: 10pt; Font-family: Arial; height:20px; width: 280; }
	.small { FONT-SIZE: 10pt; Font-family: Arial; height:20px; width: 535; }
	.normal { FONT-SIZE: 10pt; Font-family: Arial; height:20px; width: 570; }
	.tblsideevent { margin-right: 10px; FONT-SIZE: 10pt; Font-family: Arial; text-align: justify; }
	.smallimage { FONT-SIZE: 10pt; Font-family: Arial; height:20px; text-align: center;}  /* Used for Gallery Schools */


/* Styling for Events Table */

.Events { width: 170px; text-align: center;}




/* Styling for menu bars   */


ul#nav {
	list-style: none;
	padding: 0;
	margin: 0;
	background-color: Transparent;
	width: 778px;
	background-image: url(../../images/Master/menubarcolour.jpg);
	height: 30px;
}

ul#nav li a {
	display: block;
	color: #f0e2c0;
	text-decoration: none;
	border:0px;
	CURSOR: hand;
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	font-weight:normal;
	font-size:10pt;
	width:100%;
	height:100%;
}

ul#nav li a:hover{
	background:#000000;
	color:#f0e2c0;
	width:100%;
	height: 30px;
	}

ul#nav li {
	float: left;
	position: relative;
	width: 110px;
	text-align: center;

}

ul#nav li.current a{
	background:#000000;
	color:#f0e2c0;
	width:100%;
	height:30px;
	}


li ul {
	display: none;
	position:absolute;
	left: 0;
	top: 20px;
	font-weight: normal;
	margin-left:-1px;
	background-colour: Transparent;
}

ul#nav li ul.sub, ul#nav li.current ul.sub li a {
	background-image: url(../../images/Master/menubarcolour1.jpg);
	}

ul#nav li ul.sub li{
	border-width:0 1px 1px 1px;
	height: 38px;
	width: 145px;
	list-style: none;
	padding: 0px;
	margin: 0px;
	background-color: Transparent;
	text-align: center;
}

ul#nav li ul.sub li a{
	font-weight: normal;
	color: #f0e2c0;
	text-decoration: none;
	border:0px;
	CURSOR: hand;
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	font-size:10pt;
	height: 38px;
}

ul#nav li ul.sub li a:hover{
	background:#000000;
	color:#f0e2c0;
	width:100%;
	height:38px;
	}

li>ul {
	top: auto;
	left: auto;

}

li:hover ul, li.over ul {
	display: block;
}