/*
	CSS style sheet for Larmon House Movers, Inc.

	Table of fonts installed on each operating system
	http://www.apaddedcell.com/web-fonts
	("Georgia" is installed on Windows, Mac OS 10.4, and Ubuntu Linux)
	http://unitinteractive.com/blog/2008/06/26/better-css-font-stacks/
	http://www.eligr.com/css-font-style/
	http://www.commandlineidiot.com/blog/2008/stack-that/
	http://htmlhelp.com/reference/css/

	http://jigsaw.w3.org/css-validator/

     Character Entity References in HTML 4 and XHTML 1.0
     http://www.elizabethcastro.com/html/extras/entities.html
*/

/* Fonts */
body {
	height: 100%;
	margin:auto;
/*	text-align:center; */
	background-color: #c21818;
	background-color: #c21e1e;
	background-color: #cf1d1c;
	background-color: #026165;
	background-color: #fff;
	background-color: #738acb;
	background-color: #5970B2;
	background-color: #eee;

	color: black;
	font-family: Impactx, Georgia, "Times New Roman", Times, serif; 
	font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
	width: 950px;	/* Also need to adjust left margin in '#sddm', below */
	/*  background: #fff; */
}

h1, h2, h3, h4, h5 {
	font-family: Arial, Helvetica, sans-serif;
}

/* Tinted backgrounds (for debugging, only!) */
/*
p { background: #ffdddd; }
.padded { background: #dddddd; }
p.shim { background: #ff8888; }
.floatleft { background: #88ff88; }
h1, h2, h3, h4, h5 { background: #ddddff; }
ul { background: #ffffdd; }
li { background: #ddffff; }
*/

/* Set defaults for non-header blocks. */
p, ul, li, input, select, th, td {
	font-style:normal;
	font-weight:normal;
	font-variant:normal;
	font-size: 15px;
	/* border: 1px solid #5970B2; */
}

/* Set margins */
p {
/*         Top Right  Bot Left */
	margin:0em 15px .5em 15px;
	padding: 0em 0em 0em 0em;
}
h1, h2, h3, h4, h5 {
	margin: .5em 15px .2em 15px;
	/* padding: 0em 0em 0em 0em;*/
}
.padded { margin: 0em 0em 0em 0em; }

/* Misc. fixer uppers */
p.indent { text-indent: 2em; }
p.center { text-align: center; }
/* CSS version of spacer.gif, for a bit of vertical space */
.shim { line-height:25%; }
.shim2 { line-height:50%; }
.shim3 { line-height:75%; }
.shim4 { line-height:100%; }
.shimbg, .shim2bg, .shim3bg, .shim4bg { margin: 0; padding: 0px; background: #cf1d1c; }
.shimbg { line-height:25%; }
.shim2bg { line-height: 50%; }
.shim3bg { line-height: 75%; }
.shim4bg { line-height: 100%; }

/* For pars that need a bit of space before. */
p.needsupper { 	margin: .8em 20px .5em 20px; }

/* Not sure what these are,  Fish?  Fowl? */
ul {
	margin: 0em 20px 0em 60px;
	padding: 0em 0px 0em 0px;
}
li { line-height: 120%; }

/* More definitions for more or less standard tags. */
.center { text-align:center; }

em { font-style:italic; }
strong { font-style:italic; font-weight:bold; }
sup{ vertical-align: super; font-size:11px; }
sub{ vertical-align:sub; font-size:11px; }

h1, h2, h3, h4, h5 { font-weight: bold; font-style: normal; }
h1 { font-size:33px; }
h2 { font-size:25px; }
h3 { font-size:18px; color: #3a58ad; }
h4 { font-size:16px; color: #3a58ad; }
h5 { font-size:15px; color: #871111; }

/* Alternate heading type styles */
.h1c, .h2c, .h3c, .h4c, .h5c { font-weight: bold; font-style: normal; }
.h1c { font-size:33px; text-align:center; }
.h2c { font-size:25px; text-align:center; }
.h3c { font-size:18px; text-align:center; }
.h4c { font-size:16px; text-align:center; }
.h5c { font-size:15px; text-align:center; }



/* Floaters */
.leftfloat { float: left; margin: 0em 1.5em .5em 0em; }
.rightfloat { float: right; margin: 0em 0em .5em 1.5em; }
.clearboth{ clear: both; }
.clearleft { clear:left; }
.clearright { clear:right; }

/* AKA user defined tags. */

#enveloper {
	position: relative;
	min-height: 100%;
 	clear : both;
	margin : auto;
	padding : 0;
}
#borderwrapper {
	width:850px; 
 	margin:auto;
	margin-bottom: 30px;
	padding: 0 10px 10px 10px;
	padding: 0;
	text-align :center;	
 	clear : both;
	background: #acb7d7;
	background: #7a9a9b;
	background: #769c9e;
	background: #701212;
	background: #964343;
	background: #cf1d1c;
	background: #ddd;
	/* background: #6a110d; */
}
#whitewrapper {
	width:850px;
	margin:0; padding: 0;
	text-align: left;
	border: 0px solid #fff;
	background: #fff;
}
#pageheader {
	width: 850px;
	padding: 8px 0 0 0;
	background: #fff;
}
#colored-pageheader {
	width: 850px;
	padding: 0px 0 0 0;
	background: #cf1d1c;
}
.topside {
	text-align:left;
	margin: 0; padding: 0 0 0 0px;
	background: #cf1d1c;
}
.lefttopside-wt {
	float: left;
	text-align:left;
	margin: 0 0px 0 0; padding: 0 20px 0 5.2em;	/* Same LM as #sddm */
	/* background: #cf1d1c; */
}

