/*  ===================================

DEFAULTS

Colors
Yellow: #ffd203
Light Blue: #e9eef4

==================================== */

body {
	font-family:Verdana,Arial,sans-serif;
	font-size:62.5%;
	margin:0;
	padding:0;
	text-align:center;/* for centering wrapper in IE5 */
	}
	
form {
	margin:0;
	padding:0;
	}


/* LINKS
----------------------------------*/	

a {

	}
	
a:hover {

	}


/* GENERAL 
----------------------------------*/	

p {
	line-height:1.5em;
	}



/* HEADERS 
----------------------------------*/	
h1,
h2,
h3,
h4 {
	font-weight:bold;
	margin:0 0 1em;
	}
	
h1 {font-size:1.8em;}
h2 {font-size:1.4em;}
h3 {font-size:1.2em;}
h4 {font-size:1.1em;}


/* TEXT STYLES 
----------------------------------*/	
.yellowtext {
	color: #ffd200;
}

.redtext {
	color: #ff0000;
}

/*  ===================================

LAYOUT

==================================== */

.wrapper {
	background:#fff url("../images/bg_tread.jpg") repeat-y 50% 0;
	}

.content {
	width:901px;
	margin:0 auto;
	padding:0 0 10px;
	text-align:left;
	font-size:1.1em;
	}
	
.header {
	margin: 10px 0 0;
	line-height: 0;
	}
	
	.header h1 {
		display:none;
		}
	
/* row of columns */	
.colset {
	clear:both;
	margin:0 0 10px;
	width:100%;
	position:relative;
	top:0;
	left:0;
	}

/* fixes clearing in Mozilla/KHTML */
.colset:after {
	content:".";
	display:block;
	clear:both;
	line-height:0;
	visibility:hidden;
	}
	
/* faux backgrounds */	
.colset.threestep {
	background: url("../images/bg_threecol.gif") repeat-y 0 0;
	}

.colset.standard {
	background: url("../images/bg_standard.gif") repeat-y 655px 0 ;
	}

.colset.leftmenu {
	background: url("../images/bg_standard_blue.gif") repeat-y 0px 0 ;
	}

	/* standard col */
	.col {
		float:left;
		margin:0 15px 0 0;
		padding:10px 10px 0;
		width:235px;
		wid\th:200px; /* IE5 boxmodel fix */
		display:inline;
		position:relative;
		top:0;
		left:0;
		zoom:1; /* IE6 haslayout */
		}
		
	/* double width -- used for content */	
	.col.double {
		width:610px;
		wid\th:575px; /* IE5 boxmodel */
		}
	
	/* margin fix for right-side column */
	.col.right {
		margin:0;
		}

	/* standard col is narrower, fits over background img above */
	.colset.standard .col.right {
		width:290px;
		wid\th:170px; /* IE5 boxmodel */
		padding:10px 60px 0;
		}

	/* homepage three step cols */
	.colset.threestep .col {
		padding:5px 20px 0 45px;
		wid\th:225px; /* IE5 boxmodel */
		}
		
		/* set col paragraph styles.  This will affect almost all content! */
		.col p {
			margin:0 0 1em;
			}
			

/* left menu */
.leftmenu {
	background: url("../images/bg_standard_blue.gif") repeat-y 0px 0 ;
	}

	/* standard col */
	.leftmenu .left {
		float:left;
		margin:0 15px 0 0;
		padding:10px 10px 0;
		width:305px;
		wid\th:270px; /* IE5 boxmodel fix */
		display:inline;
		position:relative;
		top:0;
		left:0;
		zoom:1; /* IE6 haslayout */
		}
	


.bluecontainer {
	width:560px;
	margin: -8px 0 0;
	background: #e9eef4;
	padding:0 10px 0;
	clear: left;
	overflow: auto;
  }
	
