/* CSS Document */
/* $Id: ritawp.css,v 1.2 2006/05/20 18:25:17 zsolt Exp $ */
html, body, ul, ol, li, p, h1, h2, h3, h4, h5, h6, form, fieldset {
margin: 0;
padding: 0;
border: 0;
}


body {
font-family: Arial, Helvetica, sans-serif;
background-color: #CCCCCC;
color: #666666;
text-align: center;
}

#wrapper {
width: 770px;
background-color:#FFFFFF;
margin:10px auto;
border: 1px solid #000000;
text-align:left;
}

#banner {
	height: 55px;
	/*border-bottom: 1px solid #000000;*/
}

#nav {
	width: 742px;
}

#nav ul {
	padding: 0;
	margin: 0;
	text-align: right;
}

#nav ul li {
	display: inline;
	padding: 0;
	margin: 0;
}

#nav ul li a {
font-size: 80%;
color: #000000;
background-color:#FFFFFF;
text-decoration: none;
padding: 0 15px;
border-right: 1px solid #ffffff;
text-align: center;
width: 9em;
}

#nav ul li a:hover, #nav ul li a:focus {
	background-color: #696969;
	color: #E5E5E5;
}

#content{
background-color: red;
margin-left: 200px;
}

#content p{
font-size: 80%;
margin: 20px;
}

#content h1{
font-size: 130%;
color: #003366;
padding: 0;
margin: 20px;
}

#content h2{
font-size: 110%;
color: #003366;
padding: 0;
margin: 20px;
}

.mainimage{
	float: center;
	margin: 0 10px 20px 0;
	border: 1px solid #000000;
	margin-top: 50px;
}

.rightimage{
float: right;
margin: 0 0 20px 15px;
border: 1px solid #000000;
width: 150px;
}

/*
.clearit{
clear: both;
}
*/

#footer{
clear: both;
border-top: 1px solid #000000;
background-color: #EDEDED;
color: #9F9F9F;
}

#footer p {
	font-size: 70%;
	padding: 3px;
	text-align: center;
}

leftcol{
margin-left: 10px;
margin-top: 20px;
width: 170px;
background-color:#FFFF00;
margin-bottom: 20px;
float: left;
}
.projectlist img {
	margin: 5px 10px 3px 10px;
	padding: 20px;
	border: 2px solid #777777;
}


#content p.right{
float: right;
}

.container {
width: 99%; 
float:right;
background-color:#6633CC;
}
.projectlist a {
	font-size: 12px;
	color: #575757;
	text-decoration: none;
}
.projectlist a:hover, .projectlist a:focus {
	text-decoration: underline;
}

.projectlist div {
	font-style: italic;
	float: left;
	margin: 10px 16px;
}
.projectlist p {
}


img {
	border: none;
}
div.projectlist {
	margin: 20px 80px;
}
p.clear {
	clear: both;
}
.verysmallplacer {
	font-size: 1px;
}
.imageholder {
	overflow: auto;
	height: 450px;
	width: 700px;
}
.mainpage img {

	margin: 45px 10px 45px 10px;
	padding: 40px;
	border: 2px solid #777777;
}
.project img {


	margin: 0;
	padding: 40px;
	border: 2px solid #777777;
}
div.project {
	margin: 10px 62px 0px 40px;
}

.project div {  font-size: 12px}

.projectdescr {
	width: 135px;
}

.projectdescr p {
	text-align: left;
	font-size: 75%;
}

.showlist {
	text-align: left;
	width: 75%;
	line-height: 130% ;
}

.showlist p {
	font-size: 75%;
	text-indent: 5%; 
	padding: 0 0 1% 0;
}

.showlist img {
	padding: 5% 0 0% 0;
}
	
.showlist h4 {
	font-size: 90%
}

.showlist h5 {
	font-size: 75%
}

.showlist ul li {
	font-size: 75%;
	padding: 0;
	margin: 0px 0px 0px 20px;
};