/*
	Standard colours used:
		GAA Logo Dark: #008A58
		GAA Logo Light: #B0E0E0
		Brochure Blue: #9090E0
		Pastel Green: #EAFAFA
*/

/*
Navigator 4 and IE 4 and 5 don't inherit font properties (amongst others) into tables - hence this fix
*/
body, td, th
{
	font-family: Verdana, Arial, sans-serif;
	font-size: 13px;
}

body
{
	text-align: center;
	background-image: url(sc-pcb.gif);
}

#frame
{
	border: 1px solid black;
	margin-left: auto;
	margin-right: auto;
	background-color: #EAFAFA;
	width: 750px;
	text-align: left;
}

#header
{
	position: relative;
	top: 0px;
	left: 0px;
	width: 750px;
	height: 79px;
	color: white;
	background-color: #9090E0;
	float: left;
}

.menu
{
	float: left;
	width: 150px;
	height: 425px;
	background-color: #9090E0;
	text-align: left;

	/*
		Can't use "padding: 10px;" as this fails in Netscape 6.01 and Opera 6.04 - content text abuts the menu.
		Workaround is to use this combination of properties instead...
	*/
	padding-left: 10px;
	padding-top: 10px;
	padding-bottom: 10px;
	margin-right: 10px;
	border-right: 10px solid #9090E0;
}

.menu hr
{
	border: 1px solid #B0E0E0;
	color: #B0E0E0; /* For Opera */
	background-color: #B0E0E0; /* For Opera */
	height: 1px;
	text-align: center;
}

#content
{
	margin-left: 160px;
	margin-right: 10px;
}

#copyright
{
	color: #008A58;
	background-color: #B0E0E0;
	font-size: 11px;
	text-align: center;
	padding-top: 2px;
	padding-bottom: 2px;
	width: 750px;
}

h1
{
	text-align: left;
/*	color: #008A58;*/
	font-size: 17px;
	margin-bottom: -10px;
}

h2
{
	text-align: left;
	font-size: 15px;
	margin-bottom: -10px;
}

.indent1
{
	position: relative;
	left: 25px;
}

.indent2
{
	position: relative;
	left: 50px;
}

.note
{
	font-size: 10px;
}

a
{
	font-weight: bold;
}

a:visited { color: #008A58; text-decoration: none; }
a:hover { color: #008A58; text-decoration: underline; } /* Must appear after a:visited otherwise doesn't work in Explorer! */
a:link { color: #008A58; text-decoration: none; }

.menu a:visited { color: white; }
.menu a:hover { color: #B0E0E0; text-decoration: underline; } /* Must appear after visited otherwise doesn't work in Explorer! */
.menu a:link { color: white; }

.subMenu
{
	font-size: 11px;
	background-color: #B0E0E0;
	padding: 0px;
	margin-left: 30px;
	margin-bottom: 10px;
	position: relative;
	right: 10px;
	float: right;
	width: 150px;
}

.subMenuTitle
{
	font-weight: bold;
	color: #EAFAFA;
	background-color: #9090E0;
	padding: 5px;
}

.subMenuContent
{
	padding: 5px;
}

.subMenu hr
{
	border: 1px solid #9090E0;
	color: #9090E0; /* For Opera */
	background-color: #9090E0; /* For Opera */
	height: 1px;
	text-align: center;
}

/*
.subMenu2
{
	background-color: #B0E0E0;
	border: 1px solid white;
	padding: 5px;
	position: relative;
	left: 0px;
	width: 555px
	color: white;
	font-size: 11px;
}
*/

.youAreHere
{
	font-size: 0.85em;
	padding-bottom: 3px;
	border-bottom: 1px solid #B0E0E0;
	/* Both margin-top and padding-top are required otherwise we get too much whitespace above the 'You Are Here' items in Netscape and Opera */
	margin-top: 2px;
	padding-top: 2px;
}

.picture
{
	border:1px solid black;
}

.required
{
	color:red;
	font-weight:bold;
}