/* CSS Document */

body {
     background-image:    url(images/bg.jpg);
    background-repeat: repeat-x;
	background-color: #9d588a;
	padding: 0px;
    margin: 0px;}
	
#headerimage{
	position: relative;
	width: 800px;
	height: px;
}


#maincontent {

position: center;
width: 800px;
margin: 0px;
}


#content {
padding: 10px;
font-family: trebuchet MS;
font-size: 12px;
font-weight: normal;
line-height: 15pt;
color: #c0bbbb;
text-align: justify;
position: relative;
}




a.nav:link, a.nav:visited, a.nav:active {
	position: relative;
	top: 0px;
	left: 0px;
	color: #30033f;
	font-family: century gothic;
	font-size: 12px;
	text-transform: lowercase;
	letter-spacing: 2px;
	padding: 0px 2px 0px 2px;
	text-decoration: none;
	line-height: 8px;
background: transparent;
	border-bottom: 0px dotted #333333;
}

a.nav:hover {color: #ffffff;}

div.nav {
	position: absolute;
	top: -10px;
	width: 800px;
}

div.box {
	position: absolute;
	top: 0px;
	float:left;
		padding-right: 140px;
		padding-left: 140px;
}


table.footer {
	LINE-HEIGHT: 16px; COLOR: #FFFFFF; FONT-SIZE: 9px; background: #; 
	
	padding: 10px;
font-family: trebuchet MS;
font-weight: normal;
text-align: justify;

}

table.footer a:link, table.footer a:visited, table.footer a.active {
COLOR: #360347; 

}




table.footer a:hover {
color: #ffffff;
border-bottom: 1px dashed #444444;
}












h1
{
color:#FFFFFF; 
  text-transform: lowercase;
  font-weight: normal;
  margin-bottom: 2;   margin-top: 15;
  letter-spacing: -1px;
 font-family: "Arial Narrow", Arial, Verdana, Helvetica, sans-serif;

  font-size: 21pt;}
	
	h1:first-letter {	
	font-size: 35px;
	font-variant:small-caps;
	text-align:center;
	color: #360347;
	font-family: "Arial Narrow", Arial, Verdana, Helvetica, sans-serif;}
	
	
	h2 { 
	    color: #FFFFFF;
		text-transform: uppercase;
        font-family: arial narrow; font-size: 12px; 
	    letter-spacing: 4px;}

	h3 { 
	    color: #360347;
		text-transform: uppercase;
        font-family: arial narrow; font-size: 10px; 
	    letter-spacing: 4px;}

a:link, a:visited, a.active {
color: #FFFFFF;
text-decoration: none;
font: 12px Times New Roman;

border-bottom: 1px dotted #333333;

}
a:hover {

color: #555555;
border-bottom: 1px dashed #444444;
}

b, strong {
color: #360347;
	font-family: century gothic;
	font-size: 12px;
	text-transform: uppercase;
}

i {color: #FFFFFF;}

u {color: #FFFFFF;}


.img {
border: 5px solid #360347;
background: #FFFFFF;
padding: 0px;
margin-left: 12px;
margin-top: 2px;
margin-right: 12px;
margin-bottom: 2px;
}

	



textarea, input, option, select	{
border: 1px dashed #FFFFFF;
background: #360347;
padding: 3px; 
font-size: 8pt;
font-family: Trebuchet MS;
color: #FFFFFF;
}


	li { list-style-type: square;
		color: #360347; 
        margin-right: 12px;}

.text {color: #c0bbbb;}

 /* add this rule to your CSS to get the donation form to align */
.codesort label {
	float: left;
	width: 12em;
	text-align: right;
	margin: 0 0.5em 0 0;
	}

.codesort li {
	display: inline;
	padding-right: 0.5em;
	}