/*================================================================
The MAIN stylesheet for the website.

Define SITE-WIDE styles:
  - General Typography
  - Header Content
  - Sidebar Content
  - Forms
  - Tables
  - Footer
  - Sitewide Custom Definitions
  
RED dark:  		62211F
RED light: 		8C2E2C
BLU dark:  		002469
BLU light: 		033B93
BLU lightest: 	E9EFFB
TEAL dark: 		3A5372
TEAL light:		53779F
GRAY:				F9F9F9
PURPLE:    		662D91
  
================================================================*/
@import url("nav.css");
@import url("base.css");
@import url("layout.css");



/* GENERAL TYPOGRAPHY (Standard HTML tags)
----------------------------------------------------------------*/
html, body {
  font-family: verdana, helvetica, sans-serif;
  color: black;
}

h1 {
  color: #62211F;
  margin: 0px 0px 20px 0px;
  padding: 0px 0px 0px 0px;
  font-style: oblique;
  font-variant: small-caps;
  font-size: 16px;
  font-family: arial;
  /*border-bottom: 1px dotted #666;*/
}

h2 {
  color: #62211F;
  margin: 0px 0px 20px 0px;
  padding: 0px 0px 0px 0px;
  font-style: oblique;
  font-variant: small-caps;
  font-size: 14px;
  font-family: arial;
  /*border-bottom: 1px dotted #666;*/
}

h3 {
  color: #62211F;
  margin: 0px 0px 0px 0px;
  padding: 20px 0px 0px 0px;
  font-style: oblique;
  font-variant: small-caps;
  font-size: 14px;
  font-family: arial;
  text-align:center;
  /*border-bottom: 1px dotted #666;*/
}

p {
	margin: 10px 0 6px 0;
  	font-size: 14px;
  	color: #002469;
  	text-indent: 20px;
}

a:link, a:visited {
  color: #002469;
}

hr {
color: #62211F;
}

#commMoving ul {
  font-size: 14px;
  color: #002469;
  list-style-type: disc;
  
 }

#commMoving li {
  font-size: 14px;
  color: #002469;
  border:none;
}

/* HEADER CONTENT
----------------------------------------------------------------*/
#header h1 {
  margin: 0 20px;
  padding: 20px 0; 
  color: white;
  font-weight: normal;
  font-size: 24px;
}
#header h1 em {
  color: yellow;
  font-family: georgia;
  font-weight: bold;
  font-size: 28px;
}


/* SIDEBAR CONTENT
----------------------------------------------------------------*/
#sidebar h2 {
  color: #222;
  margin-top: 0;
}
#sidebar p {
  font-size: small;
}

/* FORMS
----------------------------------------------------------------*/
fieldset {
  border: 1px solid #AAA;
}

fieldset p {
  margin: 4px 0;
}

legend {
  color: #999;
  font-weight: bold;
  font-size: 18px;
}

label {
  float: left;
  width: 160px;
  text-align: right;
  font-size: medium;
  margin-right: 14px;
}

input.text {
  width: 290px;
} 

input.textShort {
  width: 80px;
}

input.submit {
  float: right;
}


/* TABLES
----------------------------------------------------------------*/
table {
  clear: both;
  border-collapse: collapse;
  text-align: left;
}
td {
  padding: 2px 3px;
  font-size: small;
}


/* FOOTER CONTENT
----------------------------------------------------------------*/
#footer p {
  text-align: right;
  color: #ffffff;
  font-size: 10px;
  padding: 3px 30px 0px 0px;
}

/* SUPSTORY CONTENT
----------------------------------------------------------------*/
#subStory p {
  color: #002469;
  font-size: 12px;
  text-align: justify;
  text-indent: 0px;
  font-style: italic;
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 0px 0px;
}

#subStory2 li {
  color: #002469;
  font-size: 12px;
  float: left;
  width: 10em;
  margin: 0;
  padding: 0;
}

/* CONTENT DIV CONTENT
----------------------------------------------------------------*/
#contentPageContactInfo p {
  color: #002469;
  font-size: 16px;
  text-indent: 0px;
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 0px 0px;
}

#contentPageContactInfo h2 {
  color: #62211F;
  text-align: center;
  margin: 0px 0px 20px 0px;
  padding: 0px 0px 0px 0px;
  font-style: oblique;
  font-variant: small-caps;
  font-size: 16px;
  text-decoration: underline;
  font-family: arial;
  /*border-bottom: 1px dotted #666;*/
}

#contentPageTruckInfo p {
  color: #002469;
  font-size: 16px;
  text-indent: 0px;
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 0px 0px;
}

#contentPageTruckInfo h2 {
  color: #62211F;
  text-align: center;
  margin: 0px 0px 20px 0px;
  padding: 0px 0px 0px 0px;
  font-style: oblique;
  font-variant: small-caps;
  font-size: 16px;
  text-decoration: underline;
  font-family: arial;
  /*border-bottom: 1px dotted #666;*/
}


/* CONTENT DIV SUBNAVE
----------------------------------------------------------------*/
#subNav a {
  font-size: 10px;
  color: #002469;
  margin: 0;
  padding: 0;
  display:inline;
}



/* STORY DIV CONTENT
----------------------------------------------------------------*/
#story li {
  font-size: 14px;
  color: #002469;
  margin: 0;
  padding: 0;
}


/* COUPON DIV CONTENT
----------------------------------------------------------------*/
#coupon p {
  color: #002469;
  font-size: 16px;
  text-indent: 0px;
  text-align: left;
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 0px 0px;
}

#coupon h2 {
  color: #62211F;
  text-align: center;
  margin: 0px 0px 20px 0px;
  padding: 0px 0px 0px 0px;
  font-variant: small-caps;
  font-size: 16px;
  text-decoration: underline;
  font-family: arial;
  font-style: normal;
  /*border-bottom: 1px dotted #666;*/
}


/* SITE-WIDE CUSTOM STYLES (Your own id's and classes)
----------------------------------------------------------------*/
p.error {
  color: red;
}

p.noIndent {
  margin: 10px 0 6px 0;
  font-size: 14px;
  color: #002469;
  text-indent: 0px;
}

p.referral {
	font-family: cursive, verdana, helvetica, sans-serif;
  	margin: 10px 40px 10px 40px;
  	font-size: 14px;
  	color: #62211F;
	text-indent: 0px;
}
.referralSig {
	font-family: verdana, helvetica, sans-serif;
  	padding: 0px 0px 0px 400px;
  	font-size: 16px;
  	color: #62211F;
	text-indent: 0px;
}

.navSpacer {
  color: blue;
  padding: 0px 10px 0px 10px;
}

#contactUsToday{
	text-align: center;
  	margin: 35px 10px 0px 10px;
  	clear: both;
  	font-size: 12px;
  	color: #002469;
}

.darkBlue {
	color:#002469;
}

.darkRed {
	color:#62211F;
	font-size: 10px;
	display:inline;
}

.darkBlueHR {
	color:#002469;
	background-color:#002469;
	height: 1px;
}

.darkRedHR {
	color:#62211F;
	height: 1px;
	border: none 0; 
	border-top: 1px dashed #62211F;/*the border*/
	width: 600px;
}

.signature {
	color:#002469;
	font-size: 12px;
	font-weight: bold;
	text-align: right;
	margin: 15px 0px 0px 0px;
}