body {
	background-color: #2b0770;
	margin: 0px;
	padding: 0px;
}
p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
	color: #210459;
	margin: 0px;
	line-height: 18px;
	padding-top: 5px;
}


.p2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
	font-weight: bold;
	color: #006666;
	padding-bottom: 8px;
}
.p2link {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
	color: #006666;
	text-decoration: underline;
	padding: 2px;
	font-weight: bold;
}
.hilitelink {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
	font-weight: bold;
	color: #660066;
	text-decoration: underline;
}


.p3 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: x-small;
	font-weight: normal;
	color: #006666;
	padding: 5px;
}
.imge {
	clear: right;
	position: relative;
	left: 0px;
	top: 0px;
	margin-right: 5px;
	margin-bottom: 6px;
	margin-top: 5px;
}
.bulletedlist {
	list-style-position: outside;
	list-style-type: disc;
	font-weight: bold;
	color: #2B0770;
	text-decoration: none;
}
.bullist {
	list-style-type: circle;
	font-weight: normal;
	color: #2B0770;
	list-style-position: inside;
	text-decoration: none;
}




h1 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: large;
	color: #2B0770;
	font-weight: bold;
	margin-left: 0px;
}
h2 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: medium;
	font-weight: bold;
	color: #2B0770;
	margin-left: 0px;
	padding: 2px;
}
h3 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: medium;
	color: #800066;
	font-weight: bold;
}


.list {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
	color: #530470;
	margin-left: 40px;
	position: relative;
	padding-top: 8px;
	width: 320px;
	font-weight: normal;
	padding-bottom: 8px;
	margin-top: 0px;
	line-height: 18px;
	background-repeat: repeat-y;
}
.listhilite {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
	font-weight: bold;
	color: #660066;
	margin-left: 40px;
	position: relative;
	padding-top: 8px;
	width: 320px;
	font-weight: normal;
	padding-bottom: 8px;
	margin-top: 0px;
	line-height: 18px;
	background-repeat: repeat-y;
}
.listlink {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
	font-weight: bold;
	color: #2b0770;
	text-decoration: underline;
}
.listwithin {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
	list-style-type: none;
	font-size: small;
	font-weight: normal;
	color: #530470;
	margin-bottom: 10px;
	padding-bottom: 2px;
	padding-top: 2px;
}


.hilite {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
	font-weight: bolder;
	color: #660066;
	margin-left: 0px;
}
.litebold {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: medium;
	font-weight: bold;
	color: #660066;
	padding: 0px;
}


.tracklink {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: medium;
	font-weight: bold;
	color: #A80039;
	text-decoration: underline;
	padding: 5px;
}
.pagetitle {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: x-large;
	font-weight: bold;
	color: #2b0770;
	font-variant: normal;
	width: 400px;
}
.lastpara {
	margin-bottom: 30px;
}

.longtitle {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 22px;
	font-weight: bold;
	color: #2b0770;
}
.weblink {
	color: #FFFFFF;
	text-decoration: none;
}

#wrapper {
	background-color: #2b0770;
	margin: 0px;
	padding: 0px;
	background-repeat: repeat;
	background-position: left top;
	height: 100%;
	width: 100%;
	
}
#wrapper #logo {
	position: absolute;
	left: 65px;
	top: 5px;
	height:237px;
	width: 200px;
	z-index: 3;
}
#wrapper #header {
	position: absolute;
	left: 235px;
	top: 25px;
	width: 650px;
	height: 118px;
	margin: 0px;
	padding: 0px;
}


#wrapper #lftimg img {
	position: absolute;
	top: 480px;
	left: 100px;
	z-index: 2;
	
}

#wrapper #content {
	position: relative;
	top: 125px;
	left: 230px;
	width: 590px;
	z-index: 2;
}



#wrapper #content #windowtop {
	background-image: url(images/contentbxtp.gif);
	height: 125px;
	width: 576px;
	background-repeat: no-repeat;
	left: 0px;
	top: 0px;

}



