﻿.main {
		width: 66.8em;
	}
	
.content_with_sidebar {
		width: 75%;
	}
	
.uhaul_header {width:66.8em;}
	
.sidebar {
width: 22%;
}



.sidebar h3 {
letter-spacing:normal;
color: #000;
font-size: 1.17em;
margin-top:0;
margin-bottom: 1em;
}

.sidebar_content {
background-color: #eee; 
margin-bottom: 27px;
-moz-border-radius: .5em; /* adds rounded corners to mozilla and webkit (apple) browsers */
-webkit-border-radius: .5em;
}

ul.sidebar_nav {
	list-style-type: none;
	margin: 0;
	padding: 0;
	border-left: solid 1px #d9d9d9;
border-right: solid 1px #d9d9d9;
}

ul.sidebar_nav li {
	margin: 0;
	padding: 0;
	display: inline;
	
	xposition: relative;
}

ul.sidebar_nav li a {
	border-top: solid 1px #d9d9d9;
	display: block;
	margin: 0;
	padding: .75em 1.5em;
	text-decoration: none;
}

ul.sidebar_nav li a:visited,
ul.sidebar_nav li a:hover {
	color: #002299;
}

ul.sidebar_nav li a:hover  {
	background: #e3e3e3;
} 

ul.sidebar_nav li.last a {
	border-bottom: solid 1px #d9d9d9;
} 

ul.sidebar_nav li.active a,
ul.sidebar_nav li.active a:visited {
	background: #d3d3d3;
	
	font-weight: bold;
}

ul.sidebar_nav .expand_button {
	border: 0;
	float: left;
	margin: 0;
	width: 12px;
	padding-top: .85em;
	padding-left: .25em;
}

ul.sidebar_nav li.sidebar_subnav a {
	xborder-left: 1px solid #d9d9d9;
	margin-left: 1.5em;
	padding-left: 1em;
	padding-right:0;
}

xul.sidebar_nav li.sidebar_subnav a:before {
	color: #666;
	content: "- ";
}

.additional_info {padding:0; background-color: #aabbcc; border:0;
}

