﻿/* Format control of text and colors /*
/* a fix for IE6 only -\*/
* html * {
  zoom:100%; 
/* triggers IE6 "haslayout" - google 'IE6 haslayout' for details*/
  }
/* without the above hack, IE6 does not draw the header until the page is resized */
/* the problem is triggered by the universal * selector below that resets the margins, but I need to do that, hence the hack */
* {
  margin:0;
  padding:0;
    }
body {
	/* 1em = 16pts */
	font: 1em 'Trebuchet MS', Verdana,  Arial, sans-serif;
	background-color: #FFF;
}
.float_left {float:left; margin: 0 .3em .3em 0;}      /* apply this class to any image or element with width - text will wrap it to the right */
.float_right {float:right;  margin: 0 0 .3em .3em;} /* apply this class to any image or element with width  - text will wrap it to the left */

/* Setup categories of colors to assign with body class */
  
/* STYLES - font sizes, margins, padding, etc. */
/* NOTE: text colors follow below */
#main_wrapper {background-color:#e4eaea;}
#header {
	border-width: thin;
	background-color: #507EA1;
	border-bottom-style: solid;
}
#nav {
	padding: 30px;
	background-color: transparent;
	}
#content {
	padding: 0;
}
#promo {background-color:transparent;}
#footer {
	background-color: #e4eaea;
}

dl {
  font-family: 'Trebuchet MS', Verdana,  Arial, sans-serif;
	} 

ol {
  font-family: 'Trebuchet MS', Verdana,  Arial, sans-serif;
	} 

ul {
  font-family: 'Trebuchet MS', Verdana,  Arial, sans-serif;
	} 

h6 {
  font-family: 'Trebuchet MS', Verdana,  Arial, sans-serif;
	} 

h5 {
  font-family: 'Trebuchet MS', Verdana,  Arial, sans-serif;
	} 

h4 {
  	font-family: 'Trebuchet MS', Verdana,  Arial, sans-serif;
	} 

h3 {
  	font-family: 'Trebuchet MS', Verdana,  Arial, sans-serif;
	} 

h2 {
  	font-family: 'Trebuchet MS', Verdana,  Arial, sans-serif;
	} 

h1 {
  	font-family: 'Trebuchet MS', Verdana,  Arial, sans-serif;
	} 

h1 {
	color:#FFF;
	font-size:1.5em; /* 24pt */
	margin: .8em 0 .2em 0;
    	padding: 0;

	}
h2 {
	color:#507EA1;
	font-size:1.375em; /* 22pt */
	line-height:1.25;
    	margin: .8em 0 .2em 0;
    	padding: 0;

	}
h3 {
	color:#507EA1;
	font-size:1.25em; /* 20pt */
	line-height:1.25;
	margin: .8em 0 .2em 0;
    	padding: 0;

	}
h4 {
	color:#507EA1;
	font-size:1em; /* 16pt */
	}
h5 {
	color:#507EA1;
	font-size:1em; /* 16pt */	
}
h6 {
	color:#507EA1;
	font-size:.875em; /* 14pt */
	}
	

p {
	color: #555;
	font-size: .8em; /* 12pt */;
	line-height: 1.5em; /* 24pts */
	margin-bottom: .75em; /* 12pts of space */
}
cite {
	color:#507EA1;
	}
blockquote {
	color:#507EA1;
	}
dl {
	color:#507EA1;
	}
ol {
	color:#507EA1;
	}
cite {
	color:#555;
	}
.nudge {
	position: relative;
	top: -100px;
	}
#nav a {
	color: #507EA1;
	}
#nav ul {
	color:#738040;
	}
form {
	color: #507EA1;
	}
a {
	color: #369;
    	text-decoration: none;
	}
a:hover {
   	 color: #339;
   	 text-decoration: underline;
  }
#nav a:hover {
	color: #369;
	text-decoration: none;
	background-color: #FFFF99;
}

strong {
  	font-weight: bold;
  	font-size: 1.3em;
        }
li {
       	 line-height: 3em;
}
p {
       	 margin:.4em 0 .8em 0;
        	padding: 0;
}
img {
	border: 0;
	margin: 0px 0 0px 0;
}

/* basic list styling - more-styled lists in list.css */
ol {
	margin:0 1em .75em 1em; /* lists without specific classes */
	font-size:.8em;
	line-height:1.5;
}
dl {
	margin:0 1em .75em 1em; /* lists without specific classes */
	font-size:.8em;
	line-height:1.5;
}
ul {
	margin:0 1em .75em 1em; /* lists without specific classes */
	font-size:.8em;
	line-height:1.5;
	color:#507EA1;
}
dd {
	padding: 0; /* lists without specific classes */
	margin-left:2em;
}
li {
	padding: 0; /* lists without specific classes */
	margin-left:2em;
}
#nav ol {
	margin:.5em 1em .75em 1em; /* lists without specific classes */
}
#nav dl {
	margin:.5em 1em .75em 1em; /* lists without specific classes */
}
#nav ul {
	margin:.5em 1em .75em 1em; /* lists without specific classes */
}
#nav li {
	list-style-type:none;
	margin-left:0
	}
#specs {
	font-size: .8em;
	color: #555;
}

#promo ol {
		margin:.5em 1em .75em 1em; /* lists without specific classes */
}
#promo dl {
		margin:.5em 1em .75em 1em; /* lists without specific classes */
}
#promo ul {		margin:.5em 1em .75em 1em; /* lists without specific classes */		}#promo li {	list-style-type:none;	margin-left:0	}		dt {font-weight:bold;}code {font-size:1.25em;}* html code {font-size:1.1em;} /* default size is smaller in IE */	cite {	font-size:.85em;	font-style:italic;	}blockquote {	border-top:2px solid;	border-bottom:2px solid;	width:50%;	margin:1em 0 1em 20%;	padding:.3em 1em;	}blockquote p {	margin-bottom:.1em;	}blockquote p:before { /* IDWIMIE 6 and 7 */	content: open-quote;	color:#cccc8f;}blockquote p:after {  /* IDWIMIE 6 and 7 */	content: close-quote;	color:#366;}blockquote cite {	font-size:.85em;	}acronym {	border-bottom:1px dashed #000;	cursor:default;	}abbr {	border-bottom:1px dashed #000;	cursor:default;	}address {	margin:0 1em .75em 1em;	}/* basic table styling  - more-styled tables in tables.css */
table caption {
	font-weight:bold;
	font-size:1em;
	margin-top:.6em;
	}
table {
	margin: .3em 1em 1em 1em;
	border-top:1px solid #069;
	border-collapse:collapse;
	font-size: 1em;
	color: #507EA1;
	}
table th	{
	padding: .3em .5em .3em .5em;
	border-bottom:2px solid #069;
	}
table td	{	padding: .3em .5em .3em .5em;	border-bottom:1px solid #069;	}/* THE ALSETT CLEARING METHOD */	.clearfix:after { content: “.”; display: block;  height: 0; clear: both; visibility: hidden;}.clearfix {display: inline-table;}/* backslash hack hides from IE mac \*/ LEAVE THIS COMMENT RIGHT HERE! 
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* end backslash hack */ 