#wrapper #content #windowtop #pagetitle {
	position: relative;
	top: 90px;
	left: 120px;
	background-color: #EAE6CD;
}

#wrapper #content #windowmid {
	background-image: url(images/contentbxmid.gif);
	background-repeat: repeat-y;
	width: 576px;
	left: 0px;
	top: 0px;
	padding-top: 10px;
	padding-left: 5px;
	padding-right: 5px;
	padding-bottom: 0px;
	
}
#wrapper #content #windowmid #txt {
	width: 400px;
	position: relative;
	left: 115px;
	top: 20px;
	background-color: #EAE6CD;
}
#wrapper #content #windowmid #txt #photo1 {
	z-index: 3;
	position: absolute;
	top: 0px;
}
#wrapper #content #windowmid #txt #photo2 {
	z-index: 4;
	top: 0px;
	left: 200px;
	position: relative;
}
#wrapper #content #windowmid #txt #photo3 img {
	position: relative;
	z-index: 8;
	left: -15px;
}


#txt a:link {
	font-weight: bold;
	text-decoration: underline;
	color: #2b0770;
}
#txt a:visited {
	text-decoration: underline;
	color: #660066;
}
#txt a:hover {
	text-decoration: none;
	color: #660066;
}
#txt a:active {
	text-decoration: underline;
	color: #660066;
}
#wrapper #content #windowmid #txt #flier {
	position: relative;
	left: -10px;
}



#wrapper #content #windowbtm {
	background-image: url(images/contentbxbtm.gif);
	width: 576px;
	height: 60px;
	background-repeat: no-repeat;
	left: 0px;
	background-position: top;
	margin-left: 9px;
	bottom: 0px;
	position: relative;
	left: 0px;
}
#wrapper #content #windowbtm #wbtxt {
	position: relative;
	width: 400px;
	left: 95px;
	top: 7px;
	font-size: small;
	color: #FFFFFF;
	height: auto;
	font-weight: normal;
}
#wbt2 {
	font-size: x-small;
	text-align: center;
	position: relative;
	top: 0px;
	text-decoration: none;
	color: #660000;
}


#wrapper #rtmarginimg {
	height: 200px;
	width: 200px;
	left: 805px;
	top: 140px;
	position: absolute;

}
#wrapper #ref {
	background-color: transparent;
	position: absolute;
	z-index: 2;
	left: 775px;
	top: 500px;
	width: 200px;
	text-align: left;
	background-repeat: repeat-y;
	background-position: left;
	padding-top: 2px;
	padding-right: 2px;
	padding-bottom: 2px;
	padding-left: 5px;
	color: #2B0770;
}
#wrapper #ref #ref1 {
	position: relative;
	background-color: #FDF6DD;
	border-top-width: thin;
	border-right-width: thin;
	border-bottom-width: thin;
	border-top-style: ridge;
	border-top-color: #59B2B5;
	border-right-style: ridge;
	border-bottom-style: ridge;
	border-left-style: none;
	border-right-color: #59B2B5;
	border-bottom-color: #59B2B5;
	border-left-color: #59B2B5;
	padding: 2px;
}


