body {
background: url('layout/P_BG.png'); 
font-size: 11px;
font-family: Arial;
color:#FFFFFF;
padding-top:10px;
margin:0px;
}


/* ----------container for centering the layout-------------- */
#container {
width: 1000px;
margin-bottom: 10px;
margin-left: auto;
margin-right: auto;
}

/* ----------banner-------------- */
#banner {
background: url('layout/Purpleartwork_header-01_01.png') no-repeat; 
width: 1000px; /* width of top image */ 
height: 383px;
text-align: right;
padding: 0px;
margin: 0px;
}

#banner img {padding:0px 0px;} 

/* -----------------main content--------------------- */
#content {
background-color: #000000;
padding: 0px;
margin-left: 300px;
margin-right: 0px;
}
div#content { 
width: 558px;
height:481px;
overflow: auto;
}



/* ------ general content styling ------ */
h1 {    /* top and bottom caps */
font-size: 11px;
text-transform: uppercase;
background-color: #808080;
border-top:0px;
border-bottom:0px;
padding:5px 100px;
margin:0px }
}

h2 {    /* main content headlines */
padding-left: 10px;
margin: 30px 4px 10px 4px;
border: 0px solid #000000;
background-color: #000000;
font-weight: bold;
font-size: 1.2em;
color: #FFFFFF;
letter-spacing: 2px;
text-align: center;
}

h2.toptitle {      /* 1st main content headline */
margin-top: 0; /* removing top margin on main title to align with banner */
}

h3 {    /* =smaller main content headlines */
font-weight: bold;
font-size: 1.2em;
letter-spacing: 2px;
text-align: center;
text-transform: uppercase;
padding-left: 70px;
margin: 30px 0 10px 0;
color: #450dbe;
}

h4 {    /* smaller main content headlines */
font-weight: bold;
font-size: 1.1em;
letter-spacing: 2px;
text-align: left;
text-transform: uppercase;
padding-left: 100px;
margin: 10px 3px 4px 15px;
color: #338333;
}

p {      /* main content text */
padding-left:100px; padding-right:25px; padding-top:5px; padding-bottom:5px ;
margin: 0;
line-height: 170%;
font-size: 1.2em;
}

#maincontent ul {      /* =main content lists */
list-style-image: url('sparkle.gif');
margin: 0;
line-height: 170%; padding-left:70px; padding-right:70px; padding-top:5px; padding-bottom:5px
}

img { 
border: 0px none; 
}

.credit { 
font-size: 75%; 
color: #7436BA;
}


/*--------------link styling---------------*/ 
a:link { 
text-decoration: none; 
color: #006837; 
} 

a:visited { 
text-decoration: none; 
color: #006837; 
} 

a:hover, a:active { 
text-decoration: none; 
color: #8CC63F; 
border-bottom: 0px; 
} 

.image a:link, .image a:visited, .image a:hover, .image a:active { 
border: 0px none; 
}


/* --------------navigation------------- */
#left {
float: left;
width: 402px;
margin: 0px;
padding: 0px;
}


/* -----------footer--------------------------- */
#footer {
clear: both;
margin: 0px;
padding: 0px;
text-align: right; }


/*----Images----*/
		

#image-02 {
	background:url('layout/randombutton_2.png');
	position:absolute;
	left:1050px;
	top:100px;
	width:180px;
	height:187px;
	}
	

#image-03 {
	background:url('layout/randombutton2.png');
	position:absolute;
	left:1050px;
	top:100px;
	width:180px;
	height:187px;
	}
	

#image-04 {
	background:url('layout/randombutton3.png');
	position:absolute;
	left:1050px;
	top:100px;
	width:180px;
	height:187px;
	}
	

#image-05 {
	background:url('layout/randombutton4.png');
	position:absolute;
	left:1050px;
	top:100px;
	width:180px;
	height:187px;
	}
	

#image-06 {
	background:url('layout/randombutton5.png');
	position:absolute;
	left:1050px;
	top:100px;
	width:180px;
	height:187px;
	}