@charset "utf-8";

body {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	background-image: url(../images/menu/bg.jpg);
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #000000;
}

.oneColFixCtrHdr #container {
	width: 1000px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	border: none;
	text-align: left; /* this overrides the text-align: center on the body element. */
}
.oneColFixCtrHdr #header {
	padding: 0 10px 0 20px;  /* this padding matches the left alignment of the elements in the divs that appear beneath it. If an image is used in the #header instead of text, you may want to remove the padding. */
}

.oneColFixCtrHdr #header h1 {
	font-family: "Eras Light ITC";
	letter-spacing: 5px;
	font-size: 100px;
	margin: 0; /* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */
	padding: 10px 0; /* using padding instead of margin will allow you to keep the element away from the edges of the div */
	display: none;
}
.oneColFixCtrHdr #mainContent {
	padding: 0 20px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	background: #cfcb9e;
}
.oneColFixCtrHdr #mainContent2 {
	padding: 0 20px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
    background-image:url(../images/menu/bg5.png);
 
}
.oneColFixCtrHdr #mainContent3 {
	padding: 0 20px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
    background-image:url(../images/menu/bg5.png);
	text-align:center;
	font-size:20px;
	letter-spacing: 2px;
}
.oneColFixCtrHdr #footer {
	font-size: 12px;
	padding: 0 10px; /* this padding matches the left alignment of the elements in the divs that appear above it. */
	background:#7e5c2c;
}
.oneColFixCtrHdr #footer p {
	color: #ececc8;
	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	padding: 10px 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
}
.st1 {
	color: #ececc8;
}

