/* ============================ Basics */
#pagewidth{
width:100%;
}
#header{
height:auto;
}
#maincol{
padding-top:0;
}
#header form, #footer div, #nav li ul, #footer p#copyright span, .btn-chk, #fbtab, #tatab{
display:none;
}
.cols2, #lcol, #rcol{
width:100%;
float:none;
}
#footer{
width:100%;
padding-left:0;
}
p, h1, h2, h3, table, form {
margin-left:10px;
margin-right:10px;
}
ul,ol{
 margin:0em 10px 1em 40px; /* Right = same as other elements. Left = Left of other elements +30 */
}
h1{
margin:15px 10px 10px;
font-size:24px;
}
blockquote{
margin:0 10px 1em;
}
blockquote.bsus, blockquote.bgg{
width:auto;
}
/* ============================ Header */
#header h1{
left:0;
position:relative;
margin:0 auto;
}
#book{
display:block;
margin:10px 20px 1em;
}
#book a{
display:block;
text-align:center;
font-size:14px;
line-height:14px;
font-weight:bold;
text-decoration:none;
background:#999;
-moz-border-radius-topleft:10px;
-moz-border-radius-topright:10px;
-webkit-border-top-left-radius:10px;
-webkit-border-top-right-radius:10px;
border-top-right-radius:10px;
border-top-left-radius:10px;
color:#fff;
padding:10px 0 10px;
}

#nav{
position:relative;
top:0;left:0;
width:100%;
}
#nav li{
width:50%;
margin:0 0 5px;
padding:0;
}
#nav li a, #nav li a:hover{
margin:0 5px; padding:5px 0;
background:#eee;
border-radius:10px;
-moz-border-radius:10px;
-webkit-border-radius:10px;
text-align:center;
}
#nav li.current{
background:none;
}
#nav li.current a, #nav li.current a:hover{
padding-bottom:5px;
background:#E7EFFF url(../images/body-bg.png) left center;
}
#nav li:hover{
background:none;
}

/* ============================ Content */
#carousel {
float: none;
margin:10px auto;
width: 320px;
height: 180px;
}
#carousel.vert{
width:293px;
height:390px;
}

#carousel ul, #carousel.vert ul {
margin:1px;
}
.slide img, .vert .slide img{
width:100%;
top:0;left:0;
}
.slide span, .vert .slide span{display:none;}

.slide p{ 
top:161px;
font-size:12px;
background:#fff;
opacity:.8;
z-index:10;
}
.vert .slide p{
top:361px;
width:100%;
margin-left:0;
}
.boxes li{
float:none;
margin:0 auto 20px;
display:block;
}
.boxes li a:hover strong{
opacity:.7; /*don't change on hover*/
}
.boxes li a:hover span{
display:none;
}
.mobilemap{
display:block;
}
#map{display:none;}
.mobilemenus{display:block;}
.menus{display:none}
/* ============================ Footer */
#footer p#copyright{
font-size:1em; 
margin-left:10px;
margin-right:10px;
width:auto;
}
.mobilefoot{
margin:0;padding:0;display:block;list-style:none;
}
.mobilefoot li{
margin:0;padding:0;
}
.mobilefoot li a{
text-align:center;
display:block;
padding:15px 0;
margin:15px;
background:#E7EFFF url(../images/body-bg.png) left center;
border-radius:10px;
-moz-border-radius:10px;
-webkit-border-radius:10px;
font-size:18px;
font-weight:bold;
box-shadow: 2px 2px 2px #666;
-moz-box-shadow: 2px 2px 2px #666;
-webkit-box-shadow: 2px 2px 2px #666;

}