/* CSS Document */
body, html {
	margin: 0 ;
	padding: 0 ;
	background-color: white ;
}
body {
	font-family: Verdana, sans-serif ;
	font-size: 76% ;
	min-width: 750px ;
	text-align: center ;
}
#pagecontainer {
	margin: 0 auto ;
	width: 750px ;
	border: 1px solid black ;
	background-color: white ;
	line-height: normal ;
	color: #003 ;
	text-align: left ;
	background-image: url("images/gradient.php.png") ;
	background-repeat: repeat-x;
}
#leftpane {
	clear: both ;
	width: 140px ;
	float: left ;
    margin-top: 20px ;
}
#leftpane ul, #leftpane li {
	margin: 0 ;
	padding: 0 ;
	list-style-type: none ;
}
#leftpane a {
	display: block ;
	text-decoration: none ;
	color: #003 ;
	font-weight: bold ;
	padding: 2px ;
	padding-left: 5px ;
}
#leftpane a:hover {
	background-color: #9cf;
	color: white ;
}
#leftpane img {
	margin: 0 auto ;
}
#rightpane {
	float: right ;
	width: 575px ;
    margin-top: 0px ;
}
#rightpane table>caption>h2 {
	padding-top: 40px ;
}
#rightpane h1 {
	margin-top: 40px ;
	font-size: 2em ;
	font-weight: bolder ;
	text-align: center ;
	color: #003 ;
	font-style: italic ;
	text-decoration: underline ;
}
#rightpane h2 {
	font-size: 1.4em ;
	text-align: center ;
	font-weight: bold ;
	color: #039;
	padding: 20px ;
}
#rightpane h3 {
	font-size: 1.4em ;
	text-align: center ;
	font-weight: bold ;
	color: #039;
	margin-top: 20px ;
	padding: 5px ;
}
#rightpane a {	
	text-decoration: none ;
	color: #69c;
}
#rightpane a:hover {
	background-color: #66c;
	color: #fff;
}
#rightpane p {
	padding: 2px 20px ;
    text-align: justify ;
}
#footer {
	clear: both;
	padding-top: 20px;
	font-size: 0.9em;
	height: 80px ;
	background-image: url("images/gradientfooter.php.png");
	background-repeat: repeat-x;
}
#footer a {
	color: white ;
}
#footer .leftfoot {
	width: 360px ;
	float: left ;
	text-align: center ;
}
#footer .rightfoot {
	width: 360px ;
	float: right ;
	text-align: center ;
}
#footer .footend {
	clear: both ;
	height: 0 ;
}