/* -----------------------------------------------------------------------------------------*/
/* ---------->>> Gobal Reset <<<------------------------------------------------------------*/
/* -----------------------------------------------------------------------------------------*/

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0; padding: 0; border: 0; outline: 0;
	font-weight: inherit; font-style: inherit;	font-size: 100%; /* font-family: inherit; */
	vertical-align: baseline;}
	
/*  remember to define focus styles! */
:focus {outline: 0;}

body {line-height: 1; color: black;	background: white;}
ol, ul {list-style: none;}

/* tables still need 'cellspacing="0"' in the markup */
table {border-collapse: separate; border-spacing: 0;}

caption, th, td {text-align: left; font-weight: normal;}
blockquote:before, blockquote:after, q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}


/* -----------------------------------------------------------------------------------------*/
/* ---------->>> Universal Elements <<<-----------------------------------------------------*/
/* -----------------------------------------------------------------------------------------*/

html { height:100% }
body {background-color:#fad48e; height:100% }

.hidden{display: none;}
.align-left{display: block; float: left; margin: 0px 15px 15px 0px;}
.align-right{display: block; float: right; margin: 0px 0px 15px 15px;}


/* -----------------------------------------------------------------------------------------*/
/* ---------->>> Layout Elements <<<--------------------------------------------------------*/
/* -----------------------------------------------------------------------------------------*/

#container{ margin: 70px auto 30px auto; position: relative; width: 846px;}
#logo {background: url(../img/logo.png) no-repeat; position:absolute; height: 102px; width: 288px; top: -20px; left: 35px;}
#logo a, #logo a:hover{display: block; height: 102px; width: 288px;}

#nav-top{position:absolute; width:480px; height: 30px; text-align:right; top: 40px; right: 35px;}
#nav-top a:link, #nav-top a:visited, #nav-top a:active{text-decoration:none;	color:#3b3b3b;}
#nav-top a:hover, #nav-top a:focus{text-decoration:none ;color:#4fabb8; border-bottom: #4fabb8 2px solid;}
#nav-top p, #nav-top ul li {font:bold 14px/30px  Arial, Helvetica, sans-serif; color:#3b3b3b;}
#nav-top ul, #nav-top ul li {display:inline; margin:0; padding:0;}
/* #nav-top ul li:after{content:" |";}  IE Problems 
#nav-top ul li:before {content:" ";}
#nav-top ul li.li-last:after{content:"";}*/

#nav-top li.on a:link, #nav-top li.on a:visited, #nav-top li.on a:active,
#nav-top li.on a:hover, #nav-top li.on a:focus{text-decoration:none ;color:#4fabb8; border-bottom: #4fabb8 2px solid;}

#top {background: #ffffff url(../img/bg-c-top.gif) no-repeat; height:20px;}
.hr-strip {background: #ffffff url(../img/bg-strip.gif) repeat-x; height:4px;  margin: 10px 0px 20px 0px;}
#middle {background: #ffffff url(../img/bg-c-middle.gif) repeat-y; padding: 110px 18px 50px 18px;}
#middle-bg {background: #ffffff url(../img/bg-c-left.gif) repeat-y;}
#left {width: 280px; float:left; padding: 0px 25px 0px 25px; background: url(../img/bg-left.jpg) no-repeat bottom left;}
#left, #right {color: #595959;}	
#left p, #right p{ margin-bottom: 28px;font: normal 13px/21px Arial, Helvetica, sans-serif; color:#595959; }
#left a:link, #left a:visited, #left a:active{text-decoration: underline;color: #4fabb8;	}
#left a:hover{text-decoration: underline; color: #4fabb8;}
#right a:link, #right a:visited, #right a:active{text-decoration: underline;color: #4fabb8;	}
#right a:hover{text-decoration: underline; color: #4fabb8;}

#right {width: 435px; float:right; margin-right: 15px; }
#right.full-width {width: 750px; float:none; margin-right: 30px; margin-left:30px; }
#bottom {background: #ffffff url(../img/bg-c-bottom.gif) no-repeat; height:20px;}

#footer{ height: 30px; padding: 10px 10px 20px 10px;}
#footer a:link, #footer a:visited, #footer a:active{text-decoration:none;	color:#3b3b3b;}
#footer a:hover, #footer a:focus{text-decoration:underline;color:#3b3b3b;}
#footer p, #nav-footer ul li {font:normal 11px/30px  Arial, Helvetica, sans-serif; color:#3b3b3b;}

#copyright{float:left; height:30px; width:340px;}
#nav-footer{float:right; width:450px;text-align:right;}
#nav-footer ul, #nav-footer ul li {display:inline;	margin:0; padding:0;}
#nav-footer ul li:after{content:" |";}
#nav-footer ul li:before {content:" ";}
#nav-footer ul li.li-last:after{content:"";}



/* -- Clear Fix --------------- */
.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.clearfix {display: block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

.clear { clear:both;}

/* -----------------------------------------------------------------------------------------*/
/* ---------->>> Typography <<<-------------------------------------------------------------*/
/* -----------------------------------------------------------------------------------------*/
 
strong {font-weight:bold;}
em { font-style:italic;}

#right p.txt-small {font-size: 11px;}
#right p.txt-description {font-size: 11px; line-height:13px; margin-bottom: 15px; text-transform: uppercase;}

/* -----------------------------------------------------------------------------------------*/
/* ---------->>> Headers <<<----------------------------------------------------------------*/
/* -----------------------------------------------------------------------------------------*/

h1 {font: bold 16px/24px Arial, Helvetica, sans-serif; color:#3b3b3b; margin: 0px 0px 10px 0px;}
h2 {font: bold 14px/20px Arial, Helvetica, sans-serif; color:#3b3b3b; margin: 0px 0px 8px 0px;}
h3 {font: bold 14px/14px Arial, Helvetica, sans-serif; color:#3b3b3b; margin: 0px 0px 4px 0px;}
h4 {font: normal 13px/20px Arial, Helvetica, sans-serif; color:#797979; margin: 0px 0px 15px 0px; font-style:italic;}

h1.h1-no-b-margin {margin: 0px 0px 2px 0px;}
#right h3 a:link, #right h3 a:visited, #right h3 a:active {text-decoration: none;color: #3b3b3b;}
#right h3 a:hover {text-decoration: none; color: #4fabb8;}

/* -----------------------------------------------------------------------------------------*/
/* ---------->>> Form Elements <<<-----------------------------------------------------------*/
/* -----------------------------------------------------------------------------------------*/

#right form label{float:left;	margin-right: 10px;	margin-top: 8px;text-align:left;width: 125px; font-family:Arial, Helvetica, sans-serif; font-size: 13px; }
#right form label.nofloat{float: none;margin-right: 10px;	width:auto;}
#right form label.block{	display: block;	float: none;margin-top: 20px;	text-align:left;	width:auto;}
#right form label:hover, #right form label.block:hover {cursor:pointer;}
#right form br {clear:left;}

/* -----------------------------------------------------------------------------------------*/
/* ---------->>> List Items <<<-------------------------------------------------------------*/
/* -----------------------------------------------------------------------------------------*/



ul{font: normal 13px/21px Arial, Helvetica, sans-serif; color:#595959; }
ul li {list-style: circle; /*list-style: disc;*/}
ul li ul li {list-style: circle; font-size:13px;}
ul li ul li ul li {list-style: disc;}

ol li {list-style: decimal; margin-left: 10px;}
ol li ol li {list-style: lower-alpha; font-size:13px;}
ol li ul li {list-style: circle;}
ol li ol li ol li {list-style: lower-roman;}

ol.list-upper-alpha li {list-style: upper-alpha; margin-left: 10px;}
ol.list-lower-alpha li {list-style: lower-alpha; margin-left: 10px;}

/* -- Vertical Spacing -------- */
li, dt, dd { font-size: 13px; line-height: 22px; }
ul, ol, dl { margin-bottom: 30px; margin-left: 25px; }
ul ul, ol ol, dl dl {margin-left: 28px; }
ul ul, ol ol, ol ul, ul ol {margin-bottom: 20px;} ul ul ul, ol ol ol, ol ul ul, ol ol ul,  ul ol ol, ul ol ol {margin-bottom: 10px;}


.div-historic { height: 130px;}
.div-about { float:right; width: 270px;}

/* -----------------------------------------------------------------------------------------*/
/* ---------->>> Gallery V I <<<------------------------------------------------------------*/
/* -----------------------------------------------------------------------------------------*/
#right .stripTransmitter ul, #right .stripTransmitter ul li {list-style: none;}
/*preload classes*/ 
.svw {width: 50px; height: 20px; background: #fff;} 
.svw ul {position: relative; left: -999em;list-style-type: none;} 

/*core classes*/ 
.stripViewer { position: relative; overflow: hidden; margin: 0 0 5px 0; } 
.stripViewer ul { margin: 0; padding: 0; position: relative; left: 0; top: 0; width: 1%; list-style-type: none; }
.stripViewer ul li { float:left; } 
.stripTransmitter { overflow: auto; width: 1%; } 
.stripTransmitter ul { margin: 0; padding: 0; position: relative; list-style-type: none; } 
.stripTransmitter ul li{ width: 20px; float:left; margin: 0 1px 1px 0; } 
#right .stripTransmitter a{ font: bold 10px Verdana, Arial; text-align: center; line-height: 22px; background: #141414; color: #fff; text-decoration: none; display: block; } 
#right .stripTransmitter a:hover, #right a.current{ background: #4fabb8; color: #fff; }

/*tooltips formatting*/ 
.tooltip { padding: 0.5em; background: #fff; color: #000; border: 5px solid #dedede; font-size:12px; font-family:Arial, Helvetica, sans-serif;} 


/* -----------------------------------------------------------------------------------------*/
/* ---------->>> Gallery V II <<<-----------------------------------------------------------*/
/* -----------------------------------------------------------------------------------------*/
#jFlowSlide{}
#myController {}
#myController span.jFlowControl {font: bold 10px/10px Verdana, Arial; text-align: center; padding: 4px 7px 4px 7px; background: #141414; color: #fff; text-decoration: none; }
#myController span.jFlowSelected { background:#4fabb8;}

.jflow-content-slider { position:relative; margin: 0px auto 0px auto; width: 570px;}
.slide-wrapper img{position: absolute; top: 0; left: 0;}

.slide-details {float: left; position: absolute; background: #000; 
				padding: 10px; opacity: .7; bottom: 9px;left: 0; width: 550px;
				filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
				-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";}
.slide-details h2 { color:#CCC;}
#right .slide-details p{ color:#dddddd; margin-bottom: 5px;}

.jFlowControl, .jFlowPrev, .jFlowNext { color:#FFF; cursor:pointer; padding-left:5px; padding-right:5px; padding-top:2px; padding-bottom:2px; }
.jFlowControl:hover, .jFlowPrev:hover, .jFlowNext:hover { background: #43A0D5; }


/* -----------------------------------------------------------------------------------------*/
/* ---------->>> Image Styles <<<-----------------------------------------------------------*/
/* -----------------------------------------------------------------------------------------*/

img.img-thumb-historic {border: #cccccc 1px solid; padding: 2px; float: left; margin: 0px 15px 0px 0px;}
img.img-thumb-about {border: #cccccc 1px solid; padding: 2px; float: left; margin: 0px 15px 15px 0px;}
img.img-thumb {border: #cccccc 1px solid; padding: 2px;}
img.img-nopadding {border: none; padding:0;}

img.align-left{float: left; margin: 5px 15px 15px 0px;}
img.align-right{float: right; margin: 5px 0px 15px 15px;}

.return { width: 100px; text-align:right;}