@charset "UTF-8";
/* CSS Document */

 body {
	font-family: Arial, Helvetica, sans-serif;
	color: #555555;
	font-size: 12px;
	margin: 0 auto;
	padding:0;
	background-color:#E5E4CA;
	text-align:center;
	background-image:url(../img/template/back-cream.jpg);
}
img {
	border: none;
}
a {
	color: #996600;
	text-decoration:none;border: none;
}
a:HOVER {
	color: #555555;
}
p {margin:0; padding:0;}

/*---------- Top - Utility ----------*/

#sonnLink { float:right; padding:4px 10px 0 0; }
#sonnLink a{ color:#FFF; }

#top { background-image:url(../img/template/back-top.jpg); background-repeat:repeat-x; height:50px; margin:0 auto;}

#utility { width:1023px; text-align:right;margin:0 auto; display:none;}
#utility ul{  margin:0; padding-top:4px;}
#utility ul li{ display:inline; list-style:none; border-left:1px solid #ffffff;}
#utility ul li.first{ border-left:none;}
#utility ul li a{ color:#CCC; padding:0px 8px; font-size:10px; text-transform:uppercase; }

/*---------- Mast  - Global Nav ----------*/
#BigContainer { margin:0 auto;}


#Page {
	padding:0;
	margin:0 auto;
	width:1023px;
	background-color:#E5E4CA;
	}

#Mast { height:116px; background-image:url(../img/template/sonnenalp-logo.jpg); background-repeat:no-repeat;}
#Mast #logo { float:left;}
#Mast #nav { width:826px; float:right; margin-top:90px;}




/*---------- Hero ----------*/

#Hero {
	padding:0;
	margin:0 auto;
}



/*---------- HOME ----------*/


#homeContainer { text-align:left;}
    
#box1 { float:left; width:344px; background-image:url(../img/home/back-welcome.gif); background-repeat:no-repeat; margin:0; padding:0; }
#box1 h1 { margin-top:56px; font-size:15px; color:#003300;}
#box1 p { margin-right:30px; line-height:20px;}
#box2  { float:left; width:342px; background-image:url(../img/home/back-news.jpg); background-repeat:no-repeat; margin:0; padding:0; }
#box2 img.pic { margin-top:56px; margin-left:32px; margin-bottom:16px;}


#box3 { float:left; width:327px; margin:0; padding:0; }






/*---------- BODY STYLES ----------*/


#SubPageWhite {
	padding:0;
	margin:0 auto;
	width:1023px;
	background-color:#FFFFFF;
	border:1px solid #CCC;}
	
#ContentContainer {
	padding:0;
	margin:20px auto;
	width:980px;
	text-align:left;
}

#ContentContainer #LeftSide { float:left; width:590px; 
}

#ContentContainer #LeftSide p { margin:8px 0; line-height:18px;}
#ContentContainer #LeftSide h2 { color:#003300; font-size:14px; }



#ContentContainer #LeftSide ul.leaf { list-style-image:url(../img/template/leaf.gif);}



#ContentContainer #RightSide { float:right; width:320px; margin-top:20px;	
}
#ContentContainer #RightSide  #sidnav {width:313px; height:249px;  padding:20px;}
#ContentContainer #RightSide  #sidnav  h3 { color:#003300; font-size:13px; font-weight:lighter;}
#ContentContainer #RightSide  #sidnav  ul { margin-left:20px; padding:0;}
#ContentContainer #RightSide  #sidnav  ul li { list-style-image:url(../img/template/arrow.gif); padding:4px 0; width:260px;}
#ContentContainer #RightSide  #sidnav  ul li a { font-size:11px; }
.PolicyNav {background-image:url(../img/template/back-subnav-policy.gif); background-repeat:no-repeat;}


.TravelNav {background-image:url(../img/template/back-subnav-policy.gif); background-repeat:no-repeat;}




/*---------- FOOTER _____________________*/

#bottom {background-image:url(../img/template/back-foot.jpg);
	height:111px;
	margin:0 auto;
	padding:0;
	background-color:#003300;
	position: relative;
bottom: 0px;
left: 0px;
	}

#footer {
	padding-top:20px;
	margin:0 auto;
	width:1023px;
	font-family: Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#cccccc;
	text-align:left;
	left: -20px;
	
}


#footLeft { float:left; text-align:left; left:-20px;}

#footRight {float:right; text-align:right;}

#footer a{
	color:#cccccc;
}


#footer ul {
	font-family: Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#cccccc;
	
}
#footer ul li {
	color:#cccccc;
	display:inline;
	list-style:none;
	padding:4px;
}
#footer ul li a {
	font-family: Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#cccccc;
	text-decoration:none;
}
#footer ul li a:HOVER {
	color:#cccccc;
}





/*----------- Utility Styles -------------*/
.clear {
	float: none !important;		/* Remove any inherited floats */
	display: block !important;	/* Make sure our element is a block-level element */
	clear: both !important;		/* Make sure it clears on both sides */
	margin: 0 !important;		/* Remove all margins that would make it visible */
	border: 0 !important;		/* Remove all borders that would make it visible */
	padding: 0 !important;		/* Remove all padding that would make it visible */
	height: 0.1px !important;	/* Mozilla/Firefox require the clearer height to not be 0, but rounding makes it 0 */
	line-height: 0 !important;	/* Set the line-height to 0 so it isn't visible */
	font-size: 0 !important;	/* Set the font-size to 0 so it isn't visible */
}