@import url(dropshadow.css);

/* ----------------- foreground (text) color -------------------- */
body, hr, a:link, a:visited 
{
 color: #DDE0DE; /* silver */
/* color: #E2D3BA; /* gold */
/* color: white; /* white */
}

/* ----------------- link hover/active (text) color -------------------- */
a:hover, a:active {
    color: #aaa;
}

/* ----------------- muted text color -------------------- */
.bottomcontent, .bottomcontent a:link, .bottomcontent a:visited, .bottomcontent a:hover,.bottomnav a:link, .bottomnav a:visited {
	color: #9E616B;   /* midlevel -red */
}

.bottomcontent-video, .bottomcontent-video a:link, .bottomcontent-video a:visited, .bottomcontent-video a:hover, 
  .bottomnav-video a:link, .bottomnav-video a:visited {
	color: #606060; /* a light gray color */
}

/* ----------------- font ---------------------------------------------- */
#text, #navigation, body, *
{
	font-family:"Century Gothic", arial, helvetica, sans-serif;
}

.med-font {
	font-size: 14px;line-height:24px;
}

/* ----------------- gallery pages ---------------------------------------------- */
a.thumb {
	width:78px;
	height:78px;
}
a.thumb img {
	width: 100%;
	height: 100%;
}
div#thumbs {
	margin-top: 15px;
	margin-left:20px;
	height: 535px;
}

ul.thumbs {
	height: 475px;
}

div.bottom {
	margin: 0 auto;
}
/* ----------------- sample pages ---------------------------------------------- */
a:link, a:visited {
	font-weight: bolder;
}
.gallery-example #geximage {
	height: 535px;
	width: 635px;
	padding: 0px 0px 0px 0;
	margin: 0px 20px 0 0;
	float: right;
}

.gallery-example #gextext {
	display:inline;
	position:absolute;
	top:30%;
	padding-left: 40px;
	width: 245px;
	text-align:center;
}

.gallery-example .gexinfo {
	padding-bottom: 20px;
}

/* ----------------- video pages ---------------------------------------------- */

.video-sample {
	margin: auto;
}

.video-sample iframe {
	border: 5px inset #808080;
}

.video-highlight-box {
	width: 800px;
	padding: 10px;
	border: solid 1px;
	text-align:center;
	margin-top: 5px;
	margin-left: auto;
	margin-right: auto;
}
/* ----------------- else... ---------------------------------------------- */
.bottomcontent, .bottomcontent-video {
	width: 800px;
}

.page-ext {
	margin: 20px auto 0px auto;
	text-align: center;
}

.bottomnav, .bottomnav-video {
	font-size:  9px;
	line-height: 14px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	text-align: center;
	width: 600px;
	margin: 20px auto;
}

.bottomnav a:link, .bottomnav a:visited, .bottomnav-video a:link, .bottomnav-video a:visited
{
	font-weight: normal;
	padding-left: 4px;
	padding-right: 6px;
	border-right-width: 1px;	
	border-right-style: solid;	
}

#text {
    overflow: hidden;
    position: absolute;
    margin-top: 0px;
    text-align: center;
    text-shadow: none;
    padding: 0px;
    border-style: solid;
    color: rgb(197, 181, 158);
    border-color: rgb(197, 181, 158);
    font-size: 11pt;
    word-spacing: 0px;
    border-width: 1px;
    line-height: 6px;
    height: 10px;
    width: 10px;
    left: 584px;
    top: 121px;
}

#special-popup {
  position: absolute;
  top: 135px;
  left: 50%;
  margin-left: -320px;
	width:600px;
	height:541px;
	text-align:center;
	z-index: 1001;
}

#special-popup a img {
	cursor: hand;
	border: none;
}

.jqmWindow{
	display:none;
}
.jqmOverlay { background-color: #000; }

#special {
	position: absolute;
	top: 0px;
	right: -10px;
	cursor: hand;
	z-index: 1000;
}
#special img {
  border: none;
}

#box {
    border-color: black;
    border-style: solid;
    border-width: 1px;
    position: absolute;
    margin-top: 0px;
    width: 599px;
    height: 541px;
    top: 108px;
    left: 226px;
}

#image {
    width: 562px;
    height: 192px;
    position: absolute;
    right: auto;
    bottom: auto;
    margin-top: 0px;
    left: 19px;
    top: 0px;
}

