﻿/* andreas08 - an open source xhtml/css website layout by Andreas Viklund - http://andreasviklund.com . 
Free to use in any way and for any purpose as long as the proper credits are given to the original designer. 
Version: 1.0, November 28, 2005 */

/**************** Body and tag styles ****************/
*{margin:0; padding:0;}

body{
font:76% Verdana,Tahoma,Arial,sans-serif;
line-height:1.4em;
text-align:center;
color:#303030;
background:#e8eaec;
}

a{
color:#467aa7;
font-weight:bold;
text-decoration:none;
background-color:inherit;
}

a:hover{color:#2a5a8a; text-decoration:none; background-color:inherit;}
a img{border:none;}

th {text-align:left;padding:0 10px 0 10px}
td {text-align:left;padding:0 10px 0 10px}

.1em{padding-right:1em}
.pup a:hover {
position: relative;
}
.pup a span {
display: none;
}
.pup a:hover span {
display: block;
position: absolute; left: -100px;border:1px;padding:5px;
border-style:solid;background: #ffffcc;text-decoration:none
}

.li2 {margin-left:30px}

.normy a{color:black;font-weight:inherit;text-decoration:none}
.undies a:hover{text-decoration:underline}
/* contactform */


.contactform {width:418px; margin:2.0em 0 0 0; padding:10px 10px 0 10px; border:solid 1px rgb(200,200,200); background-color:rgb(240,240,240);}
.contactform fieldset {padding:0 0 0 0 !important /*Non-IE6*/; padding:0 /*IE6*/; margin:0 0 20px 0; border:solid 1px rgb(220,220,220);}
.contactform fieldset legend {margin:0 0 0 5px !important /*Non-IE*/; margin:0 0 20px 5px /*IE6*/; padding:0 2px 0 2px; color:rgb(80,80,80); font-weight:bold; }
.contactform label.left {float:left; width:120px; margin:0 10px 0 10px; padding:2px; }
.contactform select.combo {width:175px; padding:2px; border:solid 1px rgb(200,200,200); font-family:verdana,arial,sans-serif; }
.contactform input.field {width:260px; padding:2px; border:solid 1px rgb(200,200,200); font-family:verdana,arial,sans-serif;}
.contactform input {padding: 0;	margin-bottom: 0px;}
.contactform textarea {width:260px; padding:2px; border:solid 1px rgb(200,200,200); font-family:verdana,arial,sans-serif; }
.contactform input.button {width:9.0em; margin:0 10px 0 10px; padding:1px !important /*Non-IE6*/; padding:0 /*IE6*/; background:rgb(230,230,230); border:solid 1px rgb(150,150,150); text-align:center; font-family:verdana,arial,sans-serif; color:rgb(0,0,0); }
.contactform input.button:hover {cursor: pointer; border:solid 1px rgb(80,80,80); background:rgb(220,220,220); color:rgb(80,80,80);}
.contactform p {line-height:1.2em}
.contactform p.margnil {padding:0 4px 0 0}
.contactform option {padding:0 0 2px 4px}
/* formatting only styles */


p{padding:0 0 1.6em 0;}
p form{margin-top:0; margin-bottom:2em;}

img.right{padding:0.4em; border:0.1em solid #a0a0a0;}

img.center{padding:0.4em; border:0.1em solid #a0a0a0;}

img.left{padding:4px; border:1px solid #a0a0a0;}
img.left{float:left; margin:0 12px 5px 0;}
img.center{display:block; margin:0 auto 5px auto;}
img.right{float:right; margin:0 0 0.5em 1.2em;}

textarea{
	width:15em;
	height:4em;
	overflow: auto; 
    font-family:Arial, Helvetica, sans-serif;
    font-size:small;
    margin-bottom: 10px;


}

.ta2{
	width:15em;
	height:6em;
	overflow: auto; 
    font-family:Arial, Helvetica, sans-serif;
    font-size:small;
    margin-bottom: 10px;


}


input {
	border: 1px solid #ccc;
	font-family: Verdana,Tahoma,Arial,Sans-Serif;
	font-size: 1em;
	margin: 10 0 0 0;
	padding: 4px;
	margin-bottom: 10px;
}

input.norm{
border: 2px solid #ccc;
	font-family: Arial,Sans-Serif;
	font-size: 0.9em;
	margin: 0 0 0 0;
	padding: 0;
}


.input2{
    margin: 0 0 0 0;
	padding: 0px;
		
}

/**************** Header and navigation styles ****************/

#container{
width:64em;
margin:2em auto;
padding:1px 0;
text-align:left;
background:#ffffff;
color:#303030;
border:2px solid #a0a0a0;
}

#header{
height:250px;
width:64em;
margin:0 0px 1px 1px;
background:#D77EA2;
color:#ffffff;text-align:right

}

#header h1{

padding:20px 30px 10px 20px;
font-size:20px;line-height:24px;
background-color:inherit;
color:#777777;
font-weight:normal;
text-align:right;
}

.headh1{position:absolute;top:160px;}
.p100{padding-top:130px}
#header h2{
padding:0px 30px 10px 20px;
margin:0px 0 10px 20px;
font-size:1.8em;
background-color:inherit;
color:#696969;
font-weight:normal;
}

