/* ----------------------------------
        Structure  
------------------------------------- */

* {
	margin: 0;
	padding: 0;
	line-height: 130%;
	}
	
html {
	background: #779900;
	}	
	
body {
	background: #fff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 80%;
	color: #000;
	margin: auto;
	}
	
.main {
	background: #fff;
	width: 700px;
	margin: 0 auto;
	max-width: 100%;
	min-width: 700px;
	}
	
h3 {
	font-size: 122%;
	}
	
/* ----------------------------------
        Header  
------------------------------------- */

.header {
	background: #fff;
	border-bottom: 3px solid #c6c8ca;	
	padding: 1.5em 25em 0 0;
	margin: 0 0 3.5em 0;
	text-align: center;
	}


/* ----------------------------------
       Top Information
------------------------------------- */

.main_info {
	width: 575px;
	height: 100%;
	margin: 0 auto;
	padding: 1.2em .5em 1em 1.3em;
	background: #fff url(images/topBgrd.jpg) top left repeat-x; 
	}
	
.main_info h3 {
	font-size: 150%;
	padding-bottom: .3em;	
	}

.leadin { /* typographical nicety to have a line or paragraph set apart at the beginning of a section */
	font-size: 1.3em;
	}
	
/*------ Image ----------------------- */

.starburst {
	float: right;
	width: 155px;
}

.starburst p {
	position: absolute;
	top: 50px;
	width: 135px;
	height: 149px;
	text-indent: -99999px;
	background: url(images/starburst.gif) top right no-repeat;
}
	
/* ----------------------------------
       Sections
------------------------------------- */

.all_sections {
	margin: 3em 0 0 0;
	}

.section {
	clear: both;
	margin-bottom: 4em;
	}

.section h3 {
	padding: 0 0 .2em 0;
	border-bottom: 1px solid #c6c8ca;
	}

.section p {
	padding: 1em 0 0 0;
	font-size: 110%;
	}

.section a {
	color: #029;
	}
	
.section a:visited {
	color: #866a9d;
	}

.section a:hover {
	color: #04c;
	}

	
/* ----------------------------------
          Table
------------------------------------- */	
.float_right {
	float: right;
	margin: 1em;
	}
	
table {
	border-collapse: collapse;
	border-spacing: 0;
	}

th {
	text-align: center;
	}
	
td {
	font-size: 1em;
	text-align: center;
	}
	
.additional_info {
	background-color: #ddeebb;
	border: solid 1px #779900;
	overflow: hidden;
	}
	
table.additional_info {
	margin: .5em 0 .5em 0;
	}	

table.additional_info th,
table.additional_info td {
	padding: .5em;
	border: solid 1px #779900;
	}
	
table.additional_info th {
	background-color: #b9d07a;
	}

/* ----------------------------------
        Contact Information
------------------------------------- */

.contact_info {
	margin: 1em 0 1.5em 2em;
	font-size: 110%;
	list-style: none;
	width: 185px;
	float: left;
	}

.contact_info li {
	padding: .3em 0 0 .3em;
	}
	
.contact_headers {
	font-size: 110%;
	font-weight: bold;
	padding: 0 0 .1em .3em;
	border-bottom: 1px solid #779900;
	}
	
/*------ Form ----------------------- */
	
.contact_form { 
	clear: both;
	margin: 0 0 0 .6em;
	padding: 1em 1.5em;
	width: 641px;
	border: 1px solid #779900;
	background: #ddeebb;
	}
	
.contact_form fieldset {
	padding: 0 0 0 1.5em;
	}

.contact_form p { 
	font-size: 95%; 
	}

.contact_form label { 
	display: block; 
	padding: 0 0 .3em 0;
	}	
	
.contact_form label em { 
	font-size: 80%; 
	color: #779900; 
	font-style: normal;
	padding-left: .5em;
	}

.contact_form .formField { 
	border: 1px solid #779900;
	padding: .3em 0;
	margin-bottom: .3em;
	}
	
