@charset "UTF-8";
/* CSS Document */


body, div, p, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, blockquote, th, td {
margin:0px;
padding: 0px;
}

body {
background-image:url(elements/dropshadow.jpg);
background-position: top center;
background-repeat:repeat-y;
}

/* ------------- "Header" Element --------------- */

#green-header {
	background-color:#FFFFFF;
	background-image:url(elements/green_header.jpg);
	width:800px;
	height:195px;
}

#red-header {
	background-color:#FFFFFF;
	background-image:url(elements/red-header.jpg);
	width:800px;
	height:195px;
}


#black-header {
	background-color:#FFFFFF;
	background-image:url(elements/black-header.jpg);
	width:800px;
	height:195px;
}

#purple-header {
	background-color:#FFFFFF;
	background-image:url(elements/purp-header.jpg);
	width:800px;
	height:195px;
}

/* ------------- "Bottom" Element --------------- */

#green-bottom {
	background-color:#FFFFFF;
	background-image:url(elements/green-bottom.jpg);
	width:800px;
	height:128px;
}

#red-bottom {
	background-color:#FFFFFF;
	background-image:url(elements/red-bottom.jpg);
	width:800px;
	height:128px;
}

#purp-bottom {
	background-color:#FFFFFF;
	background-image:url(elements/purple-bottom.jpg);
	width:800px;
	height:128px;
}

#black-bottom {
	background-color:#FFFFFF;
	background-image:url(elements/black-bottom.jpg);
	width:800px;
	height:128px;
}


/* ------------- Footer --------------- */

.green-footer-right{
float:right; 
position: relative; 
right:10px; 
font-size: 80%; 
color: #00d423; 
font-family:Arial, Helvetica, sans-serif; 
text-align:right;
}

.green-footer-left{
float: left;
position: relative; 
left:10px; 
font-size: 80%; 
color: #00d423;
font-family:Arial, Helvetica, sans-serif; 
text-align:left;
}

.red-footer-right{
float:right; 
position: relative; 
right:10px; 
font-size: 80%; 
color: #FF0000; 
font-family:Arial, Helvetica, sans-serif; 
text-align:right;
}

.red-footer-left{
float: left;
position: relative; 
left:10px; 
font-size: 80%; 
color: #FF0000;
font-family:Arial, Helvetica, sans-serif; 
text-align:left;
}

.black-footer-right{
float:right; 
position: relative; 
right:10px; 
font-size: 80%; 
color: #949494; 
font-family:Arial, Helvetica, sans-serif; 
text-align:right;
}

.black-footer-left{
float: left;
position: relative; 
left:10px; 
font-size: 80%; 
color: #949494;
font-family:Arial, Helvetica, sans-serif; 
text-align:left;
}

.purp-footer-right{
float:right; 
position: relative; 
right:10px; 
font-size: 80%; 
color: #a859c4; 
font-family:Arial, Helvetica, sans-serif; 
text-align:right;
}

.purp-footer-left{
float: left;
position: relative; 
left:10px; 
font-size: 80%; 
color: #a859c4;
font-family:Arial, Helvetica, sans-serif; 
text-align:left;
}

/* ------------- Links --------------- */

.green-link:hover{color: #000000;}
.green-link{color: #00d423;}

.purp-link:hover{color: #000000;}
.purp-link{color: #a859c4;}

.white-link:hover{color: #000000;}
.white-link{color: #FFFFFF;}

.red-link:hover{color: #000000;}
.red-link{color: #FF0000;}

.black-link:hover{color: #000000;}
.black-link{color: #949494;}

a.grn:hover img {background-image: url(elements/greenbar.png);z-index: 9;}

a.pur:hover img {background-image: url(elements/purpbar.png);z-index: 9;}

a.red:hover img {background-image: url(elements/redbar.png);z-index: 9;}

a.blk:hover img {background-image: url(elements/blackbar.png);z-index: 9;}

/* ------------- Sidebar Nav --------------- */

#current {z-index: 1;
background-image:url(elements/faint.png);
width:210px;
height:35px;

}
#nav1 {z-index: 1;}
#nav2 {z-index: 1;}
#nav3 {z-index: 1;}
#nav4 {z-index: 1;}

/* ------------- Content Section --------------- */


#green-content{

background-image:url(elements/greenbartop1.jpg);
background-repeat:repeat-y;
height:400px;
}

#purp-content{
background-image:url(elements/purple-blur.jpg);
background-repeat:repeat-y;
height:1200px;
}

#black-content{
background-image:url(elements/black-blur.jpg);
background-repeat:repeat-y;
height:1950px;
}

#red-content{
height: auto;
background-image:url(elements/red-blur.jpg);
background-repeat:repeat-y;
height:900px;
}

/* -------------------------------- Other -------------------------------- */



#sidebarcontainer{
width:215px; 
position:relative; 
top:20px;
}

#container{
width: 800px;
height: auto;
margin-left: auto;
margin-right: auto;
}

#gallery{
float:right;
position: relative;
top:-110px;
width: 540px;
padding-right:35px;
}

#footer{height:52px; padding-top:10px; padding-bottom:10px;}

.copy{
font-family:Arial, Helvetica, sans-serif; 
width:500px; 
position: relative;
top: 10px; 
color: #FFFFFF; 
margin-right: 20px;
line-height:150%; 
font-size:85%;
padding-bottom:15px;
}



li{
float:right; 
font-family:Arial, Helvetica, sans-serif; 
width:530px; 
position: relative;
top: 10px; 
left:50px;
color: #FFFFFF; 
margin-right: 30px;
line-height:150%; 
font-size:85%;
}


.level2{
float:right; 
font-family:Arial, Helvetica, sans-serif; 
left:80px;
color: #FFFFFF; 
margin-right: 30px;
line-height:150%; 
font-size:85%;
}