body {
font-family: trebuchet ms, verdana, arial, tahoma;
font-size: 90%;
color: #888;
background-color: #EEE7E1;
line-height: 180%;
margin: 0;
padding: 0;
text-align: center;
}

h2 {font-size: 110%;
color: #5b8fbe;
line-height: 130%;
text-align:center;

}
h3 {font-size: 100%;
line-height: 120%;
color: #5b8fbe;

}

#wrapper {
width : 770px;
text-align : left ;
margin-left : auto ;
margin-right : auto ;
padding-top:20px;
}

#maincontainer {
float:left;
width : 770px;
background-image:url(images/ccw_middle.jpg);
background-repeat:repeat-y;
background-position:top;	
}

#maintext {
float:none;
margin: 20px 0px 20px 200px;
padding: 0px 0px 0px 0px;
}
#picturebox {
float:right;
clear:none;
margin: 0px 0px 0px 20px;
padding: 0px 20px 0px 0px;
width:200px;
vertical-align:top;
}
#picturebox img{
display:block;
float:left;
margin: 20px 0px 0px 0px;
border: 0px solid #000000;
}


#bottomlogos {
float:inherit;
padding: 0px 0px 0px 0px;
height:120px;
}



#picturelist li {
float:left;
margin-right:55px;
}

#bottomlogos img{
display:block;
border:0px solid #CE3095;
}

#bottomlogos img:hover{
border:0px solid #F4C0DA;
}

#bottomlogos a{
color:#777777;
text-decoration:none;
}

#bottomlogos a:hover{
color:#999999;
}
#guild{
float:left;
     width: 120px;
     height: 120px;
     margin-top: 0px; /* half of the height */
     border: 0px solid #000;
	 padding:0px 0px 0px 100px;
     }
.city{
     margin-top: 70px; /* half of the height */

     }


#content {
float: left;
padding: 0 30px 0px 30px;
}

#content h1 {
padding: 0;
line-height: 140%;
color: #5b8fbe;
font-size: 160%;
}

.left {
margin: 10px 30px 5px 0;
float: left;
}

.right {
margin: 0px 0px 20px 20px;
float: right;
}
#formborder {
width:425px;
float: left;
margin: 20px -20px 2em 0em;
padding:10px 20px 10px 20px;
border: 1px solid #5b8fbe;
}
/* menu */

#wrapper-menu-page {
float: left;
width:180px;
height:100%;
margin: 20px 20px 2em 0em;
background: transparent url(images/menu.png) no-repeat;
text-align: center;
line-height: 140%;
font-family:"Lucida Grande","Lucida Sans Unicode",arial,sans-serif;
border: 0px solid #000;

}
#wrapper-menu-page img{
border:0px solid #CE3095;
}

#menu-page { 
padding-top: 5px; 
}

#menu-page ul {
margin: 0;
padding: 0;
list-style: none;
font-size: 100%;
}


#menu-page h3 {
font-size: 100%;
margin: 1em 0 0.3em 0;
color: #5b8fbe;
font-weight:normal;
letter-spacing: 0.15em;
}

#menu-page a:link, #menu-page a:visited { 
color: #888;
border: 0px solid #000;
}

#menu-page a:hover { 
color: #5b8fbe;
border: 0px solid #000;
}

.duck {
float:left;
margin-top:320px;}
.gassafe{
margin-top:70px;
text-align:center;
}
#plusnet {
float:left;
padding:200px 0px 0px 0px;
}

/* footer */

#footer {
background-image:url(images/ccw_footer.jpg);
background-repeat:no-repeat;
width:770px;
height:40px;
text-align: center;
vertical-align:top;
clear:both;
color: #5b8fbe;
font-size: 150%;
}
.telephone {
color: #5b8fbe;
font-size: 150%;
text-align:center;
clear:left;

}
a {     border: 0px solid #000;

}
#bottomtext{
font-size: 80%;
text-align : center;
}
a:link, a:visited { color: #5b8fbe; text-decoration: none; }
a:hover{ color: #666; text-decoration: none; }