#inner_image {
    bottom: 0px;
    right: 0px;
    left: 0px;
    top: 0px;
    margin: auto;
    max-width: 100%;
    max-height: 100%;
    width: auto;
    height: auto;
}

#image1 {
    width: 600px;
    height: 424px;
    position: absolute;
    right: auto;
    bottom: auto;
    margin-top: 0px;
    left: 0px;
    top: 117px;
}

#inner_image1 {
    bottom: 0px;
    right: 0px;
    left: 0px;
    top: 0px;
    margin: auto;
    max-width: 100%;
    max-height: 100%;
    width: auto;
    height: auto;
}

* {
    margin: 0;
    padding: 0;
}

body {
/*    background-image: url(../images/background.jpg); */
    font-size: 12px;
		line-height: 18px;
     
}
#page_body a:link, #page_body a:visited {
    font-weight:normal;
		text-decoration:underline;
}

html,body,#cont {
    width: 100%;
    height: 100%;
    overflow: hidden;
}
#bg {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0%;
    left: 0%;
		z-index: -1; 
		overflow: hidden;
}

input.textinp, textarea {
	width: 360px;
	font-size: 12px;
	line-height: 18px;
}
textarea {
	height: 60px;
}
div.findus {
	float: right;
/*	margin-right: 22px; */
	display: inline;
}
div.findus-left {
	float: left;
	display: inline;
}

div.findus img {
	padding-left: 5px;
	padding-top: 5px;
}

div.findus-left img {
	padding-top: 5px;
	padding-left: 5px;
}

#scroller {
    height: 100%;
    width: 100%;
    overflow: auto;
    position: absolute;
    z-index: 100;
    margin: 0px;
}
#container {
    width: 1005px;
    margin: auto;
    padding: 20px 0 0 20px;
		position:relative;
}
#header {
    padding-bottom: 10px;
}
#cplogo {
    margin: 0;
    padding: 0 25px 0 0;
		float: left;
}
#cplogo img {
    border: none;
}
#navigation {
	float: left;
  font-size: 14px;
  text-transform: uppercase; 
	margin: 0;
	padding: 0;
}
#navigation ul {
    margin: 0;
    float: left;
}
#header .float-clear {
	clear: both;
}
#global {
    padding: 30px 0 0 0;
    border-bottom: 1px solid #666;
}
#global li {
    list-style-type: none;
    display: block;
    float: left;
    margin: 0;
    padding: 0;
     
}
#global li a:link, #global li a:visited {
    font-weight:normal;
		display: block;
    padding: 5px 10px 10px 10px;
    float: left;     
}
#local {
    padding: 0;
}
#local li {
    list-style-type: none;
    display: block;
    float: left;
    margin: 0;
    padding: 0;
     
}
#local li a:link, #local li a:visited {
		font-weight: normal;
    display: block;
    margin: 0;
    padding: 10px;
    float: left;
     
}
#local li a:hover, #local li a:active {
    color: #aaa;
     
}
li.current a {
    border: 1px solid #666;
    border-width: 0 1px;
     
}

#snowing-zone {
    top: -25px;
    left: 740px;
    width: 300px;
    height: 135px;
    position: absolute;
}
/* special body layout for cp-special page */
#spec-container {
	font-family: cursive;
	font-size: 16pt;
	line-height: 24pt;
	text-align: center;
	height: 535px;
	width: 1024px;
	position: absolute;
}
#spec-cdinside {
	width:410px;
	height:465px;
	position: absolute;
	left: 0px;
	top: 0px;
}
#spec-trtext {
	width:615px;
	height:325px;
	position: absolute;
	left:411px;
	top: 0px;
}
#spec-trtext p {
	margin: 10px 180px 0 20px;
}
#spec-cdfront {
	position: absolute;
	right: 0;
	top: 312px;
	width:412px;
	height:210px;
}
#spec-bltext {
	width:573px;
	height:50px;
	margin: 0 20px;
	position: absolute;
	bottom: 0px;
	left: 0px;
}
#spec-bltext p {
	position: absolute;
	bottom: 10px;
	right: 0px;
}
#spec-floatover {
	position: absolute;
	top: 200px;
	left: 300px;
	height: 150px;
	width: 400px;
	background-color: #293517;
	opacity: .9;
	filter: alpha(opacity=90);
	border: ridge;
}
#spec-floatover p {
	display: block;
	position: absolute;
	top: 10px;
	left: 10px;
	width: 375px;
	
}
span.fineprint {
	font-size: smaller;
	font-style: oblique;
}

