/*Global Style..........................................................................................*/
body, html {width:100%; min-height:100%; height:100%; margin:0; padding:0; background: url(../images/site_bg.png) repeat 0 0;}
#topTel{width:980px; height:auto; padding:3px 0 3px 0; margin:0 auto; text-align:right; font-family: Tahoma, Geneva, sans-serif; font-size:14pt; color:#222; font-weight:bold; letter-spacing:1pt;}
#contentArea{width:1020px; height:640px; margin:0 auto; background:url(../images/contentArea_bg.png) no-repeat 0 0;}
#col_nav{width:180px; height:600px; float:left; margin:10px 0 0 30px;}
#col_content{width:780px; height:600px; float:left; margin:10px 0 0 0;}
#logo{width:180px; height:175px;}
ul#nav{width:160px; margin:10px 0 16px 14px; padding:0; list-style-type:none;}
ul#nav li {width:160px; padding:5px 0 5px 0; border-bottom:solid 1px #ccc;}
#contactInfo{width:160px; height:auto; margin:0 0 0 14px; color:#676767; font-size:9pt; font-family: Tahoma, Geneva, sans-serif; font-size:10pt;}
#content{width:780px; height:600px; position:absolute; color:#222; font-family: Tahoma, Geneva, sans-serif; font-size:10pt;}

/*home page*/
#content_col1_home{width:399px; height:600px; padding:0; float:left; background-color:#e6e6e6; border-right:solid 1px #fff;}
#content_col2_home{float:left;}
#ourlocation{padding:19px 0 0 19px;}
#homePromo{width:360px; height:70px; padding:38px 10px 0 10px; background:url(../images/promotionaloffer.png) no-repeat 0 0; text-align:center; color:#222; font-family: Tahoma, Geneva, sans-serif; font-size:10pt;}
#homeSlideshow{width:380px; height:492px;}

/*our location*/
#facilityFeatures{width:690px; height:auto; padding:0 45px 0 45px;}
#facilityFeatures_col1{width:120px; height:auto; line-height:15pt; float:left; text-align:right; padding-right:10px; color:#ca0e27;}
#facilityFeatures_col2{width:560px; height:auto; line-height:15pt; float:left; color:#222;}

/*storage*/
#content_col1_storage{width:365px; height:600px; padding:0 20px 0 20px; float:left; background-color:#e6e6e6; border-right:solid 1px #fff;}
#content_col2_storage{width:374px; height:600px; float:left;}
#storageSlideshow{width:374px; height:600px;}
#content_col1_storage ul{margin:0 0 18px 0;}

/*Site Plan*/
#content_col1_sitePlan{width:720px; height:193px; padding:0 30px 0 30px; background-color:#e6e6e6;}
#siteplan{width:780px; height:407px; background:url(../images/siteplan.gif) no-repeat 0 0;}

/*news*/
#content_col1_news{width:355px; height:600px; border-right:solid 1px #fff; float:left;}
#content_col2_news{width:424px; height:600px; padding:0;  float:left; background-color:#f2f2f2;}
#emailForm{width:384px; height:100px; padding:0 20px 0 20px; background-color:#e6e6e6;}
#eventsList{width:424px; height:445px;}
#eventHolder{width:364px; height:370px; padding:0 30px 0 30px; overflow:auto;}
.eventRow{width:364px; height:auto; clear:both; margin-bottom:20px;}

/*financing*/
#content_col1_financing{width:400px; height:600px; border-right:solid 1px #fff; float:left;}
#content_col2_financing{width:379px; height:600px; background-color:#e6e6e6; float:left;}
#content_col2_financing ul{margin:0; padding:0 0 0 20px;  list-style-type:none;}

/*links*/
#content_col1_links{width:287px; height:600px; padding:0 24px 0 24px; background-color:#e6e6e6; float:left;}
#content_col2_links{width:395px; height:600px; padding:0 25px 0 25px; float:left; }
#content_col2_links ul{margin:24px 0 0 0; padding:0; list-style-type:none;}
#content_col2_links ul li{padding-left:40px; margin-bottom:50px; background:url(../images/bullet_gray.gif) no-repeat 0 0; background-position: 0 10px;}

