body
{
	background-color: white;
	font-family: Arial, sans-serif;
	font-size: 11pt;
}

h2
{
	font-family: "Arial Rounded MT Bold"; Arial, sans-serif;
	font-size: 1.5em;
	font-weight: bold;
	margin: 5px 0 12px;
}

h3
{
	font-family: "Arial Rounded MT Bold"; Arial, sans-serif;
	font-size: 1.2em;
	font-weight: bold;
	color: #ffcc33;
	margin: 5px 0 12px;
}

p
{
	margin: 0px 0 12px 0;
	line-height: 120%;
}


a:link {color: #66cc00; text-decoration: none; }
a:hover {color: #ffcc33; text-decoration: none; }
a:visited {color: #777777; text-decoration: none; }


.foot
{
	margin: 0px 0 12px 0;
	font-size: 0.9em;
}

.footsmall
{
	margin: 0px 0 12px 0;
	font-size: 0.7em;
}


.pageturners
{
	font-size: 0.7em;
	font-style: italic;
}

#pageContainer
{
	margin: 18px auto 18px auto;
	width: 700px;
	background-color: white;
}

#header
{
	margin: 0px;
	border: 0px;
	padding: 0px;
	background-color: #6BB920; /* 2px gap under header - haven't got rid of it yet!! */
}

.menubar
{
	background-color: white;  /* NEED TO CHANGE THIS IN ALL DOCS!! */
	width: 700px;
	height: 58px;
}


.left	{ float: left; width: 32px; }
.home	{ float: left; width: 64px; }
.news	{ float: left; width: 64px; }
.work	{ float: left; width: 64px; }
.play	{ float: left; width: 64px; }
.meet	{ float: left; width: 64px; }
.links	{ float: left; width: 64px; }
.right  { float: left; width: 284px; }
.spaced { padding: 0px 0px 5px 0px; }  /* new */

.menubar ul li a
{
	text-decoration: none;
}


.image_container  /* Styling of image area on WORK pages */
{
	float: left;
	position: relative;
	top: 90px;
}

.arrows  /* Styling of left and right arrows on WORK pages  */
{
	/* border-style: solid;
	border-color: #ffcc33;
	border-width: 2px 2px 2px 2px; */
	float: left;
	position: relative;
	top: 20px;
}

#text_container  /* Styling of text area on WORK pages */
{
	/* float: right; */
	/* position: relative; */
	/* top: 40px; */
	margin: 90px 20px 20px 412px;
	border-style: solid;
	border-color: #ffcc33;
	border-width: 0px 0px 0px 2px;
	padding-left: 20px;
	background-color: white;
	height: 320px;

}

#footer  /* styling of contact details in footer */
{
	margin: 10px 0 0 412px; 
	/* position: relative; */
	/* top: 60px; */ 
	/* left: 412px; */
	/* position: absolute; */
	/* top: 800; */
	/* left: 712px; */
}


/* Next 2 styles used with text on left of page and image on right */

.textonleft_container  /* Styling of text on left side of page*/
{
	float: left;
	position: relative;
	top: 90px;
	background-color: white;
	width: 400px;
	height: 300px;
}

#imageonright_container  /* Styling of image on right side of page */
{
	margin: 90px 20px 20px 412px;
	border-style: solid;
	border-color: #ffcc33;
	border-width: 0px 0px 0px 2px;
	padding-left: 20px;
	background-color: white;
	height: 320px;

}

/* Next style is the same as imageonright_container, but taller. Used for text on the 2 col News page  */

#newslinksonright_container  /* Styling of image on right side of page */
{
	margin: 90px 20px 20px 412px;
	border-style: solid;
	border-color: #ffcc33;
	border-width: 0px 0px 0px 2px;
	padding-left: 20px;
	background-color: white;
	height: 620px;

}



/* Next style used for wide text on left of page and images aligned left, such as News page */

.widetext_container  /* Styling of text on left side of page*/
{
	float: left;
	position: relative;
	top: 90px;
	background-color: white;
	width: 700px;
	/* height: 300px; */
}

.caption   /* for images */
{
	font-size: 0.8em;
}

.credit   /* for quotations */
{
	font-style: oblique
}

.date   /* for date of news items*/
{
	font-size: 0.8em;
	font-style: oblique
}

.blankline /* for forcing an extra line break - have text in white */
{
	color: #ffffff;
}