/* end special body layout for cp-special page */

a {
    text-decoration: none;    
}
#content li a, #content p a {
    text-decoration: underline;
		font-weight: normal;    
}
#page_body {
    padding: 0;
    clear: both;
    height: 535px;
    overflow: hidden;
}
.info #page_body {
    background: transparent;  
}

#page_body.variable-height, #content.variable-height {
	height: 100%;
}
h1 {
    padding: 0 0 1em 0;
    font-weight: normal;
    text-transform: uppercase;
     
}
p, ul {
    padding: 0 0 1em 0;
}
p, h2, h3 {
    padding: 0 0 .5em 0;
}
hr {
    clear: both;
    border: 0;
    height: 1px;
    margin: 1em 0;
    background-color: #fff;
}
#content {
    float: right;
    height: 435px;
    width: 600px;
    padding: 30px 15px 30px 0;
    margin: 10px 5px 0 0;
    overflow: auto;
     
}
html>body #content {
    width: 635px;
     
}

#content li {
	list-style-type: disc;
	margin-left: 30px;
}

#spotlight {
    float: left;
    margin: 40px 0 0 25px;
    width: 245px;
		height: 400px;
		background-image: url("../images/sidebar-shadow.png");
}

#spotlight.text {
		background: none;
		font-size: 16px;
		line-height: 24px;
}

#spotlight img {
    border: 2px solid #666;
		top: 0;
		left: 0;
		/* following allows for border not to overlay shadow */
		margin-left: -4px;
		margin-top: -4px;
}

#spotlight.text img {
    border: none;
		margin-left: 0px;
		margin-top: 0px;
}

/*
.googlemap iframe {
		/* following allows for border not to overlay shadow, but IE lays it out differently with a few extra pixels so we'll accept it's non-excellentness in everything else. Sigh.
		margin-left: -5px;
		margin-top: -5px;
}
*/

#spotlight .editable {
    font-size: 10px;
    text-transform: uppercase;
}

label.error { 
	font-weight:normal;
	font-size: 12px;
	color:red;
	text-align:left;
	padding-left:25px;
  background: transparent url(../images/cancel.png) no-repeat scroll left; 
}

#message a img {
	vertical-align: middle;
	margin: 0 10px 5px 0;
	border:none; 
}


/*slideshow image*/
#slideshow {
  position:relative;
	height: 535px; 
	margin: auto;
}
#slideshow DIV {
	position:absolute;
	top:0;
	left:0;
	z-index:8;
	opacity:0.0;
	filter: alpha(opacity=0);
	height: 100%;
	width: 100%;
	background: transparent;
	text-align: center;
}
#slideshow DIV.active {
		opacity: 1.0;
		filter: alpha(opacity=100);
    z-index:10;
}
#slideshow DIV.last-active {
    z-index:9;
}
#slideshow IMG {
	border: 1px solid #aaa; 
}

#gallery {
    height: 530px;
    width: 1005px;
    margin: 0 auto;
}
#footer {
    clear: both;
    padding: 10px 0 0 0;
    margin-top: 0;
		height: 50px;
}
.cam-badge {
	position:relative;
	margin-left:150px;
	float: left;
	display:inline;
}
.vcard {
	float: left;
}
.vcard div {
    display: inline;
    padding-right: 20px;
     
}
.vcard p {
    display: inline;
    padding: 0;
    margin: 0;
     
}
.emphatic {
	font-size: 36px;
	margin: 10px 0px 30px 75px;
}
.emphasize {
    font-size: 24px;
     
}
.vcard .copyright {
    display: block;
     
}
.hide {
    text-decoration: none;
}

/* ----------------- Cam badge -------------------- */
div.cam-badge {
	font-size:larger;
	margin-top: 6px;
}
div.cam-badge a {
	 font-style:italic;
	 text-decoration:underline;
	 font-weight:normal;
	 }
/* ----------------- End Cam badge -------------------- */

/* ----------------- ShareThis badge -------------------- */
div.sharethis-cp {
	float:right;
	margin-top:6px;
	margin-right:20px;
}
div.sharethis-cp a {
	 text-decoration:none;
	 font-weight:normal;
	 font-size:smaller;
	 }
a.stbar.chicklet img {border:0;height:16px;width:16px;margin-right:3px;vertical-align:middle;}
a.stbar.chicklet {height:16px;line-height:16px;}
/* ----------------- End ShareThis badge -------------------- */