.st2 {
	color: #ececc8;
	font-size: 24px;
	font-style:italic;
}
A.main { color:#000000; text-decoration: none;cursor: arrow; font-weight: normal;}
A:link.main    {color:#000000; font-weight: normal;}
A:visited.main {color:#000000; font-weight: normal;}
A:hover.main {color:#ececc8; text-decoration: none; font-weight: normal; cursor:hand;}

A.menu { color:#000000; text-decoration: none;cursor: arrow; font-weight: normal;}
A:link.menu    {color:#000000; font-weight: normal;}
A:visited.menu {color:#000000; font-weight: normal;}
A:hover.menu {color:#7e5c2c; text-decoration: none; font-weight: normal; cursor:hand;}

A.index {border:none; color:#000000; text-decoration: none;cursor: arrow; }
A:link.index    {border:none; color:#000000; }
A:visited.index {border:none; color:#000000; }
A:hover.index {border:none; color:#000000; text-decoration: none; cursor:hand;}

TD.menu { background-image:url(../images/menu/bg2.png); text-align:center; vertical-align:middle; }
TD:hover.menu { background-image:url(../images/menu/bg2_o.png); text-align:center; vertical-align:middle;}
TD:active.menu { background-image:url(../images/menu/bg2.png); text-align:center; vertical-align:middle;}

TD.center { background-image:url(../images/menu/bg3.png); background-repeat:repeat-y; background-position:center; text-align:center;}

.red { color:red;}
.italic {font-size: smaller; font-style: italic;}
.ps_container{
	display:none;
	width:680px;
	height:500px;
	margin:20px auto 0px auto;
	position:relative;
}
.ps_image_wrapper{
	width:680px;
	height:450px;
	overflow:hidden;
	position:relative;
	margin:0 auto;
}
.ps_image_wrapper img{
	position:absolute;
	left:0px;
	top:0px;
	border:none;
}
.ps_prev,
.ps_next{
	width:30px;
	height:59px;
	position:absolute;
	top:50%;
	margin-top:-40px;
	cursor:pointer;
	opacity:0.5;
}
.ps_prev{
	background:transparent url(../images/prev.png) no-repeat top center;
	left:-50px;
}
.ps_next{
	background:transparent url(../images/next.png) no-repeat top center;
	right:-50px;
}
.ps_prev:hover,
.ps_next:hover{
	opacity:0.9;
}
ul.ps_nav{
	list-style:none;
	margin:0;
	padding:0;
	width:340px;
	margin:20px auto;
	position:relative;
}
ul.ps_nav li{
	float:left;
}
ul.ps_nav li a{
	display:block;
	text-indent:-9000px;
	width:11px;
	height:11px;
	outline:none;
	padding:0px 3px;
	background:transparent url(../images/dot.png) no-repeat top center;
}
ul.ps_nav li a:hover,ul.ps_nav li.selected a{
	background-position:50% -11px;
}
ul.ps_nav li.ps_preview{
	display:none;
	width:85px;
	height:91px;
	top:-95px;
	left:-34.5px; /*First item, next ones is leftDot - 0.5*wThis + 0.5*wDot, i.e. second one is (16 - 42.5 + 8) = -18.5 */
	position:absolute;
}
ul.ps_nav li.ps_preview span{
	background:transparent url(../images/triangle.png) no-repeat top center;
	width:15px;
	height:6px;
	position:absolute;
	top:85px;
	left:35px;
}
.ps_preview_wrapper{
	width:75px;
	height:75px;
	border:5px solid #fff;
	overflow:hidden;
	position:relative;
	-moz-box-shadow:0px 0px 5px #999;
	-webkit-box-shadow:0px 0px 5px #999;
	box-shadow:0px 0px 5px #999;
}
.ps_preview_wrapper img{
	position:absolute;
	top:0px;
	left:0px;
}
a img{border:none}
#content{padding:40px 0}
	#content h3{font:italic 1.4em Georgia,serif;margin-bottom:20px}
	#content p{font-size:0.75em}
	#content #gallery{list-style-type:none;height:1%;width:870px;margin:0 auto;font-size:0.75em;margin-bottom:20px}
	#content #gallery:after{content:"";display:block;clear:both}
		#content #gallery li{margin:0 10px 10px 0;float:left}
			#content #gallery li a{position:relative;display:block;float:left;width:110px;height:110px;text-decoration:none; cursor: default}
			#content #gallery li img{padding:4px;background: none; position:absolute;left:0;top:0;-ms-interpolation-mode:bicubic}
			#content #gallery li span{display:block;padding:0px;background:#f0f0f0;color:#666;position:absolute;top:-35px;left:-35px;width:170px}
			
/*
    Colorbox Core Style:
    The following CSS is consistent between example themes and should not be altered.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxWrapper {max-width:none;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto; -webkit-overflow-scrolling: touch;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block; max-width:none; -ms-interpolation-mode:bicubic;}
.cboxIframe{width:100%; height:100%; display:block; border:0; padding:0; margin:0;}
#colorbox, #cboxContent, #cboxLoadedContent{box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box;}

/* 
    User Style:
    Change the following styles to modify the appearance of Colorbox.  They are
    ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay{background:#fff;); opacity: 0.9; filter: alpha(opacity = 90);}
#colorbox{outline:0;}
    #cboxContent{margin-top:32px; overflow:visible; background:#000;}
        .cboxIframe{background:#fff;}
        #cboxError{padding:50px; border:1px solid #ccc;}
        #cboxLoadedContent{background:#000; padding:1px;}
        #cboxLoadingGraphic{background:url(../images/loading.gif) no-repeat center center;}
        #cboxLoadingOverlay{background:#000;}
        #cboxTitle{position:absolute; top:-22px; left:0; color:#000;}
		#cboxCurrent{position:absolute; top:-22px; right:80px; color:#949494;}

        /* these elements are buttons, and may need to have additional styles reset to avoid unwanted base styles */
        #cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose {border:0; padding:0; margin:0; overflow:visible; text-indent:-9999px; width:20px; height:20px; position:absolute; top:-20px; background:url(../images/controls.png) no-repeat 0 0;}
        
        /* avoid outlines on :active (mouseclick), but preserve outlines on :focus (tabbed navigating) */
        #cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active {outline:0;}

        #cboxPrevious{background-position:0px 0px; right:44px;}
        #cboxPrevious:hover{background-position:0px -25px;}
        #cboxNext{background-position:-25px 0px; right:22px;}
        #cboxNext:hover{background-position:-25px -25px;}
        #cboxClose{background-position:-50px 0px; right:0;}
        #cboxClose:hover{background-position:-50px -25px;}
        .cboxSlideshow_on #cboxPrevious, .cboxSlideshow_off #cboxPrevious{right:66px;}
        .cboxSlideshow_on #cboxSlideshow{background-position:-75px -25px; right:44px;}
        .cboxSlideshow_on #cboxSlideshow:hover{background-position:-100px -25px;}
        .cboxSlideshow_off #cboxSlideshow{background-position:-100px 0px; right:44px;}
        .cboxSlideshow_off #cboxSlideshow:hover{background-position:-75px -25px;}