/** 

This is the CSS for the New Life Players: Christian Comedy website.  

**/



/** General Rules for Tags **/


body {
	font-family: Arial, Helvetica, sans-serif;
	background-color: #FFFFFF;
	margin: 0;
	padding: 0;
	background-image: url('images/header-repeat.png');
	background-repeat: repeat-x

}


ul {
	font-size: 14px;
	color: #000000;

}

p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #000000;
	text-align: left;
	padding: 0;
	margin: 0;

}

h1, h2, h3 {
	text-align: left;
	font-family: Georgia, "Times New Roman", Times, serif;

}

h1 {
	font-size: 26px;	
	color: #FFCC00;

}

h2 {
	font-size: 20px;
	color: #3399FF;
	
}

h3 {
	font-size: 15px;
	color: #FF6600;

}

/** Banner at the top **/

div#banner {
	position: absolute;
	top: 0;
	left: 0;
	width: 150px;
		
}

/** Left Navigation **/

div#leftnavigation {
	position: absolute; 
	top: 150px; 
	left: 0; 
	width: 175px;
	bottom: 0;
	background-color:#3399FF;
	border-bottom: dotted;
	border-bottom-color: #FFFF33;
	border-right: dotted;
	border-right-color: #FFFF33;
	border-top-style: solid;
	border-top-color: #FFFF33;
	
}

div#leftnavigation p {
	padding: 15px 0 0 0;
	
}

div#leftnavigation a {
	color: #FFFFFF;
	text-decoration: none;

}

div#leftnavigation li {
	padding: 12px 0 0 12px;
	font-size: 17px;
	
}

div#leftnavigation ul {
	list-style: none;
	margin: 0;
	padding: 0 0 10px 0;

}

div#leftnavigation a:hover {
	color: #FFFF33;
	font-size: 19px;

}


/** Class called "selected" added here **/

div#leftnavigation a:hover.selected {
	color: #FFCC66;
	
}

div#leftnavigation a.selected {
	color: #FFCC66;
	font-size: 19px;
	
}

/** Content Area **/

div#content {
	margin: 150px 0 0 175px;
	border-top-style: solid;
	border-top-color: #FFFF33;
	
}

div#content a {
	color: #FF6600;

}

div#content a:hover {
	color: #3366FF;
	
}

div#content p {
	margin: 12px 12px 12px 20px;

}

div#content h1 {
	margin: 12px 12px 12px 12px;

}

div#content h2 {
	margin: 12px 12px 12px 12px;

}

div#content h3 {
	margin: 12px 12px 12px 12px;

}

div#content ul {
	padding: 0 0 0 20px;

}

form#email {
	border: ridge;
	border-color: #FF6600;
	margin-left: .5cm;
	margin-right: .5cm
	
}

div#email {
	margin-left: .5cm;
	margin-top: .5cm

}


/**Image Classes**/

div#content img.left {
	padding: 10px 10px 10px 18px;

}