.footwrap {
	padding-bottom:60px;
	background:#fff url("../images/bg_footer.jpg") no-repeat 50% 0;
	}
	
	.footer {
		margin:0 auto;
		padding:20px;
		width:901px;
		wid\th:861px; /* IE5 boxmodel */
		height:60px;
		heig\ht:20px; /* IE5 boxmodel */
		color:#fc0;
		background:#000;
		text-align:left;
		}
		

	.footerRight {
		width: 100%;
		margin-left: 490px;
	}
		
/*  ===================================

HOMEPAGE

==================================== */		

/* see imgreplace class below. */

h2#welcome {
	margin:0 0 -0.3em;
	background: url("../images/h2_welcome.gif") no-repeat 0 0;
	}

.leadin {
	font-size:1.1em;
	}

.signup {
	padding-top:1.8em;
	color:#1a51c0;
	}


/* see imgreplace class below. these assign background images to headers */

h3#step1,
h3#step2,
h3#step3 {
	margin-left:-30px;
	}

h3#step1 {
	background:url("../images/h3_step1.gif") no-repeat 0 0;
	}

h3#step2 {
	background:url("../images/h3_step2.gif") no-repeat 0 0;
	}

h3#step3 {
	background:url("../images/h3_step3.gif") no-repeat 0 0;
	}


.gaugerow {
	margin:10px 0 0;
	height:162px;
	background:#979bbd url("../images/bg_guages.gif") repeat-x 0 0;
	}
	
	.gauge {
		float:right;
		}
	
	.gaugerow .info {
		width:400px;
		padding:10px 20px;
		float:left;
		}
		
		.gaugerow .info p {
			margin:1em 0;
			line-height:1.25em;
			}
		
		.gaugerow .info .author {
			color:#fff;
			}


/*  ===================================

CONTENT

==================================== */		

p.subhead {
	margin:-.5em 0 1em;
	font-style:italic;
	font-weight:bold;
	}

ul {
	margin:1em 0;
	padding:0;
	}

	li {
		margin:1em 0 1em 3em;
		padding:0;
		list-style:none;
		}
	
	li p:first-line {
		font-weight:bold;
		}


.team_list p {
	margin:1.3em 0;
	font-size:1.1em;
	text-decoration:underline;
	color:#666;
	}

.team_list p:first-line {
	color:#000;
	}

.account_menu p {
	margin:1.3em 0;
	font-size:1em;
	text-decoration:underline;
	color:#666;
	}

.account_menu p:first-line {
	color:#000;
	}
	
.postit {
	border-top: #f00 solid 1px;
	height: 100px;
	width: 100px;
	background: url("../images/postit.gif") no-repeat 0 0;
	background-position: center;
	text-align: center;
	valign: middle;
	margin: 10px 10px 5px;
}


	
/* Header images
------------------------------  */	

/* class to remove text and set up headers */
h2.imgreplace,
h3.imgreplace {
	display:block;
	margin:0 0 0;
	height:24px;
	line-height:14px;
	text-indent:-23456px;
	}

/*  ===================================

FORMS

==================================== */		

.accountSummaries {
	margin: 20px 0 10px;
	clear: left;
}

.formobject {
	float: left;
	margin:15px 0 0;
	overflow: visible;
	}

.formfield {
	padding:0 10px 0;
	clear: left;
	overflow: auto;
  }

.formlabel {
	font-size:1.1em;
	width: 100px;
	float: left;
	margin:15px 0 0;
	}

.addVehicleForm .formlabel {
	font-size:1.1em;
	width: 200px;
	float: left;
	margin:15px 0 0;
  }
	
.formsubmit {
	margin:10px 60px 10px;
}

.inputbox{
	border-width: 1px;
	border-color: #000;
	background-color: #fff;
	font-size: 1.2em;
	font-weight: normal;
	color: #000;
}

.inputradio
{
	border-width: 0px;
	padding :0px,0px,0px,0px;
}

.inputdrop
{
	border-width: 1px;
	border-color: #000;
	background-color: #fff;
	font-size: 1.2em;
	font-weight: normal;
	color: #000;
}

.inputbutton{
	font-size: 1.1em;
	color: #000;
}