.contact_form .textbox { 
	border: 1px solid #779900; 
	padding: .3em 0;
	}
	
.contact_form .comments { 
	position: absolute; 
	margin: 0 0 0 300px;
	}
	


.contact_form fieldset {
	border: none;
	}
	
.submit_btn {
	float: right;
	margin: .5em 1.2em 0 0;
	width: 71px;
	height: 30px;
	border: none;
	text-indent: -99999px;
	background: #779900 url(images/submitBtn.jpg) no-repeat top left;
	cursor: pointer;
	}

/* ----------------------------------
          Standout
------------------------------------- */

.standout {
/*	position: relative;
	bottom: 5.5em;*/
	border: solid 1px #c6c8ca;
	padding: .5em;
	margin: 0 auto;
	width: 635px;
	}
	
.standout p {
	padding: .8em;
	font-size: 98%;
	}
	

/* ----------------------------------
        Footer  
------------------------------------- */

.footer {
	text-align: center;
	height: 4.5em;
	background-color: #779900;
	}
.footer p {
	color: #fff;
	padding: 1.5em 1em 1em 1em;
	font-size: 95%;
	min-width: 700px;
	}

/*------ Image ----------------------- */

.unit {
	position: relative;
	top: 25px;
	}
	
	/* =errors
----------------------- */
.error,
.alert,
.error_item,
.negative /* for negative numbers or words ie: -200 or No */
	 {
		font-weight: bold;
		color: #c00;
	}

.positive /* for positive numbers or words */
	{
		font-weight: bold;
		color: Green;
	}


.error {
		display: block;
		margin-bottom: 1.1em;
	}

.error ul { /* sets spacing when errors are returned in a bullet list by asp:ValidationSummary */
		margin-top: 0;
		margin-bottom: .8em;
	}

.error_item { /* use this class in validation controls. puts an 'x' near the textbox etc where the error occurred */
		background: url(https://www.uhaul.com/icons/error.gif) no-repeat left;
		margin-left: .3em;
		padding: 0 .4em;
	}

.data_table .error { /* takes away the spacing when the error class is used in a table for data display */
		display: inline;
	}

/* =icons
----------------------- */	
.success,
.add,
.edit,
.faqhelp,
.attention,
.delete,
.print,
a.search {
		display: block; /* needed so you can add margin */
		margin-bottom: .8em;
		padding-left: 18px;
	}
	
.success,
.add,
.edit,
.faqhelp,
.more,
.delete,
.print,
a.search {
		font-weight: bold;
	}

.add,
.edit,
.faqhelp,
.delete,
.print,
a.search {
		white-space: nowrap;
		width: 0; /* keeps these from spanning entire screen */
	}
	
.success {
		background: url(https://www.uhaul.com/icons/success.gif) no-repeat left;
	}
	
/* =subnav
----------------------- */
.subnav {
		padding: 0;
		margin-bottom: 2em;
		zoom: 1;
		overflow: hidden;
	}

.subnav ul {
		list-style-type: none;
		margin: 0;
		margin-bottom: 1em;
		padding: 0;
	}

.subnav li {
		display: inline;
		padding-right: 1em;
		margin-right: 1em;
		border-right: solid 1px #999;
		display: block;
		float: left;
	}

.subnav li.subnav_last,
.subnav li.last { /* removes the border and spacing from the last list item */
		border: none;
		margin-right: 0;
		padding-right: 0;
	}

.subnav_active a,
.subnav_active,
.subnav .active,
.subnav .active a {
		font-weight: bold !important;
	}

.subnav li.add,
.subnav a.add,
.subnav li.edit,
.subnav a.edit,
.subnav li.delete,
.subnav a.delete,
.subnav a.print,
.subnav li.print,
.subnav a.faqhelp,
.subnav li.faqhelp { /* allows links to have the icon but stay inline with other subnav links */
		display: block;
		margin-bottom: 0;
		font-weight: normal;
		width: auto;
	}
