/*
Original design: andreas02 (v3.0 - Apr 24, 2008) - A free xhtml/css website template by Andreas Viklund and stylishtemplate.com.
For more information, see http://andreasviklund.com/templates/andreas02/
*/

/* General layout */
body {background:#e0e0e0 url(../images/background.jpg); color:#303030; font: 82% tahoma, verdana, sans-serif; margin:0; padding:15px 0 0;}
#container {font: 90% tahoma, verdana, sans-serif; color: inherit;background:#fff url(../images/gradient_background.gif); margin:0 auto 20px; padding:5px 20px 20px ; width:920px; border:3px solid #ccc;border-bottom:4px solid #bbb;border-top:3px solid #ddd; border-radius:10px;-webkit-border-radius:10px; -moz-border-radius:10px; box-shadow: 0px 0px 24px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0px 0px 24px rgba(0, 0, 0, 0.5); -webkit-box-shadow: 0px 0px 24px rgba(0, 0, 0, 0.5);}

#navitabs {width:920px;}

/* Site title */
#logo {margin:15px 0 0;}
#logo h1 a {border:none; color:#505050;background: inherit;}
#logo h1 a:hover {border:none; color:#303030;background: inherit; text-decoration:none;}
#logo p {font-size:1.3em;  color:#505050;background: inherit; margin:0 0 20px 0;}

/* Tags */
a {border-bottom:1px dotted #505050; color:#303030;background: inherit; text-decoration:none;}
a:hover {border-bottom:1px solid #505050; color:#303030; text-decoration:none; background: #F9EDED}
a.imgborder {border-bottom:0px dotted #505050; color:#303030;background: inherit; text-decoration:none;}
a.imgborder:hover {border-bottom:0px solid #505050; color:#303030;background: inherit; text-decoration:none;}
a img {border:0;}
h1 {font-size:2.2em; font-weight:400; margin:0 0 5px; padding:0;}
h2 {font-size:1.8em; font-weight:400; margin:0 0 12px;}
h3 {font-size:1.4em; font-weight:400; margin:0 0 10px;}
p {line-height:1.5em; margin:0 0 15px; text-align:left;}  
ul,ol {margin:0 0 15px 15px; padding:0;}
li {margin:0 0 3px 0;}

/* Header description area */
#desc {background:#505050 bottom left repeat-y; clear:both; color:#fff; /* height:200px; */ margin:5px 0 15px; padding:0 0 0px 0;}
#desc p {font-size:1em; line-height:1.3em; padding:0 0 0 15px; width:290px;}
#desc h2 {color:#fff;background: inherit; padding:15px 15px 0;}
#desc a {border-color:#fff; color:#fff;background: inherit; text-decoration:none;}
#desc {z-index:1;}

/* Main content */
#main {border-right:1px solid #d8d8d8; float:left; margin:0; padding:0 15px 0 0; width:740px;}

/* Text Box */
.lefttextbox {float: left; color: inherit; background: #bcd4ec; padding: 1.5em; margin: 2.5em}
.righttextbox {float: right; color: inherit; background: #bcd4ec; padding: 1.5em; margin: 2.5em}
.textbox {color: inherit; background: #bcd4ec; padding: 1.5em; margin: 2.5em}

/* Sidebar */
#sidebar {float:right; width:150px;}
#sidebar p {font-size:0.9em; line-height:1.3em; margin:0 0 15px;}
#sidebar ul {margin:0 0 15px 0; padding:0;}
#sidebar li {list-style:none;}
ul.sidelink li {list-style:none; margin:0 0 3px; padding:0;}
ul.sidelink li a{color: inherit; background:#f0f0f0 url(../images/corner.gif) top right no-repeat; border:none; display:block; margin:5px 10px 5px 0; padding:3px 4px 3px 8px; text-align:left; width:140px;}
ul.sidelink li a:hover {color: inherit; background:#e0e0e0 url(../images/corner.gif) top right no-repeat; border:none; text-decoration:none;}

/* Footer */
#footer {color: inherit; background:#fff url(../images/gradient_background.gif); border-top:1px solid #d8d8d8; clear:both; margin:0; padding:0; text-align:center;}
#footer a.imgborder {border-bottom:0px dotted #505050; color:#303030;background: #fff; text-decoration:none;}
#footer a.imgborder:hover {border-bottom:0px solid #505050; color:#303030;background: #fff; text-decoration:none;} 
#footer a {border-bottom:1px dotted #505050; color:#303030;background: #fff; text-decoration:none;}
#footer a:hover {border-bottom:1px solid #505050; color:#303030; text-decoration:none; background: #F9EDED}
#footer p {color:gray; background: inherit; font-size:1.1em; line-height:1.3em; margin:15px 0 0; padding:0; text-align:center;}

/* Additional classes */
.photo {color: inherit; background:#f0f0f0; border:1px solid #d8d8d8; margin:0 0 15px; padding:2px;}
.photo1 {color: inherit; background:#f0f0f0; border:1px solid #d8d8d8; padding:2px;}
.timestamp {font-size:1.2em; color:#606060; background: inherit; margin:-12px 0 12px 0;}
.right {margin:-8px 0 8px 0; text-align:right;}
.block {color: inherit; background:#f0f0f0; padding:10px;}
.hide {display:none;}
.center {text-align: center;}
.left {text-align: left;}
.floatleft {float: left;width:600px}
.floatleft2 {float: left;}
.floatright {float: right;}
.red {background: inherit; color: #ff0000;}
.centeredimage {display:block; margin-left: auto; margin-right: auto}
.h2heading {font-size:1.8em; font-weight:400; margin:0 0 12px;}
.h3heading {font-size:1.4em; font-weight:400; margin:0 0 10px;}
.highlight {background-color:yellow;}

table {padding:0; margin: 0 0 0 0;  border: 0px;}
 td {border:0px; padding:5px; vertical-align: top}

 div.centeredtable 
{
text-align: center;
}
div.centeredtable table 
{
margin: 0 auto; 
text-align: center;
}

 /* Styles for the Definition Lists */

dl {
width : 875px; /* width of the wrapper */
margin : 0;
padding : 0;
}

dt.tour
 {
float : right;
width : 695px;
margin : 0;
padding : 0;
padding-top : 1em;
font-weight : bold;
}

.tour dt.pr-img { /* thumbnail image */
	float : left;
	width : 165px
	}

.tour dt a {
	font-size : 120%;
	}

.tour dt span a { /* author name */
	font-weight : normal;
	font-size : 100%;
	}

.tour dd {
float : right;
width : 695px; /* width of the list minus thumbnail image */
margin : 0;
margin-top : 0.5em;
padding : 0;
}

.tour dd ul {
float : left;
width : 695px; /* width adjusted for three column example */
margin : 0 10px 0 0;
padding : 0;

}

.tour dd ul li {
margin : 0;
padding : 0;

}

.tour dd ul li span { /* neutral rather than presentational mark-up */
font-weight : bold;
}

dl.event
{
margin: 2em 0;
padding: 0;
}

.event dt
{
position: relative;
left: 0;
top: 1.1em;
font-weight: bold;
}

.event dd
{
border-left: 1px solid #000;
margin: 0 0 0 7em;
padding: 0 0 .5em .5em;
}

#banner {
    width: 920px;
    height: 150px;
    }
    
.pics { height: 232px; width: 232px; padding:0; margin:0; overflow: hidden }
.pics img { height: 200px; width: 200px; padding: 15px; border: 1px solid #ccc; color: inherit; background: #eee; top:0; left:0 }
.pics img {
	-moz-border-radius: 10px; -webkit-border-radius: 10px;
}

#slidenav1 { margin: 10px; position: relative }
#slidenav1 li { float: left; list-style: none}
#slidenav1 a { margin: 5px; padding: 3px 5px; border: 1px solid #ccc; color: inherit; background: #fc0; text-decoration: none }
#slidenav1 a.activeSlide { background: #faa; color: black }


#slidenav2 { margin: 10px; position: relative }
#slidenav2 li { float: left; list-style: none}
#slidenav2 a { margin: 5px; padding: 3px 5px; border: 1px solid #ccc; color: inherit; background: #fc0; text-decoration: none }
#slidenav2 a.activeSlide { background: #faa; color: black }