/* PAGE STRUCTURE */

#pagebody {
	width: 955px;
	margin-right: auto;
	margin-left: auto;
	overflow: auto;
	background-color: #7FB2CC;
}
#pagecontent {
	width: 753px;
	border-left-width: 2px;
	border-left-style: solid;
	border-left-color: #FFFFFF;
	float: right;
	background-color: #FFFFFF;
}
#pagebody  #pagecontent p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 75%;
	line-height: 130%;
	padding-right: 15px;
	padding-left: 15px;
	padding-top: 10px;
	padding-bottom: 5px;
	margin: 0px;
}
#sidebar {
	width: 200px;
	padding-top: 32px;
	background-color: #7FB2CC;
	float: left;
}

/* structure when using right side boxes  (optional) */

#pagebody #pagecontent #left {
	width: 500px;
	position: relative;
	left: 0px;
	top: 0px;
	float: left;
}

/* RIGHT SIDE BOXES (OPTIONAL) */

#pagebody #pagecontent #right {
	background-color: #FFFFFF;
	float: right;
	width: 230px;
	margin-top: 5px;
	margin-right: 5px;
	margin-bottom: 5px;
	margin-left: 5px;
}
#pagebody #pagecontent #right .shaded {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 70%;
	background-color: #E3ECF6;
	margin: 0px;
	padding: 5px;
	line-height: 130%;
}
#pagebody #pagecontent #right h4 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	padding: 5px;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
#pagebody #pagecontent #right h4.lightblueSideHead {
	background-color: #7FB2CC;
}
#pagebody #pagecontent #right h4.blueSideHead {
	font-family: Arial, Helvetica, sans-serif;
	background-color: #000033;
}
#pagebody #pagecontent #right h4.goldSideHead {
	background-color: #CC9900;
}
#pagebody #pagecontent #right h4.greenSideHead {
	background-color: #7D9F26;
}

/* LEFT SIDE MENU */
/* #sidebar is defined above under "page structure" */
/* includes styles for menus with flyouts */

/* standard menu */

#sidebar .mainLink {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #FFFFFF;
	text-align: left;
	display: block;
	text-decoration: none;
	padding-top: 4px;
	padding-bottom: 4px;
	padding-left: 20px;
}
#sidebar .mainLink:hover {
	background-color: #006699;
}

/* menu items with flyouts */

#sidebar .mainLinkFlyOut {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #FFFFFF;
	text-align: left;
	display: block;
	text-decoration: none;
	padding-top: 4px;
	padding-bottom: 4px;
	padding-left: 20px;
	background-image: url(/navbar/images/mainLinkFlyOut.gif);
	background-repeat: no-repeat;
	background-position: 180px center;
}

/* flyout menus for left side menu */

.sitenavcontainer 
{
	width: 190px;
	position:absolute;
	z-index:10;
	left: 96px;
	top: 152px;
	visibility: hidden;
	background-color: #7FB2CC;
	border-left-width: 2px;
	border-left-style: solid;
	border-left-color: #FFFFFF;
}
.sitenavcontainer ul
{
	list-style-type: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	margin: 0;
	padding: 0;
	width: 190px;
}
.sitenavcontainer a
{
	display: block;
	padding: 4px;
	width: 190px;
	background-color: #7FB2CC;
	color: #FFFFFF;
	text-decoration: none;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #4F94B9;
	font-weight: bold;
}
.sitenavcontainer a:hover
{
	background-color: #006699;
	color: #FFFFFF;
}

/* APPEARANCE */
/* note: h4 is defined as the heading for the right side boxes, above */
/* IMPORTANT: You must define a background-image for #pagebody #pagecontent #banner in your own document or style sheet. */

#pagebody #pagecontent #banner {
	background-repeat: no-repeat;
	background-position: left top;
	height: 155px;
	width: 753px;
}
#pagebody #pagecontent #banner h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	color: #FFFFFF;
	background-color: #7D9F26;
	display: inline;
	position: relative;
	bottom: 0px;
	left: 0px;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
	width: 753px;
	height: 25px;
	top: 110px;
	line-height: 25px;
}
h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 95%;
	line-height: 130%;
	padding-right: 15px;
	padding-left: 15px;
	padding-top: 10px;
	padding-bottom: 5px;
	margin: 0px;
	font-weight: bold;
	color: #CC9900;
}
h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 90%;
	line-height: 130%;
	padding-right: 15px;
	padding-left: 15px;
	padding-top: 10px;
	padding-bottom: 5px;
	margin: 0px;
	font-weight: bold;
	color: #CC9900;
}
#pagebody #pagecontent ul {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 75%;
	line-height: 130%;
	padding-right: 15px;
	padding-left: 15px;
	padding-top: 10px;
	padding-bottom: 5px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 20px;
}
#pagebody #pagecontent ol {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 75%;
	line-height: 130%;
	padding-right: 15px;
	padding-left: 15px;
	padding-top: 10px;
	padding-bottom: 5px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 20px;
}

/* nested lists */

#pagebody #pagecontent ul ul {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 100%;
	line-height: 130%;
}
#pagebody #pagecontent ol ol {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 100%;
	line-height: 130%;
	list-style-type: lower-alpha;
}

/* sample styles for tables */

#pagebody #pagecontent .sampleTable {
	width: 95%;
	margin-top: 10px;
	margin-right: 15px;
	margin-bottom: 10px;
	margin-left: 15px;
}
#pagebody #pagecontent .sampleTable td {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 70%;
	padding: 5px;
}

/* background colours */

.redbackground {
	background-color: #BE2039;
}
.greenbackground {
	background-color: #7D9F26;
}
.bluebackground {
	background-color: #000033;
}
.ltbluebackground {
	background-color: #7FB2CC;
}
.goldbackground {
	background-color: #CC9900;
}
.shadedbackground {
	background-color: #E3ECF6;
}
.purplebackground {
	background-color: #62368B;
}