/*******tag changes*****/
html, body {height:100%;}
body {background:#1c4034; font-family:Tahoma, Geneva, Arial, sans-serif; font-size:100%; color:#FFF; text-align:center; margin:0; padding:0; min-width:1024px;}
img {border:0;}
div {padding:0; margin:0;}
a {color:#FFF;}
a:hover {text-decoration:none;}
hr {display:none;}
p, li {line-height:1.5em;}
h1, h3, h4, h5 {font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif; }
h1, h3, h4 {font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif; font-weight:lighter; letter-spacing:2px; text-align:center; color:#EEE; padding:10px; margin:0 auto;}
h1, h3 {font-size:32px;}
h4 {width:60%; font-size:24px;}
h5 {font-size:18px; letter-spacing:1px; font-weight:bold; margin:0; padding-top:5px;}
form {display:block; text-align:left; font-size:12px; width:80%; margin:0 auto;}
input, select, textarea {display:block; margin-top:10px; font-size:16px;}

/********Classes********/
.clear-it {clear:both; height:1px;}
.center {margin:0 auto; float:none;}
.current {color:#A10508;}
.accent {color:#A10508;}
.yellow-accent {color:#eaa52d; font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif; font-weight:bold;}
.inner-title {float: left; font-size:21px; font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif;  padding-right:5em; letter-spacing:1px; border-bottom:1px dotted #aaa;}
.inner-title + * {clear:left;}
img.stylized {border:1px solid #aaa; float:left; margin-left:8px;}
.drop-cap {display: block; float: left; margin: -.63em .5em 0 -.56em; height:4.5em; color:#A10508;}
.drop-cap span {font-size:5.8em; line-height: 1.0em; font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;}
.drop-cap + span {margin-left:-.5em;}
.drop-cap-sm {font-size:48px; line-height:24px; float:left; color:#A10508; padding:16px 5px 0px 0px; margin:0;}
div.hr {height: 1px; width:100%; background: url(content/hr.png) no-repeat scroll center;}
div.hr hr {display: none;}
.compact {margin:5px; padding:0; text-align:center; font-size:12px;}
.floats img {margin:10px; clear:both;}
.float-right {float:right; clear:both;}
.float-left {float:left; clear:both;}
.left {width:45%; float:left; clear:left; text-align:center;}
.right {width:54%; float:right; clear:right; text-align:center;}

.box-container {position:relative; width:95%;}
.box-border {float:left; height:1px; width:100%; margin-left:8px; padding-right:2px; background:url(content/box_border.gif) left no-repeat #aaa;}
.box-side {float:left; position:absolute; left:0px; top:0px; width:8px; height:187px; background-image:url(content/left_shadow.png); background-repeat:no-repeat;}
.box-shadow {float:left; clear:left; width:148px; height:12px; background-image:url(content/bottom_shadow.png); background-repeat:no-repeat;}
.box-content {
	float:left;
	width:90.25%;
	margin-left:8px;
	border-right:#aaa 1px solid; 
	border-left:#012C33 1px solid;
	position:relative;
	z-index:2;
	padding: 2% 5%;
	overflow:hidden;
	text-align:left;
	min-height:187px;
}

.input-left {float:left; clear:left;}
.input-right {float:right; clear:right;}

#maintenanceScroll, #snowScroll, #landscapeScroll {height:200px; width:100%; padding:20px 0;}
/* The scroll wrapper is always the same width and height as the containing element (div).
   Overflow is hidden because you don't want to show all of the scrollable area.
*/
div.scroll-wrapper {
	position: relative;
	overflow: hidden;
	width: 100%;
	height: 100%;
}

div.scrollable-area {
	position: relative;
	width: auto;
	height: 100%;
}
div.scrollable-area a {display:inline-block;}
div.scrollable-area img {margin:15px 30px; padding:0;border:3px #ccc double;}

/********End Classes******/

/********Navigation*******/
#nav {
	margin:100px auto 0px; 
	padding:0; 
	float:left;
	clear:none;
	width:644px;
}
#navInner {
	width:950px;
	height:43px;
	padding:0;
	float:right;
	bottom:0;
}

#nav ul {
	margin:0 auto;
	list-style:none;
	position:relative;
	padding:0;
}

#nav li {
	text-align:left;
	font-size:28px;
	color:#fff;
	position:relative;
	float:left;
	border-right: 1px dotted #8C794B;
	padding:2.5% 4.5%;
	line-height:100%;
	font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
}
#nav li a {text-decoration:none;}
#nav li a span {color:#eaa52d; }
#nav li span.description {clear:left; display:block; font-size:.5em; line-height:100%; font-family: Verdana, Geneva, sans-serif;}
#nav li:hover + li {position:relative; z-index:100; border-bottom: 3px solid #9d7a35;}
#nav li:hover a span {color:#fff;}
#nav li:hover a span.description {color:#eaa52d;}
#nav li:hover ul {display:block;}
#nav li ul {display:none; z-index:99; position:absolute; left:-1px; top:60px; text-align:left; background:url(content/header_bg-new.jpg) repeat-x #650006; border-left:1px dotted #8C794B; border-right:1px dotted #8C794B; border-bottom:2px solid #8C794B; padding:.1em 1em .33em .67em;}
#nac li ul li {display:block; white-space:nowrap;}
#nav li ul li a {color:#eaa52d;}
#nav li:hover ul li {border:none; margin-top:15px; background-image:none; font-size:16px; }
#nav li:hover ul li:hover a {color:#fff; text-decoration:none;}
/*--------------------End Navigation------------------*/

#wrap {min-height: 100%; width:100%;}

#main {overflow:auto;
	padding-bottom: 80px;  /* must be same height as the footer */
	width: 100%;
}

/*Opera Fix*/
body:before {
	content:"";
	height:100%;
	float:left;
	width:0;
	margin-top:-32767px;
}
#header {
	background:url(content/header_bg-new.jpg) repeat-x #650006;
	padding-top:5px;
	width:100%;
	height:160px;
	top:0px;
	left:0px;
	overflow:visible;
	border-bottom: 3px solid #9d7a35;
	position:relative;
	z-index:3;
}

#headerInner {
	width:1024px;
	margin:0 auto;
}

#mainContainer {
	margin:5px auto;
	background:#153130;
	padding:15px 15px 5px 15px;
	width:950px;
	position:relative;
	z-index:2;
}

#mainContent {
	text-align:left;
	height:90%;
	background-color:#123948;
	padding:2%;
}

#vestige {
	background: url(content/trees-sm.png) no-repeat bottom left transparent;
	position: relative;
	margin-top: -288px; /* negative value of footer height */
	height: 288px;
	clear:both;
	z-index:0;
}
#vestige a {position:absolute; bottom:.25em; right:2em; font-size:10px;}

#copyright {padding:0; margin:5px auto; font-size:12px;}

table#certifications {width:100%;}
table#certifications td {padding:.75em .25em;}
table#certifications td a {font-size: 18px; font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif;}

/*-----------------Photo Gallery Styling--------------*/
/*---------------------by Soh Tanaka------------------*/
.window {height:300px; width:480px; overflow: hidden; position: relative; border:3px double #ddd; z-index:98;}
.image-reel {position: absolute; top: 0; left: 0;}
.image-reel img {float: left;}
/*--Paging Styles--*/
.paging {float:right; position:relative; top:-10px; width: 178px; height:47px; z-index: 97; text-align: center; line-height: 40px; display: none;}
.paging a { padding: 2px 5px; text-decoration: none; color: #d09734;}
.paging a.active { font-weight: bold; color:#fff; background: #920000; border: 1px solid #610000; -moz-border-radius: 3px; -khtml-border-radius: 3px;
 -webkit-border-radius: 3px;}
.paging a:hover {font-weight: bold;}
/*-----------------End Photo Gallery Styling--------------*/

/*-------------------------ColorBox-----------------------*/
/*  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;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block;}
.cboxIframe{width:100%; height:100%; display:block; border:0;}

/*  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:#000;}
#colorbox{}
#cboxContent{background:#fff; overflow:hidden; padding:10px 10px 0 10px;}
#cboxError{padding:50px; border:1px solid #ccc;}
#cboxLoadedContent{margin-bottom:28px;}
#cboxTitle{position:absolute; bottom:4px; left:0; text-align:center; width:100%; color:#949494;}
#cboxCurrent{position:absolute; bottom:4px; left:58px; color:#949494;}
#cboxSlideshow{position:absolute; bottom:4px; right:30px; color:#0092ef;}
#cboxPrevious{position:absolute; bottom:0; left:0; background:url(content/controls.png) no-repeat -75px 0; width:25px; height:25px; text-indent:-9999px;}
#cboxPrevious.hover{background-position:-75px -25px;}
#cboxNext{position:absolute; bottom:0; left:27px; background:url(content/controls.png) no-repeat -50px 0; width:25px; height:25px; text-indent:-9999px;}
#cboxNext.hover{background-position:-50px -25px;}
#cboxLoadingOverlay{background:#fff;}
#cboxLoadingGraphic{background:url(content/loading.gif) no-repeat center center;}
#cboxClose{position:absolute; bottom: 4px; right:10px; background:url(content/close-label.gif) no-repeat; width:66px; height:22px; text-indent:-9999px;}
/*------------------------End Colorbox-----------------------*/