#logo
{
	height:100px;
	float:left
}

#navigation{
height:2.2em;
line-height:2.2em;
width:100%;
margin:0 1px;
background:#696969;
color:#ffffff;
}

#navigation li{
float:left;
list-style-type:none;
border-right:1px solid #ffffff;
white-space:nowrap;
}

#navigation li a{
display:block;
padding:0 10px;
font-size:0.8em;
font-weight:normal;
text-transform:uppercase;
text-decoration:none;
background-color:inherit;
color: #ffffff;
}

* html #navigation a {width:1%;}




#navigation a:hover{
background:#d77ea2;
color:#ffffff;
text-decoration:none;
}

#navigation .selected{
background:#d77ea2;
color:#ffffff;
text-decoration:none;
}

/**************** Content styles ****************/

#content{
float:left;
width:38em;
font-size:0.9em;
padding:20px 20px 0 20px;
}

#content2{
float:left;
width:64em;
font-size:0.9em;
padding:20px 0 0 20px;
}

.pad
{
	padding:10px 0 0 20px
}

#content h1{
display:block;
margin:0 0 16px 0;
font-size:1.7em;
font-weight:normal;
letter-spacing:-1px;
color:#505050;
background-color:inherit
}

#content h2 {display:block;
margin:0 0 16px 0;
font-size:1.5em;
font-weight:normal;
letter-spacing:-1px;
color:#505050;
background-color:inherit
}
#content h3{margin:0 0 5px 0; font-size:1.4em; letter-spacing:-1px;}
#subcontent a:hover{text-decoration:underline;}

#content ol{margin:0 5px 16px 35px;}
#content ul{margin:0 5px 16px 35px;}
#content dl{margin:0 5px 10px 25px;}
#content dt{font-weight:bold; margin-bottom:5px;}
#content dd{margin:0 0 10px 15px;}

/**************** Sidebar styles ****************/

#subcontent{
float:right;
width:24em;
padding:10px 10px 0 0;

}

#subcontent h2{
display:block;
margin:0 0 15px 0;
font-size:1.6em;
font-weight:normal;
text-align:left;
letter-spacing:-1px;
color:#505050;
background-color:inherit;
}

#subcontent p{margin:0; font-size:0.9em;}

.h22
{
padding:0 0 0 0 ;
margin:0 0 0 0;
font-size:1.6em;
font-weight:normal;
text-align:left;
letter-spacing:-1px;
color:#505050;
background-color:inherit;
}

.h23
{
padding:0 0 0 0 ;
margin:0 0 0 0;
font-size:1.6em;
font-weight:normal;
text-align:center;
letter-spacing:-1px;
color:#505050;
background-color:inherit;
}

.form22
{
margin:0 0 0 10px ;
font-size:1.3em;
text-align:left;text-decoration:underline
}


#pop a span {display: none;}

#pop a:hover span {display: block;
   position: absolute; top: 200px; left:200px; width: 300px;
   padding: 5px; margin: 10px; z-index: 100;
   color: blue; background: white;border:thin solid ;
   font: 11px Verdana, sans-serif; }


