/* andreas06 - an open source xhtml/css website layout by Andreas Viklund - http://andreasviklund.com . Free to use for any purpose as long as the proper credits are given for the original design work.

Version: 1.1, November 28, 2005 */

body{
background:#eae6de url(img/bodybg.gif) repeat-x;
color:#333333;
font:76% Georgia,Verdana,Tahoma,Arial,sans-serif;
margin:8px;
padding:0;
text-align:center;
}

p{
line-height:1.5em;
margin:0 0 15px;
}

a{color:#d13c69; font-weight:700; text-decoration:none;}
a:hover{color:#a10031; text-decoration:underline;}
a:visited{color:#b04c6b;}

hr{
height:1px;
margin:5px 0;
width:98%;
}

#container{
background:#eae6de url(img/bodybg2.gif) repeat-x;
margin:0 auto;
text-align:left;
width:752px;
}

#sitename{
background:url(img/logo.gif) top center no-repeat;
color:#ffffff;
font-weight:400;
height:130px;
margin:0 20px 10px 0;
text-align:center;
}

#sitename h1{
font-size:2.2em;
margin:0;
padding-top:20px;
}

#sitename span{
font-size:1.6em;
letter-spacing:-1px;
margin:0;
}

#nav{
background:url(img/greypx.gif) bottom left repeat-x;
float:left;
width:752px;
}

#nav ul{
list-style:none;
margin:0;
padding:0;
}

#nav a{
background:url(img/tabs.gif) no-repeat 100% 0;
color:#808080;
display:block;
font-size:1.2em;
letter-spacing:-1px;
padding:7px 20px 4px 11px;
text-decoration:none;
}

#nav a:hover{color:#505050;}

#nav li{
background:url(img/tabs.gif) no-repeat 0 0;
float:left;
margin:0 4px 0 0;
padding:0 0 0 9px;
}

#nav #current{background:url(img/tabs.gif) no-repeat 0 -41px;}

#nav #current a{
background:url(img/tabs.gif) no-repeat 100% -41px;
color:#303030;
padding:7px 20px 5px 11px;
}

#wrap1{
background:#ffffff url(img/innerbg.jpg) repeat-y;
border-bottom:1px solid #808080;
border-left:1px solid #808080;
border-right:1px solid #808080;
clear:both;
padding:0;
width:750px;
}

#wrap2{
background:url(img/header.jpg) top left no-repeat;
padding:10px;
width:730px;
}

#header{
height:30px;
position:relative;
width:730px;
}

#header h1{
float:left;
font-size:1.4em;
margin:0;
width:180px;
}

#topbox{
color:#339999;
margin:0 0 4px;
text-align:right;
}

#topbox a{color:#006666;}

#topbox a:hover{text-decoration:underline;}

#leftside{
float:left;
margin:-15px 0 0;
width:145px;
}

#leftside h1{
font-size:1.4em;
font-weight:400;
}

#rightside{
float:right;
margin:40px 15px 20px 0;
width:135px;
}

#rightside h1{
font-size:1.4em;
font-weight:400;
margin:0 0 12px;
}

#rightside p{
font-size:0.9em;
margin:2px 0 12px 10px;
}

#content{margin:45px 170px 0 180px;}

#contentalt{margin:45px 15px 0 180px;}

#content p,#contentalt p{margin:8px 0 0 10px;}

#content h1,#contentalt h1{
color:#b71949;
font:Arial, Helvetica, sans-serif;
font-size:2em;
font-weight:400;
margin:15px 0 10px;
padding:0;
}

#content h2,#contentalt h2{
color:#b71949;
font:Arial, Helvetica, sans-serif;
font-size:1.5em;
font-weight:400;
margin:20px 0 10px;
padding:0;
}

#content img,#contentalt img{
border: none;
margin:5px 15px 6px;
}

#content li {
	list-style-type: none;
	background: url(img/bullet.gif) no-repeat 0px 8px;
	padding: 0 0 0 29px;
	line-height: 2em;
	letter-spacing: 0.1em;
	}

#footer{
clear:both;
color:#7d7d7d;
font-size:0.9em;
height:26px;
margin-top:20px;
padding:1px;
text-align:right;
width:720px;
}

