/* CSS Document */

BODY{
font-family: Trebuchet MS, Helvetica, sans-serif;
background-color:#E53614;
}

.maincontainer{
position:absolute;
top:20px;
left: 100px;
}

.header{
width:800px;
background-image:url(graphics/backgroundheader.jpg);
height:85px; background-repeat: repeat-x}

.title{
	color:#FFFFcc;
	padding-top: 15px;
	padding-right: 15px;
	float:right;
	height:50px;
	font-weight: bold;
	text-align: center;
	font-size: 24px;
}
.title p {
	font-size: 10px;
	font-style:italic;
	position: relative;
	top:-15px;
	}

.navigation{
float:left;
padding-top:35px;
padding-left:15px;
color:#333333;}

.navigation a:link {color: #ffffCC;text-decoration:none;font-weight:bold;font-size:10px;}
.navigation a:visited {color: #ffffCC;text-decoration:none;font-weight:bold;font-size:10px;}
.navigation a:hover {color: #ffffff;text-decoration:none;font-weight:bold;font-size:10px;}
.navigation a:active {color: #ffffCC;text-decoration:none;font-weight:bold;font-size:10px;}  

.photo_column{
width:800px;}

.photocolumn_bottom{
width:800px;
height:45px;
color:#ffffcc;}
.photocolumn_bottom a:link {color: #E53614;text-decoration:none;font-weight:bold;font-size:11px;}
.photocolumn_bottom a:visited {color: #E53614;text-decoration:none;font-weight:bold;font-size:11px;}
.photocolumn_bottom a:hover {color: #ffffcc;text-decoration:none;font-weight:bold;font-size:11px;}
.photocolumn_bottom a:active {color: #E53614;text-decoration:none;font-weight:bold;font-size:11px;} 

.block{
width:169px; 
height:35px;
background-color:#333333; 
float:left;
padding:5px;
padding-left:15px;
padding-right:15px;
font-weight:bold;
font-size:11px;
border-right: 1px solid #989898;}

.block2{
width:168px; 
height:35px;
background-color:#333333; 
float:left;
padding:5px;
padding-left:15px;
padding-right:15px;
font-weight:bold;
font-size:11px;
border-right: 1px solid #989898;
border-left: 1px solid #989898;}

.main_area{
	background-color:#FFFFFF;
	width:800px;
	padding-top: 15px;
}
.collumn_mid{
width:600px;
float:left;
border-right: 1px #CCFF00 solid;
}

.collumn_mid_area{
width:378px;
float:right;
padding-right:5px;
padding-left:5px;
font-size:11px;}
.collumn_mid_area a:link {color: #E53614;font-size:11px;}
.collumn_mid_area a:visited {color: #E53614;font-size:11px;}
.collumn_mid_area a:hover {color: #49555B;font-size:11px;}
.collumn_mid_area a:active {color: #E53614;font-size:11px;}

.collumn_right{
	width:178px;
	float:right;
	color: #49555B;
	margin-right:5px;
	font-size:10px;
}

.collumn_right  a:link {color: #E53614;font-size:11px;}
.collumn_right  a:visited {color: #E53614;font-size:11px;}
.collumn_right  a:hover {color: #49555B;font-size:11px;}
.collumn_right  a:active {color: #E53614;font-size:11px;}

.collumn_left{
width:180px;
padding:10px;
color:#49555B;
border-right: 1px #CCFF00 solid;
font-size:10px;
}

.collumn_left a:link, a:visited, a:active {color: #E53614;}
.collumn_left a:hover {color: #49555B;}

.collumn_photos {
width:556px;
float:right;
padding-right:5px;
padding-left:5px;
font-size:11px;}
.collumn_photos  a:link {color: #E53614;}
.collumn_photos  a:visited {color: #E53614;}
.collumn_photos  a:hover {color: #49555B;}
.collumn_photos  a:active {color: #E53614;}

#guestentries ul {
	margin-left: 0;
	padding-left: 0;
	list-style-type:none;
}

#guestentries li {
	border-bottom:1px dotted #E53614;
}

h2{
font-size:16px;
}

.picL {
float: left;
}

.picL a:link, a:visited, a:active {color: #E53614; font-size:80%}
.picL a:hover {color: #49555B;font-size:80%}

.picR {
float: right;
}

.picR a:link, a:visited, a:active {color: #E53614; font-size:80%}
.picR a:hover {color: #49555B;font-size:80%}

.subtext {font-size:80%;color:#49555B; font-style:italic}
.copyright {font-size:60%;color:#333333;text-align:center;padding-top:3px;}

.copyright a:link {color: #333333;text-decoration:none;font-size:10px}
.copyright a:visited {color: #333333;text-decoration:none;font-size:10px}
.copyright a:hover {color: #ffffcc;text-decoration:none;font-size:10px}
.copyright a:active {color: #333333;text-decoration:none;font-size:10px} 

.formclass input {width:300px;font-size:11px}
.formclass a:link {color: #E53614;font-size:11px}
.formclass a:visited {color: #E53614;font-size:11px}
.formclass a:hover {color: #49555B;font-size:11px}
.formclass a:active {color: #E53614;font-size:11px}

.footer{
width:800px;
background-color:#ffffcc;
height:30px;
}



.scroller{
overflow:auto;
width:150px;
height:200px;
border: solid 1px #CCCCCC;
list-style:none;}



ul.menu{
margin:0px;
padding:5px;
list-style:none;
width:110px;}

img.screenshot{
width:60px;
height:50px;
float:right;}