.additional_info_content {padding:5px; border-right:1px solid #8899aa; border-left:1px solid #8899aa;}

.blue {background-color: #c3c9e5; 
border: solid 1px #adb3cc;}

/* COLORS */
.grey {color:#999;}
.red {color:red;}
.orange {color:#ff3300;}

/* HEADERS */
.breadcrumb {font-size:1em; padding:5px 0 5px 5px; width:auto; background:#eee; }
.column h3,.column h4 {margin:0; padding:0 0 .5em 0; border-bottom:0;}
.hp_h { display:block; margin:0 auto 20px auto; width:456px;}
.news_item h3 {font-size:125%;}

/* GENERAL */
.center { margin-right:auto; margin-left:auto; text-align:center; }
.last {margin-right:0; padding-right:0; }
.quote {display:block; clear:both; font-family:Georgia, serif; font-size:16px; font-weight:normal; font-style:italic;}
.quote_callout {display:block; color:#000; font-size:82.5%; text-align:right; }
.quotemarks {font-style:italic;}
.no_border {border:0px;}
.date {float:right; padding:0 10px 0 0; color:#333;}
.back_to_top {clear:both; float:right;}

/* TABLE */
.data_table {width:auto;}


/* IMAGES */
img, a img { padding:0; border:0px;}
img.hp_thumb {display:block; float:left; padding-right:5px;width:100px; }
img.border { border:1px solid #bdbdbd;}
img.padded_border { margin-bottom:20px; padding:1px; border:1px solid #bdbdbd;}
img.thumb { margin-bottom:.5em; }
img.img_thumbs_ps {width:17em; height:13.5em; }
img.center { display:block; margin:0 auto; text-align:center; }

/* BUTTONS */
a.btn_grn_172 {display:block; float:right; margin:20px 0 0 30px; padding:7px 0 0 0; width:172px; height:21px; color:#fff; font-weight:bold; font-size:12px; text-align:center; text-decoration:none; background:url(/about/images/cs/hp/donate_gozero_off.gif); }
a.btn_grn_172:hover {background:url(/about/images/cs/hp/donate_gozero_on.gif); }
a.donate {display:block; float:right; margin:25px 35px 0 0; padding:7px 0 0 0; width:172px; height:21px; color:#fff; font-weight:bold; font-size:12px; text-align:center; text-decoration:none; background:url(/about/images/cs/community/btn_172_28_off.gif) transparent; }
a.donate:hover {background:url(/about/images/cs/community/btn_172_28_on.gif); }
.enhanced_btn a {background:url(images/enhanced_btn.jpg) no-repeat; padding:0; display:block; width:150px; height:30px; }
.enhanced_btn a:hover, .enhanced_btn a:active {background:url(images/enhanced_btn_h.jpg) no-repeat; }

/* LISTS */

ul.link_list { padding:0; list-style:none; }
.cs_des { display:block; float:left; width:65%; }

ul.subnav_sidebar {margin:0; padding:0;}
ul.subnav_sidebar li {display:block; border-bottom:1px solid #bdbdbd; list-style:none;}
ul.subnav_sidebar li.last {border-bottom:none; }
ul.subnav_sidebar li a {display:block; padding:8px 0; text-decoration:none;}

ul.shareduse li a, ul.com li a, ul.ps li a {display:block; height:38px; padding:12px 0 0 45px; text-decoration:none;}

ul.shareduse li a.truck_sharing {background:url(/about/images/cs/hp/thumbs/truck_sharing.jpg) no-repeat 0 3px;}
ul.shareduse li a.storage {background:url(/about/images/cs/hp/thumbs/storage.jpg) no-repeat;}
ul.shareduse li a.trailer_sharing {background:url(/about/images/cs/hp/thumbs/trailer_sharing.jpg) no-repeat;}
ul.shareduse li a.sustainable_storage {background:url(/about/images/cs/hp/thumbs/sustainable_storage.jpg) no-repeat;}
ul.shareduse li a.patriot {background:url(/about/images/cs/hp/thumbs/patriot.jpg) no-repeat;}
ul.shareduse li a.retail {background:url(/about/images/cs/hp/thumbs/retail.jpg) no-repeat;}
ul.shareduse li a.ubox {background:url(/about/images/cs/hp/thumbs/ubox.jpg) no-repeat;}

ul.com li a.employees {background:url(/about/images/cs/community/thumbs/40_employees.jpg) no-repeat;}
ul.com li a.call_to_action {background:url(/about/images/cs/community/thumbs/40_call_to_action.jpg) no-repeat;}
ul.com li a.uhaul_pub_trans {background:url(/about/images/cs/community/thumbs/40_uhaul_pub_trans.jpg) no-repeat;}
ul.com li a.connection {background:url(/about/images/cs/community/thumbs/40_connection.jpg) no-repeat;}

ul.ps li a.recycled_denim {background:url(/about/images/cs/product_stewardship/thumbs/40_recycled_denim.jpg) no-repeat;}
ul.ps li a.fuel_gauge {background:url(/about/images/cs/product_stewardship/thumbs/40_fuel_gauge.jpg) no-repeat;}
ul.ps li a.sus_mfg {background:url(/about/images/cs/product_stewardship/thumbs/40_sus_mfg.jpg) no-repeat;}
ul.ps li a.sus_seating {background:url(/about/images/cs/product_stewardship/thumbs/3peeps.gif) no-repeat;}

/******* Media Kit list *******/
ul.media_kit {margin:20px 0 0 0; padding:0;}
ul.media_kit li {display:inline; float:left; padding:0 0 0 40px; list-style:none;}
ul.media_kit li a {display:block; height:80px; padding:10px 50px 20px 10px; text-decoration:none;}


/* HEADER */
.header { display:block; clear:both; padding:0; margin:0 0 1em 0; padding:0; height:auto; width:100%; -moz-border-radius: .5em;
           /* adds rounded corners to mozilla and apple browsers */ -webkit-border-radius: .5em; background-color: transparent; }
.header h1, .header h2 {font-weight:normal; }
.about_uhaul { background:url(images/headers/about_uhaul.jpg) no-repeat left bottom;}
.history { background:url(images/headers/history.jpg) no-repeat center top;}

.header_about_uhaul, .header_nav_news_events, .header_nav_cs_hp, .header_nav_shared_use, .header_nav_community, .header_nav_product_stewardship, .header_nav_economy, .header_nav_building_green, .header_news_media_relations, .header_news_public_relations
 { color:#eefdb1; font-family:Arial; font-size:1.25em; }

.header_content {height:175px; }
.public_relations .header_content {height:auto; }
.header_content ul {margin:0 0 0 10px; padding:0; list-style:none;}

ul.nav_pr {margin:0; list-style:none; }
ul.nav_pr li {display:inline; }

/* MAIN NAVIGATION */
.main_nav {display:block; clear:both; margin:0; padding:0; width:100%; min-width:700px; height:45px; background:url(images/navigation_bar_mid.jpg) repeat-x; }
.main_nav ul { float:left; margin:15px 0 0 0; padding:0; list-style:none; }
.main_nav ul li { float:left; display:inline; margin:0; padding:0 10px; border-right:1px solid #000;}
.main_nav ul li.last { padding-right:0; border-right:0px solid #000;}
.arrow { float:left; margin:0 10px; padding-top:1px;}
a.about { float:left; margin:1em 0; color:#000; font-size:1.125em; font-weight:bold; text-decoration:none;}

/* CONTENT & COLUMNS */
.content { padding:0;}
.column { width:31%; margin:0; padding:0 20px 0 0; border-right:0px solid #bdbdbd;}
.column_half { margin:0; width:48%;}
.column_two_span { width:65.5%; }
.column_quarter {width:22%; padding:0 20px 0 0; }
.column_100 { width:auto;}
.column_last { margin-right:0; padding-right:0; border-right:0px;}

/* SECTION */
.section { display:block; float:none; clear:both; margin:0 0 20px 0; padding:0; width:100%; }

/* CALLOUT */
.callout {display:block; float:right; margin:0 0 20px 10px; width:30%; background:#eee; border:1px solid #bdbdbd; }
.green { color:#fff; background:#55b949; border:1px solid #34732d; }
.callout .callout_img {display:block; margin:0 auto; padding:0; width:100%; text-align:center; background:#fff; border-bottom:1px solid #bdbdbd; }
.callout p  { margin:0; padding:.5em; font-size:1.25em; line-height:1.5em; }

.pull-quote-left,
.pull-quote-right{width:30%; padding:15px; background:url(images/callouts/quotes.jpg) no-repeat top left; display:block; font-family:"Georgia", Times New Roman, Serif; font-weight:bold; font-size:18px; line-height:1.4; color:#21569a;}
.pull-quote-left{float:left;}
.pull-quote-right{float:right;}

a.btn_blu_280 {display:block; margin:0; padding:10px 0 0 0; width:280px; height:41px; color:#fff; font-size:1em; font-weight:bold; text-align:center; text-decoration:none; background:url(images/btn_blu_280_off.jpg) no-repeat;}
a.btn_blu_280:hover, .btn_blu_280:active { background:url(images/btn_blu_280_on.jpg) no-repeat;}

/* FADE CONTAINER */
.fade_container {display:block; clear:both; margin:0; padding:0; width:100%; min-width:700px; height:auto; background:url(images/fade_container_center.jpg) repeat-x; }
.fade_container img { margin:0; }
    
.lt_grey_box {width:100%; 
background-color: #eeeeee;
margin-bottom: 1.5em;
overflow:hidden;}

.lt_grey_box_content {padding:5px; border-right:1px solid #d9d9d9; border-left:1px solid #d9d9d9;}

.lt_grey_box h3 {margin:0 0 1em 0;}
.lt_grey_box ul {margin:0; padding:0; list-style:none;}
.lt_grey_box ul li {margin-left:0; list-style:none;}


/* CHART LISTS */
    .chartlist { 
      float: left;
      margin:0;
      border-top: 1px solid #EEE;  
      border-bottom: 1px solid #EEE; 
      width: 380px;
    }
    .chartlist li { 
      position: relative;
      display: block;
      margin:0.5em 0;
      _zoom: 1;
      background: #bbbbbb; 
    }
    .chartlist li a { 
      display: block; 
      padding: 0.4em 4.5em 0.4em 0.5em;
      position: relative; 
      z-index: 2;
      color: #fff; 
      text-decoration: none; 
      font-weight: bold; 
    }
    .chartlist .count { 
      display: block; 
      position: absolute; 
      top: 0; 
      right: 0; 
      margin: 0 1em 0 0; 
      text-align: right; 
      color: #fff; 
      font-weight: bold; 
      font-size: 0.875em; 
      line-height:2.5em; 
    }
    .chartlist .index { 
      display: block; 
      position: absolute; 
      top: 0; 
      left: 0; 
      height: 100%; 
      background: #0076c9; 
      text-indent: -9999px; 
      overflow: hidden; 
      line-height: 2em;
    }