/* CSS Document */

body {
padding: 0;
margin: 0;
font: 10px Verdana, Arial, sans-serif;
line-height: 1.25;
color: #fff;
}

#wrapper {
width: 890px;
background-color:#FFFFFF;
margin-left: auto;
margin-right: auto;
margin-top: 0;
margin-bottom: 0;
padding: 0;
}

#header {
margin-top: 0;
}

.logo {
margin-right: 10px;
float: left;
}

#navbar {
float: right;
margin-left: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 7px;
padding-left: 0px;
padding-right: 0px;
}

#title {
clear: both;
width: 890px;
background-color: #000;
text-align: right;
}

.subtitle{
	font-family:"Times New Roman", Times, serif;
	text-transform:uppercase;
	font-size:15px;
	color:#999;

}

a {
text-decoration: none;
color: #a0861f;
}

a:hover {
font-weight: bold
text-decoration: underline;
}

#content {
padding:10px 20px 10px 25px;
background-color:#333;
width: 565px;
height:500px;
margin: 0;
float: left;
text-align: justify;
}

#contentphilo {
padding:10px 20px 10px 25px;
background-color:#333;
width: 565px;
height:425px;
margin: 0 0 10px 0;
float: left;
text-align: justify;
}

#mycustomscroll {
height: 445px;
margin: 0.3em auto;
padding: 15px;
}

#contentright {
padding-top: 0px;
padding-bottom: 10px;
padding-left: 25px;
padding-right: 10px;
width: 725px;
float: right;
text-align: left;
}

#topper{background-color:#000;height:20px;}

#centerpiece {margin-top: 110px; background-color:#000;text-align:center;}

#categories {
background-color: #ffffff;
padding-top: 5px;
}

.centertile {margin: 0 40px 0 0; border-width:thin border-color:#FFFFFF;}

#column1{position:absolute; top:208px; left:82px; width:245px; height:446px; padding:0px 36px 0px 3px; overflow:hidden; font-size:1.2em; line-height:1.8em; }
#column2{position:absolute; top:200px; left:366px; width:245px; height:446px; padding:0px 36px 0px 3px; overflow:hidden; font-size:1.2em; line-height:1.8em; }
#column3{position:absolute; top:200px; left:650px; width:245px; height:446px; padding:0px 36px 0px 3px; overflow:hidden; font-size:1.2em; line-height:1.8em; }

.quote {
font-size:14px;
color: #333;
}	

.img_left{margin:4px 12px 0px 0px; padding:0px; display:block; float:left;}
.img_right{margin:4px 0px 0px 12px; padding:0px; display:block; float:right;}

.caption{font-style:italic;color:#CCC;}

#main_image{margin:0 auto 0 auto;width:890px;background:#333;}
#main_image img{margin:0 10px 10px 0;border:3px;border-color:#000;}
#main_image p{padding: 0 20px 0 20px;}
	
.nav{padding-top:15px;clear:both;font:80% 'helvetica neue',sans-serif;letter-spacing:3px; text-transform:uppercase;}
	
.galleria{list-style:none;width:200px;}
.galleria li{display:block;width:110px;height:110px;overflow:hidden;float:left;border:3px solid #000;margin:10px 10px 10px 0;}
.galleria li a{display:none;}
.galleria li div{position:absolute;display:none;}
.galleria li div img{cursor:pointer;}
.galleria li.active div img,.galleria li.active div{display:block;}
.galleria li img.thumb{cursor:pointer;top:auto;left:auto;display:block;width:auto;height:auto;}
.galleria li .caption{display:block;padding-top:.5em;color:#CCC;}
* html .galleria li div span{width:400px} /* MSIE bug */
.galleria_container{margin:0 auto 60px auto;height:438px;width:700px;float:right;}
	
	
#copy p{
font: light 14px helveticaneue, Arial, sans-serif;
color: #fff;
padding:0 20px 0 20px;
}	

h1{
	font: bold 14px "Times New Roman", Times, serif;
	color: #FFF;
	text-transform:uppercase;
	background-color:#000;
	padding:5px 5px 5px 5px;
	width:100px;
}

h2 {
font-family: Garamond, Times, serif;
font-size: 13px;
color: #a0861f;
}

h3 {
color: #333;
font-weight:bold;
font-size: 13px;
}

h4 {
	font: normal 24px Helvetica Neue Bold Condensed, Arial, sans-serif;
	text-align: right;
	font-weight:bold;
	font-size: 12px;
	padding-right: 60px;
	vertical-align: text-top;
}

#sidebar {
color: #000;
width: 260px;
height:500px;
padding: 10px;
background-color: #212121;
float: right;
margin-bottom:10px;
}

#sidebarphilo {
color: #000;
width: 260px;
height:425px;
padding: 10px;
background-color: #212121;
float: right;
margin-bottom:10px;
}

.sidebarcontainer {
width: 220px;
margin: auto;
font-size:11px;
vertical-align:middle;
}

#sidebarbox {
background-color:#000;
color:#999;
padding:5px;
margin-top:10px;
margin-bottom:10px;
font-size:18px;
font-family:Garamond, Georgia, "Times New Roman", Times, serif;
text-align:center;
font-style:italic;
}

.sidebarpic {
border: 3px solid #000;
margin-right: auto;
margin-left: auto;
}

.tile {
margin:5px 5px;
border:3px solid #333;
}

.tile a {
border:3px solid #000;
}

.tile a:hover {
border:3px solid #938144;
}

.indent{
margin-left:80px;
}

hr {
width:150px; 
style:noshade; 
color:#666;
}

.divider {
padding: 3px 10px 5px 10px;
}

#footer {
	margin-top: 10px;
	font-weight: 100;
	padding: 5px;
	clear: both;
	font-size: 9px;
	color: #FFF;
	text-align: center;
	letter-spacing: 2px;
	background-color: #000;
}

.scrollgeneric {
line-height: 1px;
font-size: 1px;
position: absolute;
top: 0; left: 0;
}

.vscrollerbase {
width: 25px;
background: url(images/scrollline.png) 6px 20px repeat-y;
}

.vscrollerbar {
width: 10px;
height: 10px !important;
background-color: black;
padding:12px 0 12px 0;
margin-left:5px;
}

.vscrollerbasebeg {width:20px; height:20px!important; background: url(images/arrw-up.png) 0px -9px no-repeat;}
.vscrollerbaseend {width:20px; height:20px; background: url(images/arrw-dn.png) 0px 10px no-repeat;}

.scrollerjogbox {
width: 10px;
height: 10px;
top: auto; left: auto;
bottom: 0px; right: 0px;
background-color: gray;
}