﻿/* Clear fix styling */
.clearfix:after{
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}

/* WinIE7 only */
*:first-child+html .clearfix{
	height:1%;
}

/* WinIE6 and below */
/*¥*/
* html .clearfix{
	height:1%;
}
/**/

/* MacIE only */
/*¥*//*/
.clearfix{
	display:inline-table;
}
/**/

body,html{height:100%}
body,img,p,h1,ol,ul,#main{border:none;color:#3F3F3F;font-family:Arial;font-size:12px;margin:0;padding:0}
body{background:#3F3F3F;line-height:1.5em;padding:0}
h1,h2,h3,h4,h5,h6{margin:0}
ul{list-style-position:inside}
form{margin:0;padding:0}
a{color:#B2B2B2;text-decoration:none}
a:hover{color:#FFF}
h2{font-size:24px;line-height:1em;margin-bottom:.5em}
h3{font-size:16px;margin-bottom:.5em}
h4{font-size:12px}
p,.spacer{margin-bottom:.8em}
p.info{font-style:italic}
textarea{-moz-box-sizing:border-box;border:solid 1px #7F9DB9;font-family:Arial;font-size:12px;line-height:1.5em;margin:0;padding:1px;width:100%}
.mb0{margin-bottom:0!important}

#header{background:#FFF url(../images/splash.jpg) top right no-repeat;padding:25px}
h1#header img{font-size:26px}
#footer{color:#FFF;font-size:11px;font-weight:700;margin:0;padding:6px 30px 6px 48px;position:relative;text-align:left}
#body{background:#FFF url(../images/gradient.png) bottom repeat-x;clear:both;height:auto!important;min-height:400px;padding:35px 0}
#body a{color:#0071BB}
#page{margin:auto;padding:15px 0;width:998px}
#page .shadow{background:url(../images/shadows/2.jpg) right repeat-y;padding:0 18px;position:relative}
#page .sb{background:url(../images/shadows/1.jpg) bottom repeat-x;height:18px;margin:0 18px -18px 36px;position:relative}
#page .sb .sl{background:url(../images/shadows/1.jpg) top left repeat-x;height:18px;left:-18px;position:absolute;top:0;width:18px}
#page .sb .sr{background:url(../images/shadows/2.jpg) top left repeat-x;height:18px;position:absolute;right:-18px;top:0;width:18px}
#page .str{background:url(../images/shadows/2.jpg) bottom left repeat-x;height:18px;position:absolute;right:0;top:0;width:18px}
#page.level0 .right{padding-top:30px}
#page .left{float:left;width:472px}
#page .right{float:right;padding:10px 30px;width:430px}
#page .style1{padding-left:0;padding-right:0}
#page .style1 .left{width:611px}
#page .style1 .right{padding-left:0;width:319px}
#page .style2 .left .image{margin:auto}
#page .style3 .left{padding:0 30px;width:550px}
#page .style4 .left{padding-left:30px;width:553px}
#page .style4 .right{padding-top:0;width:319px}
#page .style5 .left{width:385px}
#page .style5 .right{padding-left:0;width:545px}
#page .administrator{padding-left:30px;padding-right:30px}
#page .style6 .left{padding:0 30px;width:515px}
#page .style6 .right{padding:0;width:385px}
#page .style6 .image350x175{background:url(../images/sides/350x175-full.png) no-repeat;padding:12px 15px 15px 12px}
#page .style7 .left{padding:0 30px;width:642px}
#page .style7 .right{width:200px}
#page .style7 .right li{margin:0 0 .5em}
#page .style7 .section{margin:0 0 2em}
#page .style7 .right ul,ul.compact{list-style:none}
#menu{background:#731D15;float:left;list-style-type:none;padding:2px 15px 10px;position:relative;width:932px}
#menu li,#menu a{display:block;float:left}
#menu a,#body a.button{background:#731D15;color:#FFF;font-size:11px;font-weight:700;padding:2px 15px;text-decoration:none;text-transform:uppercase}
#menu a:hover,#body a.button:hover{color:#B2B2B2}

.image4Frame{background:url(../images/sides/4photoframe.png) top left no-repeat;margin:auto;padding:0;width:422px}
.image4Frame *{height:432px;width:422px}
.paper{padding:0 30px}
.paper .column{float:left;width:436px}
.paper .column1{padding-right:30px}
span.hyphen{white-space:nowrap}
.login{margin:auto}
.login .title{font-weight:700}
.part-1{margin:0 5px 5px 0}
.part-2{margin-bottom:5px}
.part-3{clear:both;margin-right:5px}

.admin-buttons{vertical-align:middle}
.admin-buttons span{white-space:nowrap;float:none}
span.admin-buttons a,#mediabox .admin-buttons a{color:#0071BB;cursor:pointer;float:left;font-weight:700;line-height:14px;margin-right:5px;padding:5px 10px;position:relative;white-space:nowrap}
span.admin-buttons a b{background:url(../images/admin-button.png) no-repeat left top;float:none;height:100%;left:0;position:absolute;right:10px;top:0}
span.admin-buttons a i{background:url(../images/admin-button.png) no-repeat right top;float:none;height:100%;position:absolute;right:0;top:0;width:10px}
#mediabox .admin-buttons a b{background:url(../images/admin-button-green.png) no-repeat left top}
#mediabox .admin-buttons a i{background:url(../images/admin-button-green.png) no-repeat right top}
#mediabox .admin-buttons a span{position:relative}
.shadowed .admin-buttons{background:none;margin:0;position:absolute;right:5px;top:10px}
#mediabox .admin-buttons{float:right}
#mediabox .admin-buttons a{background:#699;color:#FFF}
span.admin-buttons a:hover b,#mediabox .admin-buttons a:hover b{background-position:left center}
span.admin-buttons a:hover i,#mediabox .admin-buttons a:hover i{background-position:right center}
span.admin-buttons a:active b,#mediabox .admin-buttons a:active b{background-position:left bottom}
span.admin-buttons a:active i,#mediabox .admin-buttons a:active i{background-position:right bottom}
span.error{-moz-border-radius:10px;background:#731D15;color:#FFF;float:left;font-weight:700;line-height:1.2em;margin:8px 0 0 5px;padding:5px 10px;white-space:nowrap}
#mediabox textarea{width:auto}
#mediabox span.field,#mediabox .jcrop-holder{display: block;margin-bottom: 0.8em}

/* Our Facilities Map */
#map{overflow:hidden;position:relative}
#map ul{height:100%;left:0;list-style:none;position:absolute;top:15px;width:100%}
#map li{background:url(../images/spot.png) no-repeat;padding:20px;position:absolute}
#map li span{background:url(../images/75.png);display:block;float:left;font-weight:700;padding:5px}
#map b{height:20px;left:0;position:absolute;top:0;width:20px}
#map br{float:none}
#map .spot1{left:150px;top:75px}
#map .spot2{left:250px;top:200px}
#map .spot3{left:180px;top:215px}
#map .spot4{left:190px;top:250px}
#map .spot5{left:200px;top:370px}
#map .spot6{left:240px;top:455px}

/* Styling for Administrative Login */
.admin-box{font-family:Arial;line-height:1.25em}
.admin-box h2{border-bottom:solid 1px #000;color:#699;font-size:12px;font-weight:700;letter-spacing:2px;line-height:1.2em;margin-bottom:1em;padding-bottom:.25em;text-align:center;text-transform:uppercase}
.admin-box table{border-collapse:collapse;margin:0}
.admin-box td{padding:2px 5px;position:relative;vertical-align:middle;white-space:nowrap}
.admin-box .status{display:none;font-weight:700;white-space:normal}
.admin-box .status p{font-size:11px;margin:0;padding:7px 0 3px;width:225px}
.admin-box .status .success{color:#699}
.admin-box .status .loading{margin:0 auto;text-align:center}
.admin-box label{font-weight:700}
.admin-box label.cb{font-weight:400}
.admin-box span.cb input{display:inline-block;margin-right:5px}
.admin-box input{font-family:Arial}
.admin-box input.b{background:#699;border:none;color:#FFF;font-size:12px;font-weight:700;padding:.25em .5em}
.admin-box input.tbsl,.admin-box input.tbp{border:solid 1px #699;font-family:Arial;font-size:11px;padding:2px 1px;position:relative;width:150px}
.admin-box input.invalid,.admin-box input.invalid{border:solid 1px #9E2629}
.admin-box .invalid{background:#F1DFDF}
.admin-box label.invalid{background:none}
.admin-box .status .errors,.admin-box .invalid label{color:#9E2629}

/* Image Drop Shadow Stylings */
.shadowed{overflow:hidden;padding-right:20px}
.shadowed,.shadowed *{float:left;position:relative}
.shadowed .tr{background:url(../images/shadow-1000w.png) -1000px 0;height:20px;position:absolute;right:0;top:0;width:20px}
.shadowed .br{background:url(../images/shadow-1000w.png) -2020px 0;bottom:0;height:20px;position:absolute;right:0;width:20px}
.shadowed .t{background:url(../images/shadow-1000w.png) no-repeat;padding-top:20px}
.shadowed .b{background:url(../images/shadow-1000w.png) no-repeat -1020px bottom;padding-bottom:20px}
.shadowed .l{background:url(../images/shadow-1000w.png) repeat-y -2060px 0;padding-left:20px}
.shadowed .r{background:url(../images/shadow-1000w.png) repeat-y right 0;margin-right:-40px;padding-right:40px}
.shadowed .c{background:#FFF;margin:-10px;padding:5px;position:relative}
.shadowed-nl .t{background-position:-20px 0}
.shadowed-nl .b{background-position:-1040px bottom}
.shadowed-nl .l{padding:0}
.shadowed-nl .c{margin-left:0;padding-left:0}

.errorSummary{background:#FCC;border:solid 1px #C00;color:#000;font-size:12px;font-weight:700;margin-bottom:1em;padding:10px}
.errorSummary ul{list-style-position:outside;margin:0;padding-left:20px}
.errorSummary li{font-weight:400;margin:0}

/* Fixes issue here http://code.google.com/p/jcrop/issues/detail?id=1 */
.jcrop-holder
{
	text-align: left;
}

.jcrop-vline, .jcrop-hline
{
	font-size: 0;
	position: absolute;
	background: white url(../images/jquery.jcrop.gif) top left repeat;
	/*
	opacity: .5;
	*filter:alpha(opacity=50);
	*/
}
.jcrop-vline { height: 100%; width: 1px !important; }
.jcrop-hline { width: 100%; height: 1px !important; }
.jcrop-handle {
	font-size: 1px;
	width: 7px !important;
	height: 7px !important;
	border: 1px #eee solid;
	background-color: #333;
	*width: 9px;
	*height: 9px;
}

.jcrop-tracker {
	*background-color: gray;
	width: 100%; height: 100%;
}

.custom .jcrop-vline,
.custom .jcrop-hline
{
	background: yellow;
}
.custom .jcrop-handle
{
	border-color: black;
	background-color: #C7BB00;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}