.lefttopside {
	float: left;
	text-align:left;
	margin: 0 0px 0 0; padding: 0 20px 0 75px;
	background: #cf1d1c;
}
.righttopside {
	float: left;
	height: auto;
	margin: 0 15px 0 15px; padding: 36px 0px 0px 0px;

	background: #fff;
	background: #cf1d1c;
}
.rightheader {
	/* width:380px; */
	font-size:27px;
	font-weight: bold;
	font-style: normal;
	font-variant: normal;
	text-align: center;
	font-family: "Book Antiqua", Palatino, "Palatino Linotype", "Hoefler Text", Times, "Times New Roman", serif;
	color: #fff;
}

.leftsidebar {
	width: 185px;
	float: left;
	background: #eee;
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	border: 1px solid #555;
	padding: 12px;
	margin: 0px 12px 0px 14px;
	overflow: auto;
}
.rightsidebar {
	width: 185px;
	float: right;
	background: #eee;
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	border: 1px solid #555;
	padding: 12px;
	margin: 0px 14px 0px 12px;
	overflow: auto;
}

.leftcol {
	width: 600px;
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	/* border: 1px solid #555;  */
	background: #fff;
	padding: 0 0px 12px 0px;
	margin: 6px 0px 0px 0px;
	overflow: auto;
}
.rightcol {
	width: 200px;
	float: right;

	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	/* border: 1px solid #555; */
	background: #f0f0f0;
	padding: 0 12px 12px 12px;
	margin: 6px 14px 0px 6px;
	overflow: auto;
}

.caption {
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size: 12px;
}

.centcaption {
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size: 12px;
	text-align: center;
}

.size12 { font-size: 12px; }
.size13 { font-size: 13px; }
.size14 { font-size: 14px; }
.size15 { font-size: 15px; }

.company {
	font-size:25px;
	font-weight:bold;
}

.histwrapperx {
	width: 7in;
	margin:0;
	padding:0;
}

.topadd {
	font-size: 1.4em;
	text-align:center;
	margin:0em 1.2em .75em 1.2em;
}


.textnavmenu {
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size: 15px;
	text-align:center;
}

/* Used for drop down nav menu */
/* http://javascript-array.com/scripts/simple_drop_down_menu/ */
#sddm{
	/* Sets the left margin for the nav menu */
	margin: 0em 0em 0 5.2em;
	padding: 0;
	z-index: 30;
}

#sddm li
{	margin: 0;
	padding: 0;
	list-style: none;
	float: left;
	font: bold 12px arial;
}

#sddm li a
{	display: block;
	margin: 0 1px 0 0;
	padding: 4px 10px;
	width: 80px;

	background: #cf1d1c;	/* Dark (Not hovering color) */
	background: #017d82;
	background: #5970B2;
	background: #555;
	color: #FFF;			/* Font color.  White, in this case. */
	text-align: center;
	text-decoration: none;
}

#sddm li a:hover
{	background: #49A3FF;
	background: #f53332;	/* Highlight (Hover color) */
	background: #cf1d1c;
}

/* The drop downs.  Start out hidden.  Mouseover() makes them visible. */
#sddm div
{
	position: absolute; 
	text-align: center;
	visibility: hidden;
	margin: 0;
	padding: 0;
	background: #EAEBD8;
	background: #cf1d1c;	/* Dark (Not hovering color) */
	border: 1px solid #5970B2;
}

	#sddm div a
	{	position: relative;
		display: block;
		margin: 0;
		padding: 5px 10px;
		width: auto;
		white-space: nowrap;
		text-align: left;
		text-decoration: none;
		background: #EAEBD8;
		background: #eaeaea;
		/* background: #e82222; */
		color: #2875DE;
		color: #cf1d1c;	/* Font color. Dark (Not hovering color) */
		color: #3a58ad;
		color: #000;
		font: 11px arial;
	}

	#sddm div a:hover
	{	background: #49A3FF;
		/* background: #e82222; */
		background: #f32323;	/* Highlight (Hover color) */
		background: #cf1d1c;
		color: #FFF;
	}