/**************** Warning styles ****************/
#warning{

clear:both;
width:100%;
padding:5px 0;
margin:0 ;
font-size:0.9em;
text-align:center}














/**************** Menublock styles ****************/
.menublock{margin:0 0 20px 8px; font-size:0.9em;}
.menublock li{list-style:none; display:block; padding:2px; margin-bottom:2px;}
.menublock li a{font-weight:bold; text-decoration:none;}
.menublock li a:hover{text-decoration:none;}
.menublock li ul{margin:3px 0 3px 15px; font-size:1em; font-weight:normal;}
.menublock li ul li{margin-bottom:0;}
.menublock li ul a{font-weight:normal;}

/**************** Searchbar styles ****************/

#searchbar{margin:0 0 20px 0;}
#searchbar form fieldset{margin-left:0px; border:0 solid;background:#ffffff}

#searchbar #s{
height:1.2em;
width:110px;
margin:0 5px 0 0;
border:1px solid #a0a0a0;
font-size:1.0em;
}

#searchbar #searchbutton{
width:auto;
padding:0 1px;
border:1px solid #808080;
font-size:1em;
text-align:center;
}


/**************** Footer styles ****************/

#footer{
clear:both;
width:100%;
padding:5px 0;
margin:0 1px;
font-size:0.9em;
color:#f0f0f0;
background:#d77ea2;
}


#footer p{padding:0; margin:0; text-align:center;}
#footer a{color:#f0f0f0; background-color:inherit; font-weight:bold;}
#footer a:hover{color:#ffffff; background-color:inherit; text-decoration: underline;}

/**************** Misc classes and styles ****************/
.splitcontentleft{float:left; width:60%;}
.splitcontentleft2{float:left; width:38%;text-align:right}

.splitcontentright{float:right; width:38%;}
.splitcontentright2{float:right; width:60%;}
.clear{clear:both;}
.small{font-size:11px}
.margtop {margin-top:6px}

.hide{display:none;}
.textcenter{text-align:center;}


.textright{text-align:right;}


.box2{
margin:margin:10px 10px 0px 0;
padding:10px 10px 0 0px;
border:1px solid #c0c0c0;
background-color:#fafbfc;
color:#505050;
line-height:2.5em;
}
.ht{height:24em}
.small2 {font-size:0.9em;}

.important{color:#f02025; background-color:inherit; font-weight:bold;}
.margo {margin-left:80px}
.box{
margin:10px 10px 0px 0;
padding:10px 10px 0 10px;
border:1px solid #c0c0c0;
background-color:#fafbfc;
color:#505050;
}
.w150{width:150px}
.w50{width:50px}
.lh{line-height:1.2em;}
.caps{text-transform:uppercase}
.s17{font-size:1.7em}
.110 {font-size: 110%;}
.warnmarg {
	margin:0 20px 0 20px}
}

.cenhead{
	color: #965;
	font-size: 1.0em;
	text-align:center;
	font-weight:bold
}

.room{padding:10px 10px 10px 10px;color:blue}
.cen{text-align:center;}
.red{color:red}
.red2{color:red;float:right;padding-right:4px;}

.boddy{
font:90% Verdana,Tahoma,Arial,sans-serif;
padding:20px;
line-height:1.4em;
text-align:left;
color:#303030;
background:#e8eaec;
}



#dropmenudiv{
position:absolute;
border:1px solid black;
border-bottom-width: 0;
line-height:18px;
z-index:100;
}

#dropmenudiv a{
width: 100%;
display: block;
text-indent: 3px;
border-bottom: 1px solid black;
padding: 1px 0;
text-decoration: none;
font-weight: bold;
}

#dropmenudiv a:hover{ /*hover background color*/
background-color: silver;
}

.tr{text-align:right;margin-top:1em;margin-right:2em;line-height:normal}
.tr a{margin-right:30px;font-weight:normal;text-decoration:underline}
.tr a:hover{text-decoration:underline}



div.quote {width: 100%;
}


div#commentForm {
 	display: none;background-color:#D77EA2;padding:10px;
 
 	}

.italy a{
	text-decoration:none;font-style:italic;color:gray;font-weight:normal
}