#footer a{color:#a0a0a0; font-weight:400;}

#footer a:hover{color:#a0a0a0; text-decoration:underline;}

#thumbnails {
	width: 135px;
	height: 150px;
	padding: 0;
	margin: 0;
	display:block;
	}
#thumbnails ul.thumbs { 
	list-style-type: none;
	margin: 0;
	padding: 0;
	}
#thumbnails ul.thumbs:after {
	content: "."; 
	display: block; 
	clear: both; 
	height: 0;
	visibility: hidden
	}	
#thumbnails ul.thumbs li { 
	float: left;
	margin: 3px;
	padding: 0;
	background-image: none;
	}
#thumbnails ul.thumbs li a img { border: 4px solid #dbf1eb; }
#thumbnails ul.thumbs li a:hover img { border: 4px solid #ffffff; }	
html>body #thumbnails ul.thumbs li a { background-color: transparent; }

#gallery {
	display:block;
	margin-top:10px;
	padding-left:24px;
	text-align:center;
	}
#gallery img {
	float: left;
	background-color: #fff;
	border: 1px dashed #928c89;
	padding: 15px;
	margin: 0 0 5px 10px;
}
#sidebar { 
  width:145px;
  height:auto;
  float:left;
  padding:8px;
  font:90% Verdana, Arial, Helvetica, sans-serif;
  text-align:justify;}

#sidebar a { 
  display: block;
  padding:10px 5px;
  border-bottom:#186d90 1px dashed;
  text-align:center;}
  
#sidebar a:hover { 
  background-color: #bbede1;
  color:#006666;  
  text-decoration: none;}

.topside
{ padding-bottom:10px;
  color:#186d90; 
  font-size:1.2em;
  font-weight:bold;
  border-bottom:#186d90 2px solid;
  text-align:center;}
  

.intro{font-weight:700;}

.active{
border:1px solid #fa9035;
padding:1px 1px 1px 9px;
}

.box{
background:url(img/translucent.gif);
background-repeat:repeat;
border:1px dashed #77cccc;
color:#505050;
margin:10px auto;
padding:5px 10px 10px 20px;
width:75%;
}

.photo{margin:5px auto 15px; padding:5px;}

.smallcaps{font-variant:small-caps;}

.mini{
color:#a0a0a0;
font-size:0.8em;
font-weight:400;
line-height:1.2em;
margin:20px 0 10px 8px;
}

.small{font-size:0.85em;}

.large{font-size:1.4em;}

.soft{color:#808080;}

.normal{font-weight:400;}

.sharp{color:#101010;}

.center{text-align:center;}

.hide{display:none;}

.floatright { float: right; margin: 5px, 5px, 7px, 7px;
}
.floatleft { float: left; margin: 5px, 7px, 7px, 5px;
}


/* SLIMBOX */
#lbOverlay {
	position: absolute;
	left: 0;
	width: 100%;
	background-color: #000;
	cursor: pointer;
}
#lbCenter, #lbBottomContainer {
	position: absolute;
	left: 50%;
	overflow: hidden;
	background-color: #fff;
}
.lbLoading {	background: #fff url(loading.gif) no-repeat center;}
#lbImage {	border: 10px solid #fff;}
#lbPrevLink, #lbNextLink {
	display: block;
	position: absolute;
	top: 0;
	width: 50%;
	outline: none;
}
#lbPrevLink {	left: 0;}
#lbPrevLink:hover {	background: transparent url(prevlabel.gif) no-repeat 0% 15%;}
#lbNextLink {	right: 0;}
#lbNextLink:hover {
	background: transparent url(nextlabel.gif) no-repeat 100% 15%;
}

#lbBottom {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	color: #666;
	line-height: 1.3em;
	text-align: left;
	border: 10px solid #fff;
	border-top-style: none;
}
#lbCloseLink {
	display: block;
	float: right;
	width: 66px;
	height: 22px;
	background: transparent url(closelabel.gif) no-repeat center;
	margin: 5px 0;
}
#lbCaption, #lbNumber {	margin-right: 71px;}
#lbCaption {	font-weight: bold;}