@charset "utf-8";

body  {font: 100.01%/120% Arial, Helvetica, sans-serif; color: #333; background: #036; margin: 10px; padding: 0; text-align: center; line-height: 130%;}

#container {width: 960px; margin: 0 auto; border: 2px solid #f00; text-align: left; font-size: 80%; background: #ffC;}

#header {height: 230px;}

#sidebar1 {float: left; width: 200px; padding: 10px; background: #036; color:#FFC; height: 450px;}

/* Navigation */
#sidebar1 ul {list-style: none; display: inline;}
#sidebar1 li {border-bottom: 1px solid #ffc; height: 25px; padding-top: 5px; width: 120px;}
#sidebar1 a:link, #sidebar1 a:visited {color: #6CC; text-decoration: none;}
#sidebar1 a:hover, #sidebar1 a:focus {color: #FFC;}


#mainContent {margin: 0 0 0 230px; padding: 0 20px;}
#mainContent img {float: right; margin: 15px;}

#footer {color: #036; padding: 8px;}
#footer img {float: left; margin: 8px;}

.design {font-size: 12px; color:#FFC;}
.design a:link, .design a:visited {text-decoration: none; color: #6FF;}
.design a:hover {color: #F90;}

h1 {line-height: 150%; font-size: 20px;}

.fltrt {float: right; margin-left: 8px;}
.fltlft {float: left; margin-right: 8px;}
.clearfloat {clear:both; height:0; font-size: 1px; line-height: 0px;}
.clear {clear: both;}

/***** image rotator *********/
#photoShow {
    position:relative;
    height:216px;
    width:600px;
	margin-bottom: 30px;
}
#photoShow div {
    position:absolute;
    z-index: 0;
}
#photoShow div.previous {
    z-index: 1;
}
#photoShow div.current {
    z-index: 2;
}