/*everything below is INDEX data*/
html {
	background-color: #00cccc;
}
body {
	background-image: url(../images/decor2.gif);
	background-repeat: repeat-x;
	background-color: #fff;
	margin: -1px;
}
#mainContainer {
	font: 12px/1.2em arial, Helvetica sans-serif;
	color: #1a335e;
	background-color: #fff;
	border: 1px solid #9900cc;
	width: 800px;
	height: auto;
	margin: 0px auto;
}
#header {
	width: 800px;
	height: 90px;
}
.headerBar {
	position: relative;
	top: 40px;
	background-color: #00cccc;
	width: 800px;
	height: 50px;
}
.barline {
	position: relative;
	top: -35px;
	background-color: #1a335E;
	width: 800px;
	height: 29px;
}
#logo {
	width: 276px;
	height:  54px;
	float: left;
	background: url(../images/LOGOc3.png) no-repeat;
	position: relative;
	top: -120px;
	right: -1px;
}
#menu {
	color: #fff;
	float: right;
	position: relative;
	top: -69px;
	left: -0px;
	z-index: 1;
}
#menu li {
	display: inline;
}
#menu a:link, #menu a:visited {
	font: 10px arial, Helvetica sans-serif;
	letter-spacing: 0.2em;
	outline: none;
	color: #fff;
	text-decoration: none;
	margin-left: -5px;
	padding: 8px 25px 8px 25px;
	background: #1a335e;
	border-left: 0px;
	border-top: 0px;
	border-bottom: 0px;
	border-right: 0px;
}
#menu a:hover {
	background-color: #00cccc;
	color: #fff;
}
#content {
	width: 600px;
	height:auto;

	margin: 0 auto;
	padding: 5px 5px 5px 5px;
}
/*note to self, change all font sizes to ems  */
.box1 {
	font: 20px/1em Zapfino, Cracked, Helvetica sans-serif;
	color: #eee;
	letter-spacing: .1em;
	position: relative;
	top: 20px;
	left: -130px;
	width: 600px;
	height: 195px;
	z-index: 2;
}
.box2 {
	font: small-caps 45px/.9em Cracked, Zaphino, Helvetica sans-serif;
	color: #eee;
	letter-spacing: .1em;
	position: relative;
	top: -170px;
	left: 50px;
	width: 600px;
	height: 195px;
	z-index:3;
}
.intro {
	width: 600px;
	height: 195px;
	position: relative;
	top: -455px;
	z-index: 1;
}
#midLeft {
	float: left;
	width: 400px;
	height: auto;
}
#midLeft h1 {
	font: small-caps 1.2em/.9em arial, Helvetica sans-serif;
	color: #9900cc;
	letter-spacing: .20em;
	position: relative;
	top: -455px;
	left: 0px;
	margin-top: 10px;
	z-index: 3;
	clear: both;
}
#midLeft p {
	font: 1.2em/.9em arial, Helvetica sans-serif;
	color: #333;
	position: relative;
	top: -425px;
	left: 0px;
	z-index: 4;
	clear: both;
}
#midRight {
	float: right;
	width: 400px;
	height: auto;
	position: relative;
	top: -490px;
	left: 235px;
	z-index: 5;
}
.midRightpara p {
	font: 1em/1em arial, Helvetica sans-serif;
	color: #9900cc;
	margin-left: -10px;
	z-index: 6;
}
#sites {
	font: .9em/.05em arial, Helvetica sans-serif;
	color: #999;
	float: right;
	position: relative;
	top: 0px;
	left: -180px;
}

#sites p a{
	font: .8em/.05em arial, Helvetica sans-serif;
	color: #555;
	position: relative;
	top: 0px;
	left: 10px;
	text-decoration: none;
	outline: none;
}

#footer {
	margin: 0 auto;
	width: 800px;
	height: auto;
}
#Bmenu {
	width: 400px;
	float: left;
	margin-top: -140px;
	margin-left: -50px;

}
#Bmenu li {
	display: inline;
}
#Bmenu a:link {
	font: 11px arial, Helvetica sans-serif;
	letter-spacing: 0.2em;
	color: #1a335e;
	padding: 5px 10px 5px 10px;
	text-decoration: none;
}
#Bmenu a:visited {
	font: 11px arial, Helvetica sans-serif;
	letter-spacing: 0.2em;
	outline: none;
	color: #1a335e;
	text-decoration: none;
	padding: 5px 10px 5px 10px;
}
#Bmenu a:hover {
	color: #fff;
}
#Copy {
	width: 400px;
	float: right;
	margin-top:-135px;
	
}
#Copy p {
	font: 12px arial, Helvetica sans-serif;
	color: #1a335e;
	float: right;
	letter-spacing: 0.1em;
	text-align: right;
}
#byline p {
	float: right;
	font: 12px arial, Helvetica sans-serif;
	color: #1a335e;
	letter-spacing: 0.1em;
	margin-top: -80px;
	clear: both;
}
#byline a:link {
	text-decoration: none;
	font: 12px arial, Helvetica sans-serif;
	color: #e6e6e6;
	letter-spacing: 0.1em;
}
#byline a:visited {
	text-decoration: none;
	font: 12px arial, Helvetica sans-serif;
	color: #1a335e;
	letter-spacing: 0.1em;
}
#byline a:hover {
	text-decoration: none;
	font: 12px arial, Helvetica sans-serif;
	color: #fff;
	letter-spacing: 0.1em;
}
/*this ends the INDEX data section*/
/*everything below is ABOUTUS data*/

#aboutLeft {
	float: left;
	width: 350px;
	height: auto;
}
#aboutLeft h1 {
	font: small-caps 15px/.9em arial, Helvetica sans-serif;
	color: #9900cc;
	letter-spacing: .20em;
	padding-top: 10px;
}
#aboutLeft p {
	font: s 14px/.9em arial, Helvetica sans-serif;
	text-align: justify;
	color: 1a335e;
	letter-spacing: .10em;
	padding-top: 10px;
}
.aboutRightpara h2 {
	font: bold 10px/1em arial, Helvetica sans-serif;
	color: #1a335e;
	letter-spacing: 0.20em;
	float: right;
	width: 200px;
	margin-right: -100px;
	margin-top: 1px;
}
.aboutRightpara h3 {
	font: 10px arial, Helvetica sans-serif;
	color: #9900cc;
	float: right;
	width: 200px;
	letter-spacing: 0.06em;
	margin-top: -8px;
}
#aboutRight {
	float: right;
	width: 200px;
	height: auto;
}
/*this ends the ABOUTUS section*/
/*everything below is CONNECT data*/
#connLeft {
	float: left;
	width: 350px;
	height: auto;
	margin-top: -420px;
	left: 30px;
	border-right: 0.5px dotted #ccc;
}
#connLeft p {
	font: 15px/.9em arial, Helvetica sans-serif;
	color: #9900cc;
	letter-spacing: .2em;
}
#connLeft ul li {
	letter-spacing: .2em;
}
ul {
	list-style: none;
}
#weblink {
	list-style: none;
}
#weblink a:link, #weblink a:visited {
	font: 13px/2 verdana, arial, sans-serif;
	color: #9900cc;
}
#weblink a:hover {
	font: 13px/2 verdana, arial, sans-serif;
	color: #000;
}






/*this ends the Contact data section*/