@charset "utf-8";
/* -----------------------------------------------------

* Filename: styles.css
* Description: master external style sheet for AA U Stor M web site
* Version: 1
* Website: http://www.aaustorm.com
* Author: Automatit, Inc

== ANCHOR =========================================

	@reset				Standard Reset

-------------------------------------------------------*/

/* @reset
-------------------------------------------------------*/
html, body, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote, pre, form, fieldset, table, th, td {margin: 0; padding: 0;}
html {height: 100%; overflow-y: scroll;}
h1, h2, h3, h4, h5, h6 {font-size: 100%;}
img {border: 0; -ms-interpolation-mode: bicubic;}
a {outline: none;}

/* @general
------------------------------------------------------*/
body {background:#eeeeee url(../images/background_repeat.jpg); background-position: top; background-repeat: repeat-x; color: #575757; margin-top: 0px; margin-bottom: 0px; height: 100%;}
body, select, input {font: 14px Arial, Helvetica, sans-serif; line-height: 18px;}
a {color: #2891e2;}
	a:link, a:visited {text-decoration: underline; font-size: 14px;}
	a:hover {text-decoration: none;}


/* @typography
------------------------------------------------------*/
h1 {
	font: bold 18px Arial, Helvetica, sans-serif;
	color: #575757;
	text-transform: uppercase;
	padding-bottom: 20px;
}
h2 {
	font: bold 14px Arial, Helvetica, sans-serif;
	color: #575757;
	padding-bottom: 10px;
}
p, address {text-align:left; padding:0 0 13px; line-height: 18px;}
/* dl {padding: 0 0 10px 0;}
   dt {clear: left; float: left; font-weight: bold;}
   dd {padding: 0 0 5px 70px;} */
ul {margin:0; padding: 8px 0;}
li {
	display:list-item;
	list-style:disc;
	margin: 0 0 5px 40px;
}

/* @defined classes
------------------------------------------------------*/
.pageHeader {padding:0 0 16px;}
.clearFloat {clear:both; height:0; font-size:1px;}
.error {font: bold 14px Arial, Helvetica, sans-serif; color: #CC0000;}

/* @defined ids
------------------------------------------------------*/
#wrapper {overflow: hidden; margin-top: 0px; margin-left: auto; margin-right: auto; width:924px; min-height: 100%; height: auto; margin-bottom: -62px;}

#header {height: 231px; width: 920px; margin-left: 2px; margin-top: 20px; background-image: url(../images/header.jpg);}
	#slideshow {margin-left: 597px; padding-top: 23px; height: 236px; width: 341px;}
			
#container {width: 922px; overflow: hidden; margin-left: auto; margin-right: auto; padding-left: 2px; background-image: url(../images/wrapper_bg.png); background-repeat: repeat-y;}
	#nav {width: 920px; height: 50px;} 
	#pomona {width: 218px; float: left; margin-top: 30px; margin-left: 30px;}
		#pomonaheader {background-image: url(../images/pomonaloc_header.jpg); width: 218px; height: 42px;}
		#pomonabody {background-image: url(../images/location_bg.jpg); width: 208px; color: #093a93; padding-top: 10px; padding-left: 10px; font-size: 13px; line-height: 14px;}
			#pomonabody a:hover {text-decoration: none;}
		#pomonafooter {background-image: url(../images/location_bottombg.jpg); width: 218px; height: 11px;}
	#specials {width: 367px; float: left; margin-top: 30px; margin-left: 30px;}
		#specialsheader {background:url(../images/specials_header.jpg) no-repeat; width: 367px; height: 42px;}
		#specialsbody {background:url(../images/specials_bg.jpg) repeat-y; width: 367px; color: #093a93; padding-top: 10px; padding-left: 10px; font-size: 13px; line-height: 14px; min-height:272px;}
			#specialsText {width:345px;}
			#specialsText p {padding-bottom:4px;}
			 #specialsbody a:hover {text-decoration: none;}
		#specialsfooter {background:url(../images/specials_bottombg.jpg) no-repeat; width: 367px; height: 11px;}
	#features {float: right; width: 300px; margin-left: 80px;}
	#upland {width: 218px; float: right; margin-top: 30px; margin-right: 30px;}
		#uplandheader {background-image: url(../images/upland_locheader.jpg); width: 218px; height: 42px;}
		#uplandbody {background-image: url(../images/location_bg.jpg); width: 208px; color: #093a93; padding-top: 10px; padding-left: 10px; font-size: 13px; line-height: 14px;}
			#uplandbody a:hover {text-decoration: none;}
		#uplandfooter {background-image: url(../images/location_bottombg.jpg); width: 218px; height: 11px;}
	#content {margin-left: 30px; width: 860px; margin-top: 30px; padding-bottom: 20px; font-size: 15px; line-height: 20px;}
		#content a, a:visited {color: #2891e2; text-decoration: underline; font-size: 15px;}
		#content a:hover {text-decoration: none;}
			#social-media {margin-left:200px;}
		#tom {width: 861px; float: left; margin-bottom: 30px;}
			#tomheader {background:url(../images/tom_header.jpg) no-repeat; width: 861px; height: 42px;}
			#tombody {background:url(../images/tom_bg.jpg) repeat-y; width: 861px; color: #093a93; padding-top: 10px; padding-left: 10px; font-size: 13px; line-height: 14px;}
				#tomText {width:850px;}
				 #tombody a:hover {text-decoration: none;}
			#tomfooter {background:url(../images/tom_bottombg.jpg) no-repeat; width: 861px; height: 11px;}
	#contentFooter {background-image: url(../images/wrapper_footerbg.png); width: 924px; height: 23px; margin-bottom: 30px;}

/* Internal Pages */
#internalContent {float: left; width: 590px; min-height: 300px; margin-left: 35px; padding-bottom: 10px; margin-top: 40px;}	
	#internalContent a:hover {text-decoration: none;}
	#sidebar {float: right; width: 218px; margin-top: 40px; margin-right: 35px;}
		#sidebar a:hover {text-decoration: none;}
		#sidebarHeader {background-image: url(../images/pomonaloc_header2.jpg); height: 42px;}
		#sidebarBody {background-image: url(../images/sidebarpomona_bg.jpg); width: 218px; height: 245px; padding-top: 10px; color: #093a93; text-align: center; font-size: 13px; line-height: 14px;}
		#sidebarBody2 {background-image: url(../images/sidebarupland_bg.jpg); width: 218px; height: 234px; padding-top: 10px; color: #093a93; text-align: center; font-size: 13px; line-height: 14px;}
		#sidebarUpland {background-image: url(../images/upland_locheader2.jpg); height: 40px;}
		#sidebarFooter {background-image: url(../images/sidebar_bottom.jpg); width: 218px; height: 19px;}
	#map_canvas {border: 1px solid #400A0A;	height: 350px; width: 100%;}
		#map_canvas address {font-size: 13px; line-height: 15px; padding: 10px 0 0 0; text-align: center;}
	#makePayment {display: block; width: 209px; height: 81px; background: url("../images/makepayment_btn.png") no-repeat 0 0; float: left; margin-left: 10px;}
		#makePayment:hover {background-position: 0 -81px;}
		#makePayment span {display: none;}
	#reserveOnline {display: block; width: 209px; height: 81px; background: url("../images/reserveonline_btn.png") no-repeat 0 0; float: left; margin-left: 10px;}
		#reserveOnline:hover {background-position: 0 -81px;}
		#reserveOnline span {display: none;}

.push {height: 62px;}
#footer {position: relative; background-image: url(../images/footer_bg.jpg); height:62px; color: #ffffff; overflow: hidden; margin-left: auto; margin-right: auto; bottom: 0px;}
	#footer a {color: #0d3283;}
	#footer a:link, #navFoot a:visited {text-decoration: underline;}
	#footer a:hover {text-decoration: none;}
	#footerBox {width: 924px; overflow: hidden; margin-left: auto; margin-right: auto;}
	#copyright {float: left; width: 320px; font-size: 12px; padding-top: 13px; padding-left: 40px;}
		#copyright a, a:visited {color: #2891e2; text-decoration: underline; font-size: 12px;}
		#copyright a:hover {text-decoration: none;}
	#footerMenu {float: right; width: 330px; text-align: right; padding-top: 13px; padding-right: 40px;}
		#footerMenu a, a:visited {color: #2891e2; text-decoration: underline; font-size: 12px;}
		#footerMenu a:hover {text-decoration: none;}