#wrapper #ref #ref2 {
	background-color: #FDF6DD;
	position: relative;
	border-top-width: thin;
	border-right-width: thin;
	border-bottom-width: thin;
	border-top-style: ridge;
	border-top-color: #59B2B5;
	border-right-style: ridge;
	border-bottom-style: ridge;
	border-left-style: none;
	border-right-color: #59B2B5;
	border-bottom-color: #59B2B5;
	border-left-color: #59B2B5;
	padding: 2px;
}
#wrapper #ref #ref3 {
	background-color: #FDF6DD;
	position: relative;
	border-top-width: thin;
	border-right-width: thin;
	border-bottom-width: thin;
	border-top-style: ridge;
	border-top-color: #59B2B5;
	border-right-style: ridge;
	border-bottom-style: ridge;
	border-left-style: none;
	border-right-color: #59B2B5;
	border-bottom-color: #59B2B5;
	border-left-color: #59B2B5;
	padding: 2px;
}
#wrapper #ref #ref5 {
	background-color: #FDF6DD;
	position: relative;
	border-top-width: thin;
	border-right-width: thin;
	border-bottom-width: thin;
	border-top-style: ridge;
	border-top-color: #59B2B5;
	border-right-style: ridge;
	border-bottom-style: ridge;
	border-left-style: none;
	border-right-color: #59B2B5;
	border-bottom-color: #59B2B5;
	border-left-color: #59B2B5;
	padding: 2px;
}
#wrapper #ref4 {
	background-color: #EAE6CD;
	width: 200px;
	position: absolute;
	left: 110px;
	top: 550px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
	color: #466666;
	font-weight: normal;
	line-height: normal;
	text-align: left;
	text-decoration: none;
	z-index: 4;
	margin-left: 0px;
	padding: 5px;
}

/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/example_flyout.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the assocaited (x)html may be modified in any 
way to fit your requirements.
=================================================================== */

#menu{
	font-family: arial, sans-serif;
	width: 180px;
	height: 320px;
	position: absolute;
	top: 180px;
	left: 110px;
	font-size: small;
	margin: 30px 0;
	z-index: 100;
	font-weight: bold;
	color: #2b0770;
	background-color: #8ff9e6;
		
}
#menu ul {
	padding: 0;
	margin: 0;
	list-style-type: none;
	background-color: #8ff9e6; 
	width: 180px;
	height: 320px;
		
}
#menu ul li ul {
	visibility: hidden; 
	position: absolute;
	width: 180px; 
	height: 0; 
	overflow: hidden; 
	top: 0; 
	left: 180px;
}
#menu ul li {
	float:left;
}
#menu ul li a, 
#menu ul li a:visited {
	display: block;
	float: left;
	text-decoration: none;
	color: #2b0770;
	width: 180px;
	height: 30px;
	line-height: 29px;
	font-size: small;
	padding-left: 10px;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: groove;
	border-bottom-style: groove;
	border-top-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	border-right-width: 1px;
	border-right-style: groove;
	border-right-color: #CCCCCC;
}
* html #menu ul li a, * html #menu ul li a:visited {width:180px; w\idth:180px;}

#menu table {
	border-collapse: collapse; 
	border: 0; 
	margin: 0; 
	padding: 0; 
	font-size: 1em; 
	position: absolute; 
	left: 0; 
	top: 0;
}

/* first line for IE7 and non-IE browsers - second line for IE5.5 and IE6 */
#menu ul li:hover a,
#menu ul li a:hover{
	color: #FFFFFF;
	background-color: #009999;
}

#menu ul li:hover {
	position: relative; 
	z-index: 90;}
* html #menu ul li a:hover {
	position: relative; 
	z-index: 100;}

#menu ul li:hover ul,
#menu ul li a:hover ul {
	visibility: visible;
	position: absolute;
	height: auto;
	overflow: visible;
	background-color: #009999;
}
#menu ul li:hover ul li a,
#menu ul li a:hover ul li a{
	display: block; 
	background: #8ff9e6; 
	color: #2b0770; 
	line-height: 15px; 
	padding: 5px 0 5px 10px; 
	height: auto; 
	text-decoration: none;
}

#menu ul li:hover ul li:hover a,
#menu ul li a:hover ul li a:hover {
	color: #FFFFFF;
	background-color: #009999;
}
#menu ul li:hover ul li ul,
#menu ul li a:hover ul li a ul {
	visibility: hidden; 
	position: absolute; 
	height: 0; 
	overflow: hidden; 
	top: 0; 
	left: 180px;
}
