html,body{margin:0;padding:0}

body{
	font-family: Helvetica, Arial;
	font-size: 12px;
	line-height: 18px;
	color: #000000;
	text-align:center;
	background-color: #000000;
	padding-top: 40px;
			
}

div#black{
	text-align:left;
	background-color: #000000;
	color: #FFFFFF;
	width:100px;
	font-size:13px;
	margin-left: 15px;
}
.redheader {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #A10721;
	line-height: 26px;
}

.redtitle {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #A10721;
}

.purpleheader {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #781D7E;
	line-height: 26px;
}

.bluetitle {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #006699;
	font-weight: bold;
}

.purpletitle {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #781D7E;
	font-weight: bold;
}

div#containerpurple{
	text-align:left;
	min-height: 444px;
	_height: 444px;
	background-color: #BB8EBE;
	border-left: solid #FFFFFF 2px;
	width:680px;
	margin:0 auto;
	background-image: url(../images/logo-purple.gif);
	background-position: bottom left;
	background-repeat: no-repeat;
}

div#containergreen{
	text-align:left;
	min-height: 444px;
	_height: 444px;
	background-color: #A2B121;
	border-left: solid #FFFFFF 2px;
	width:680px;
	margin:0 auto;
	background-image: url(../images/logo-green.gif);
	background-repeat: no-repeat;
	background-position: bottom left;
}

div#containerorange{
	text-align:left;
	min-height: 444px;
	_height: 444px;
	background-color: #EA8C1C;
	border-left: solid #FFFFFF 2px;
	width:680px;
	margin:0 auto;
	background-image: url(../images/logo-orange.gif);
	background-position: bottom left;
	background-repeat: no-repeat;
}

div#containerblue{
	text-align:left;
	min-height: 444px;
	_height: 444px;
	background-color: #66CEDC;
	border-left: solid #FFFFFF 2px;
	width:680px;
	margin:0 auto;
	background-image: url(../images/logo-blue.gif);
	background-position: bottom left;
	background-repeat: no-repeat;
}


div#contentpurple{
	width:544px;
	float: right;
	background-color: #BB8EBE;
	border-right: solid #FFFFFF 2px;
	min-height: 430px;
	_height: 430px;
}

div#contentgreen{
	width:544px;
	float: right;
	background-color: #A2B121;
	border-right: solid #FFFFFF 2px;
	min-height: 430px;
	_height: 430px;
}

div#contentorange{
	width:544px;
	float: right;
	background-color: #EA8C1C;
	border-right: solid #FFFFFF 2px;
	min-height: 430px;
	_height: 430px;
}

div#contentblue{
	width:544px;
	float: right;
	background-color: #66CEDC;
	border-right: solid #FFFFFF 2px;
	min-height: 430px;
	_height: 430px;
}

div#navigation{
	width: 132px;
	float: left;
	display: block;
	font-size: 13px;
	background-color: #000000;
	min-height: 216px;
	_height: 216px;
	border-right: solid #FFFFFF 2px;
}

div#leftpurple{
	width: 134px;
	float: left;
	display: block;
	font-size: 13px;
	background-color: #000000;
	background-position: bottom;
	background-repeat: no-repeat;
	min-height: 180px;
	_height: 180px;
	background-image: url(../images/curve-purple.gif);
	
}

div#leftgreen{
	width: 134px;
	float: left;
	display: block;
	font-size: 13px;
	background-color: #000000;
	background-position: bottom;
	background-repeat: no-repeat;
	min-height: 180px;
	_height: 180px;
	background-image: url(../images/curve-green.gif);
}

div#leftorange{
	width: 134px;
	float: left;
	display: block;
	font-size: 13px;
	background-color: #000000;
	background-position: bottom;
	background-repeat: no-repeat;
	min-height: 180px;
	_height: 180px;
	background-image: url(../images/curve-orange.gif);
}

div#leftblue{
	width: 134px;
	float: left;
	display: block;
	font-size: 13px;
	background-color: #000000;
	background-position: bottom;
	background-repeat: no-repeat;
	min-height: 180px;
	_height: 180px;
	background-image: url(../images/curve-blue.gif);
}
	

#nav ul{
	display: block;
	margin-left: 0px;
	padding-left: 0px;
	padding-top: 0px;
	margin-top: 0px;
}
#nav ul li{
	list-style-type: none;
	border-bottom: solid 2px #FFFFFF;

}
#nav ul li a{
	color: #FFFFFF;
	text-decoration: none;
	padding-top: 2px;
	padding-bottom: 2px;
	display: block;
}
#nav ul li a:hover{
	background-color: #F8A318;
	text-decoration: none;
	width: 132px;
	color: #FFFFFF;
}


.navabout{
	background-color: #0084B5;
}

.navnews{
	background-color: #41AD49;
}

.navworkshops{
	background-color: #D2232A;
}

.navproductions{
	background-color: #781D7E;
}

.navempowerment{
	background-color: #24408F;
}

.navoutreach{
	background-color: #116123;
}

.navtraining{
	background-color: #EA8C1C;
}

.navmembersarea{
	background-color: #EC008C;
}

.navgetinvolved{
	background-color: #00AFDD;
}


div#footer{
	clear:both;
	width:678px;
	background-color: #000000;
	height: 24px;
	border-right: solid #FFFFFF 2px;
	border-top: solid #FFFFFF 2px;
	border-bottom: solid #FFFFFF 2px;
}

div#textarea{
	width:485px;
	margin-top: 10px;
	margin-left: 25px;
	}


#left {
	float: left;
	width: 230px;
	height: 1% /* Holly hack for Peekaboo Bug */
}

#right {
	float: right;
	width: 235px;
	margin-right: 50px;
}

.imageborder {
	border: 1px solid #FFFFFF;
}

.bigimages {
	border-bottom: 2px solid #FFFFFF;
}


.imagemargin {
	border: 1px solid #193461;
	margin-right: 15px;
	float: left;
}

h1 {
	font-family: Tahoma, Verdana, Arial;
	font-size: 14px;
	font-weight: bold;
	color: #2C8415;
}

h2 {
	font-family: Tahoma, Verdana, Arial;
	font-size: 12px;
	line-height: 21px;
	font-weight: bold;
	color: #AC694F;
	top: 23px;
}


h3 {
	font-family: Tahoma, Verdana, Arial;
	font-size: 11px;
	font-weight: bold;
	color: #000000;
}

h4 {

	font-family: Tahoma, Verdana, Arial;
	font-size: 13px;
	font-weight: bold;
	color: #339933;
	line-height: 21px;
}

a:link {
	color: #A10721;
	text-decoration: none;
}
a:visited {
	color: #A10721;
}
a:hover {
	color: #FFFFFF;
	text-decoration: none;
}
a:active {
	color: #A10721;
}


a.purple:link {
	color: #781D7E;
	text-decoration: none;
}
a.purple:visited {
	color: #A10721;
}
a.purple:hover {
	color: #FFFFFF;
	text-decoration: none;
}
a.purple:active {
	color: #A10721;
}

hr {
  border: 0;
  width: 100%;
  color: #009933;
  background-color: #009933;
  height: 1px;
}

.caption {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	line-height: 1.3;
}


.quote {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	line-height: 1.3;
	font-style: italic;
}

.maintextbold {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 18px;
	color: #000000;
	font-weight: bold;
}

.navvisiting {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	font-weight: bold;
}

.footerpurple {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #9966CC;
	padding-top: 7px;
}

.footerwhite {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
}

.footerblack {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
	line-height: 13px;
}

.quotepurple {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #9966CC;
	line-height: 16px;
}