/*FAQ*/
#content_col1_faq{width:445px; height:600px; background-color:#e6e6e6; float:left; z-index:0; font-size:10pt;}
#content_col2_faq{width:335px; height:600px;  overflow:hidden; background-color:#eee; float:left; font-size:10pt;}
.question{width:420px; height:26px; padding:8px 0 0 25px; font-size:10pt; position:absolute; cursor:pointer; z-index:9999;}
#activeQ{width:445px; height:34px; background: #fff url(../images/q.png) no-repeat 0 6px; position:absolute; z-index:10; top:70px; font-size:10pt;}
.answer{width:310px; display:none; background: #fff url(../images/a.png) no-repeat 0 6px; padding:8px 0 9px 25px; position:absolute; font-size:10pt;}

/*Testimonials*/
#content_col1_testimonials{width:289px; height:600px; padding:0 30px 0 30px; background-color:#eee; float:left; border-right:solid 1px #fff;}
#content_col2_testimonials{float:left;}
#namePanel{margin:35px 0 35px 0; width:227px; font-size:14pt; color:#25639e; background-color:#fff; border:solid 1px #dedede; padding:10px 20px 0 40px;}
.testimonialName{padding:4px 0 4px 0; cursor:pointer;}
#redPointer{position:relative; right:28px; bottom:86px;}
.testimonialPic{width:430px; height:600px; display:none;}
.testimonialText{display:none;}

/*Contact*/
#content_col1_contact{width:319px; height:600px; padding:0 30px 0 30px; background-color:#e6e6e6; float:left; border-right:solid 1px #fff;}
#content_col2_contact{float:left;}
.contactRow{width:319px; height:26px; clear:both;}
.contactLabel{width:59px; padding-top:3px; float:left; font-size:8pt; font-weight:bold;}
.contactForm{width:255px; padding-left:5px; float:left;}
.contactInfo{width:159px; height:auto; float:left;}


/*Events*/
ul#eventsHolder{margin:0; padding:0; list-style-type:none; width:720px;}
ul#eventsHolder li{float:none; padding:5px 0 5px 5px; width:715px; border-bottom:solid 2px #e6e6e6; background-color:#eee;}
ul#eventsHolder li ul{margin:0; padding:0; list-style-type:none;}
ul#eventsHolder li ul li{width:180px; float:left; padding-right:10px;}
.add_row{width:715px; height:auto;}
.add_label{float:left; width:155px; padding-bottom:3px;}
.add_input{float:left; width:550px; padding-bottom:3px;}
#addResult{font-weight:bold;}
.editIco, .deleteIco{cursor:pointer;}
.listTitle{background-color:Transparent; font-size:8pt; font-weight:bold; border-bottom:solid 1px #000;}
.cancelEdit{cursor:pointer; text-decoration:underline;}


/*Link Style..........................................................................................*/
a img{border:0;}
a{color:#222;}
a:hover{text-decoration:none;}
ul#nav li a {color:#343434; text-decoration:none; font-family: Tahoma, Geneva, sans-serif; font-size:10pt;}
ul#nav li a:hover{color:#ca0e27;}
ul#nav li a.activePage{color:#1c5493; font-weight:bold; text-decoration:none; font-family: Tahoma, Geneva, sans-serif; font-size:10pt}

/*
ul#nav li a.activePage, ul#nav li a.activePage:hover{color:#1c5493; font-weight:bold;}
*/
/*Text Style..........................................................................................*/
h1{font-family: Tahoma, Geneva, sans-serif; font-size:16pt; font-weight:normal;}
.blue{color:#1c5493;}
.red{color:#ca0e27;}
.call{font-size:8pt;}
.homeTitle{color:#1c5493; font-family: Tahoma, Geneva, sans-serif; font-size:14pt;}
.homeTitle2{color:#1c5493; font-family: Tahoma, Geneva, sans-serif; font-size:18pt;}
.homeTitle3{color:#ca0e27; font-family: Tahoma, Geneva, sans-serif; font-size:12pt;}
.testimonialText h4{margin:0; padding:0; color:#ca0e27; text-align:right;}
.events_a{color:#1c5493;}

/*Forms Style..........................................................................................*/
#start_date, #end_date, #event_name, #event_location, #event_url, #event_phone, #event_email
{width:150px; background-color:#fff; border:solid 1px #ccc;}
.enews{width:250px; margin-left:5px; background-color:#fff; border:solid 1px #222; font-weight:normal;}
.enews_error{width:250px; margin-left:5px; background-color:#eee; font-weight:bold; border:solid 1px #ca0e27;}
#enewsButt{height:22px; width:60px; cursor:pointer; margin-left:5px; border:solid 1px #333; font-weight:bold; color:#333; background:url(../images/button_bg.png) repeat-x 0 0;}
/*
#inputEmail, #inputName, #inputPhone {width:253px; background-color:#fff; border:solid 1px #222;}
*/
.contact{width:253px; background-color:#fff; border:solid 1px #222; font-weight:normal;}
.contact_error{width:253px; background-color:#eee; border:solid 1px #ca0e27; font-weight:bold;}

#contactButt{height:22px; width:150px; cursor:pointer; border:solid 1px #333; font-weight:bold; color:#333; background:url(../images/button_bg.png) repeat-x 0 0;}

/*LIGHTBOX................................................*/
.black_overlay{
	display: none;
	position: absolute;
	top: 0%;
	left: 0%;
	width: 100%;
	height: 100%;
	background-color: black;
	z-index:1001;
	-moz-opacity: 0.8;
	opacity:.80;
	filter: alpha(opacity=80);
}
 
.white_content {
	display: none;
	position: absolute;
	top: 10px;
	left: 25%;
	width: 680px;
	height: 550px;
	padding: 16px;
	border: 2px solid black;
	background-color: white;
	z-index:1002;
	overflow: hidden;
	font-family:verdana;
}
.closeButton{position:relative; top:-15px; left:652px;}
a img {border:0;}


/*date picker*/
table.jCalendar {
	border: 1px solid #000;
	background: #aaa;
    border-collapse: separate;
    border-spacing: 2px;
}
table.jCalendar th {
	background: #333;
	color: #fff;
	font-weight: bold;
	padding: 3px 5px;
}

table.jCalendar td {
	background: #ccc;
	color: #000;
	padding: 3px 5px;
	text-align: center;
}
table.jCalendar td.other-month {
	background: #ddd;
	color: #aaa;
}
table.jCalendar td.today {
	background: #666;
	color: #fff;
}
table.jCalendar td.selected {
	background: #f66;
	color: #fff;
}
table.jCalendar td.selected.dp-hover {
	background: #f33;
	color: #fff;
}
table.jCalendar td.dp-hover,
table.jCalendar tr.activeWeekHover td {
	background: #fff;
	color: #000;
}
table.jCalendar tr.selectedWeek td {
	background: #f66;
	color: #fff;
}
table.jCalendar td.disabled, table.jCalendar td.disabled.dp-hover {
	background: #bbb;
	color: #888;
}
table.jCalendar td.unselectable,
table.jCalendar td.unselectable:hover,
table.jCalendar td.unselectable.dp-hover {
	background: #bbb;
	color: #888;
}

/* For the popup */

/* NOTE - you will probably want to style a.dp-choose-date - see how I did it in demo.css */

div.dp-popup {
	position: relative;
	background: #ccc;
	font-size: 10px;
	font-family: arial, sans-serif;
	padding: 2px;
	width: 171px;
	line-height: 1.2em;
}
div#dp-popup {
	position: absolute;
	z-index: 199;
}
div.dp-popup h2 {
	font-size: 12px;
	text-align: center;
	margin: 2px 0;
	padding: 0;
}
a#dp-close {
	font-size: 11px;
	padding: 4px 0;
	text-align: center;
	display: block;
}
a#dp-close:hover {
	text-decoration: underline;
}
div.dp-popup a {
	color: #000;
	text-decoration: none;
	padding: 3px 2px 0;
}
div.dp-popup div.dp-nav-prev {
	position: absolute;
	top: 2px;
	left: 4px;
	width: 100px;
}
div.dp-popup div.dp-nav-prev a {
	float: left;
}
/* Opera needs the rules to be this specific otherwise it doesn't change the cursor back to pointer after you have disabled and re-enabled a link */
div.dp-popup div.dp-nav-prev a, div.dp-popup div.dp-nav-next a {
	cursor: pointer;
}
div.dp-popup div.dp-nav-prev a.disabled, div.dp-popup div.dp-nav-next a.disabled {
	cursor: default;
}
div.dp-popup div.dp-nav-next {
	position: absolute;
	top: 2px;
	right: 4px;
	width: 100px;
}
div.dp-popup div.dp-nav-next a {
	float: right;
}
div.dp-popup a.disabled {
	cursor: default;
	color: #aaa;
}
div.dp-popup td {
	cursor: pointer;
}
div.dp-popup td.disabled {
	cursor: default;
}


a.dp-choose-date {
	float: left;
	width: 16px;
	height: 16px;
	padding: 0;
	margin: 5px 3px 0;
	display: block;
	text-indent: -2000px;
	overflow: hidden;
	background: url(../images/calendar.png) no-repeat; 
}
a.dp-choose-date.dp-disabled {
	background-position: 0 -20px;
	cursor: default;
}
/* makes the input field shorter once the date picker code
 * has run (to allow space for the calendar icon
 */
input.dp-applied {
	width: 140px;
	float: left;
}