/*Body Definitions go here. Defines how the page looks and where the content will appear.*/
#bodydesign {
	background-color: #FFFFCC;
}
#containerbg {
	position: absolute;
	width: 76.4%;
	background-color: #660066;
	overflow: visible;
	visibility: inherit;
	padding-top: 0.2%;
	padding-bottom: 0.2%;
	left: 11.8%
}
#container {
	position: relative;
	width: 99.6%;
	left: 0.2%;
	background-color: #CC99CC;
	overflow: visible;
	visibility: inherit;
	padding-top: 0.5%;
	padding-bottom: 0.5%;
}
/*Start of Definitions for the Header.   	*
 *describes where it appears on the page,	*
 *and also the border that it will have	 	*
 *in header_bg							 							*/
#headerbg {
	position: relative;
	width: 96%;
	background-color: #660066;
	overflow: visible;
	visibility: inherit;
	padding-top: 0.2%;
	padding-bottom: 0.2%;
	left: 2%
}
#header {
	background: #FFFFCC url(web_bg.png) no-repeat 95% 25px;
	height: 125px;
	width: 99.6%;
	position: relative;
	left: 0.2%;
	padding-top: 25px;
}
#headerformat {
	text-align: center;
	float: left;
	position: relative;
	height: auto;
	left: 3%;
	height: 100px;

}
#header h1 {
	font-family: Papyrus, "Monotype Corsiva", "Times New Roman";
	font-size: 1.6em;
	color: #660099;
}
#header h2 {
	font-family: Papyrus, "Monotype Corsiva", "Times New Roman";
	font-size: 1.2em;
	font-style: italic;
	color: #663399;
}
#header p {
        font-family: Papyrus, "Monotype Corsiva", "Times New Roman";
        font-size: 0.8em;
        color: #663399;
}

/* Menu conditions, including tabs and fluid 	*
 * flow through to page content.							*/
#menu {
	position: relative;
	width: 95%;
	left: 2.5%;
	top: 10px;
}
/* Content Conditions, and sub selections		*
 * for general use.													*/
#contentbg {
	background-color: #EEDDFF;
	position: relative;
	height: auto;
	width: 95%;
	left: 2.5%;
	padding-bottom: 0.1%;
	padding-left: 0.1%;
	padding-right: 0.1%;
}
#content {
	background-color: #FFEEDD;
	position: relative;
	height: auto;
	width: 99.8%;
	left: 0.1%;
	padding: 5px;
}
/* these are for pages without the side menus */
#content p {
	font-family: "Times New Roman", Arial;
	font-size: 0.9em;
	color: #330033;
	letter-spacing: 0.025em;
	word-spacing: 0.2em;
}
#content h1 {
	font-family: "Times New Roman", Arial;
	font-size: 1.5em;
	color: #550088;
	font-weight: 300;
  text-align: center;
}
#content h2 {
	font-family: "Times New Roman", Arial;
	font-size: 1.3em;
	font-weight: 100;
	color: #552288;
  text-align: left;
}

/* Content design sub-structure */
#submenu {
	position: absolute;
	height: auto;
	left: 5px;
	top: 5px;
	bottom: 5px;
	width: 27%;
}
#submenu h3 {
	font-family: "Times New Roman", Arial;
	font-size: 1.2em;
	font-weight: 300;
	color: #330033;
}
#submenu h4 {
	font-family: "Times New Roman", Arial;
	font-size: 0.8em;
	font-style: italic;
	color: #330033;
}
#submenu p{
	font-family: "Times New Roman", Arial;
	font-size: 0.9em;
	color: #330033;
}
#subcontent {
	border-left-width: thin;
	border-left-style: solid;
	border-left-color: #CC99CC;
	position: relative;
	height: auto;
	width: 68%;
	left: 29%;
	top: 5px;
	bottom: 5px;
	padding: 10px;
}
#subcontent p {
	font-family: "Times New Roman", Arial;
	font-size: 0.9em;
	color: #330033;
	letter-spacing: 0.025em;
	word-spacing: 0.2em;
}
#subcontent h1 {
	font-family: "Times New Roman", Arial;
	font-size: 1.5em;
	color: #550088;
	font-weight: 300;
  text-align: center;
}
#subcontent h2 {
	font-family: "Times New Roman", Arial;
	font-size: 1.3em;
	font-weight: 100;
	color: #552288;
  text-align: left;
}
#subfooter {
	position: relative;
	height: auto;
	width: 96%;
	left: 2%;
	top: 1%;
	padding-bottom:5px;
	border-top-width: thin;
	border-top-style: solid;
	border-top-color: #CC99CC;
}
#subfooter p {
	font-family: "Times New Roman", Arial;
	color: #330033;
	font-size: 0.7em;
}
/* General Statements for general 	*
 * formatting												*/
.centred {
  text-align: center;
}
.righted {
	float: right;
}
.justified {
	text-align: justify;
}