/* ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
background --- #787266
darker section background --- #020202
font --- 
^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^*/


/* ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ 
RESET (Meyer)
^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
	padding-top: 12px;
	padding-right: 45px;
	padding-bottom: 12px;
	padding-left: 45px;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ 
SITE DEFAULTS (This is where you redefine all the basic tags for your site. 
You’ll handle the body, links, headers and such here.)
^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ */
html, body {
	height:100%;
	background-color: #787266;
	text-align:center;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size:100%;
	color:#ACC989;
}
h3 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 16px;
	font-weight: bold;
	color: #f9b779;
	padding-top: 10px;
	padding-right: 12px;
	padding-bottom: 0px;
	padding-left: 12px;
	margin-bottom: 1px;
}
h2 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: bold;
	color: #FF0000;
	margin-bottom: 1px;
	font-size: 21px;
	padding-top: 10px;
	padding-right: 12px;
	padding-bottom: 0px;
	padding-left: 12px;
}
ul, ol {
	font-size: 12px;
	margin-left: 0px;
	padding-left: 40px;
	list-style-position: inside;
	display: inline-block;
	background-repeat: no-repeat;
	color: #CCCCCC;
	list-style-type: none;
	padding-bottom: 30px;
}
li {
	background-image: url(../images/bg2-list-bullet.gif);
	background-repeat: no-repeat;
	background-position: left;
	padding-left: 10px;
}
 
/* NAVIGATION ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ */
.clear { /* generic container (i.e. div) for floating buttons */
    overflow: hidden;
    width: 100%;
}
a.button {
	background: transparent url(../images/buttona.jpg) no-repeat scroll right top;
	color: #FFFFCC;
	display: block;
	float: left;
	font: normal 12px Geneva, Arial, Helvetica, sans-serif;
	height: 20px;
	margin-right: 20px;
	padding-right: 14px; /* sliding doors padding */
	text-decoration: none;
}

a.button span {
	background: transparent url(../images/buttonspan.jpg) no-repeat;
	display: block;
	line-height: 14px;
	padding: 3px 0 3px 12px;
}
a.button:active {
	background-position: bottom right;
	color: #000000;
	outline: none; /* hide dotted outline in Firefox */
}

a.button:active span {
    background-position: bottom left;
    padding: 3px 0 3px 12px; /* push text down 1px */
} 

/* ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ 
GENERIC STYLES (This is where you create generic utility classes that you can use as 
a “toolkit” within your site. For example, clearing elements or generic form input styles.)
^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ */
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}
.fltlft {
	float:left;
	padding-right: 25px;
}
.holder {
	width: 187px;
	height: 200px;
	float:left;
	padding-right: 25px;
}
.botmargshrink {
	margin-bottom: -22px;
}

/* ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ 
SHELL (This is where the layout is styled for the shell of the site. 
The shell is the outer layer of the site that exists on every page. 
The shell will have the site container, the header and the footer. 
Frequently, an important job of the shell is to set the width of the website.)
^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ */
#container {
	width: 900px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	background: #787266;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	/*border: 1px solid #000000;*/
	text-align: left; /* this overrides the text-align: center on the body element. */

}
#header {
	position:relative;
	left:0;
	top:0;
	background-image: url(../images/indextopback.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	height: 535px;
	width: auto;
}
#altheader {
	position:relative;
	left:0;
	top:0;
	background-image: url(../images/altpage-topback.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	height: 222px;
	width: auto;
}
#index-navbar {
	font-size:12px;
	position:relative;
	left:28px;
	top:487px;
	width:674px;
	height:30px;
	z-index:1;
}
#altindex-navbar {
	font-size:12px;
	position:relative;
	left:28px;
	top:176px;
	width:674px;
	height:30px;
	z-index:1;
}
#promo {
	position:absolute;
	left:693px;
	top:336px;
	width:160px;
	height:90px;
	/*z-index:3;*/
}
#signblinker {
	position:absolute;
	left:690px;
	top:211px;
	width:169px;
	height:102px;
	z-index:1;
}
#content {
	position:relative;
}
#footer {

	width:auto;
	height:50px;
	padding: 16px 12px 30px 30px;    

	clear: both;

	background: #787266;

	color: #CCCCCC;

	font-size: 85%;

	/*line-height: 130%;

	padding-bottom: 10px;*/

}

.bg {
	/*position:absolute;*/
	background-color: #020202;
	/*margin-top: 20px;*/
	width: 554px;
	color: #d3e2c0;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	/*font-size: 16px;*/
	color: #B7C1A8;
	line-height: 1.5em;
	float:left;
	overflow:hidden;
	zoom:1;
}
.bgwide {
	background-color: #020202;
	width: 900px;
	color: #d3e2c0;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #B7C1A8;
	line-height: 1.5em;
	float:left;
	overflow:hidden;
	zoom:1;
}
.bg2 {
	/*position:absolute;*/
	float:right;
	top:0;
	right:0;
	background-color: #020202;
	/*margin-top: 20px;*/
	width: 330px;
	color: #ACC989;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	/*font-size: 14px;*/
	color: #AEB0A4;
	line-height: 1.3em;
	zoom:1;
}
.bg p {
	padding: 10px 12px;
	font-size: 16px;
}
.bg2 p {
	padding: 10px 12px;
	font-size: 16px;
}
.bg2 strong {
	color:#66C620;
}
.bgwide p, h2, h3 {
	padding: 20px 24px;
	/*font-size: 16px;*/
}
.bgwide p {
	font-size: 18px;
}
/* ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ 
LAYOUT (Your website will probably break down into several templates. 
This is where you style the wireframes for those templates layouts. 
This section usually has a lot to do with columns.)
^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ */

/* ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ 
MODULARS (You may have small portions of your website that are styled the same, 
but across many pages and in many locations. Here you can make those modular boxes for reuse.)
^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ */
/* ROUND CORNERS ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ */
.tl {
	background-image: url(../images/rc.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
.br {
	background-image: url(../images/rc.gif);
	background-repeat: no-repeat;
	background-position: right bottom;
}
.tr {
	background-image: url(../images/rc.gif);
	background-repeat: no-repeat;
	background-position: right top;
}
.bl {
	background-image: url(../images/rc.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
}
.trc {
	background-image: url(../images/tr.gif);
	background-repeat: no-repeat;
	background-position: right top;
}
.blc {
	background-image: url(../images/bl.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
}
.pad {
	padding: 10px;
}
/* ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ 
SECTION/PAGE SPECIFIC (Once you’ve got everything else covered, you’re only left to style 
elements individually. This may mean stying a box that appears in several pages in a section 
or a unique element on the site.)
^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ */
a {
	padding: 0 5px;
	/*font-size:12px;*/
	text-decoration: none;
}
a:link {
color: #FFFFCC
}
a:visited {
color: #FFFFCC
}
a:hover {
	color: #333333
}
a:active {
color: #FFFFCC
}

.fineprint {
	font-size: 10px;
	color: #CCCCCC;
	padding: 20px 50px;
	line-height: normal;
}
.fineprint2 {
	font-size: 12px;
	color: #CCCCCC;
	padding: 20px 50px;
	line-height: normal;
}
.fineprint p {
	font-size: 10px;
	margin-top: -10px;
}
.fineprint2 p {
	font-size: 13px;
	/*margin-top: -10px;*/
}
/* ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ 
SUBSECTIONS (once your sections get large enough, be sure to divide them into logical subsections)
^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ */
.bg2 ul, ol {
	font-size: 12px;
	margin-left: 0px;
	padding-left: 40px;
	list-style-position: inside;
	display: inline-block;
	background-repeat: no-repeat;
	color: #CCCCCC;
	list-style-type: none;
	padding-bottom: 30px;
}
.bg2 li {
	background-image: url(../images/bg2-list-bullet.gif);
	background-repeat: no-repeat;
	background-position: left;
	padding-left: 10px;
}
.bg a:hover, .bg2 a:hover, .bgwide a:hover {
	/*color:#CCCCCC;*/
	background-color:#FFFFCC
}
 /* ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ 
FORMS
^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ */  
form {
	/*border: 3px dotted #666666;*/
	margin: 10px;
	background-color: #333333;
	padding-top: 5px;
	padding-bottom: 5px;
}
input {
	background-color: #B6C4CB;
	color: #333333;
	font-size: 16px;
	margin-top: -12px;
	font-family: "Courier New", Courier, monospace;
	font-weight: bold;
	padding-left: 4px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
textarea {
	background-color: #B6C4CB;
	color: #333333;
	border: none;
	font-size: 16px;
	margin-top: -12px;
	font-family: "Courier New", Courier, monospace;
	padding-left: 4px;
	font-weight: bold;
}
select {
	background-color: #B6C4CB;
	color: #333333;
	border: none;
	font-size: 16px;
	margin-top: -12px;
	font-family: "Courier New", Courier, monospace;
	padding-left: 4px;
	font-weight: bold;
}
fieldset {
	background-color: #020202;
	/*border: 1px dotted #999999;*/
	margin: 10px;
	padding-bottom: 12px;
}
legend {
	background-color: #666666;
	padding-right: 8px;
	padding-left: 8px;
	padding-top: 4px;
	padding-bottom: 4px;
	color: #CCCCCC;
	margin-bottom: 12px;
	margin-top: 12px;
	font-size: 20px;
	margin-left: 24px;
}

.required {
	font-family: "Times New Roman", Times, serif;
	font-size: 24px;
	color: #FF0000;
	padding: 0 4px;
}
.faqheader {
	font-size: 20px;
	color: #FFFFFF;
	background-color: #787266;
	padding-top: 2px;
	padding-right: 8px;
	padding-bottom: 2px;
	padding-left: 12px;
	margin-bottom: 8px;
}


 /* ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ 
MOOSLIDER
^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ */  
.housing {
	width:700px;
	background-image:url(../images/airliner2.jpg);
	background-repeat:no-repeat
	background-color:#000000;
	padding: 50px;
}
.mooSlide {
	/*background-color: #020202;*/
	
	padding: 50px 100px 50px;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	line-height: 20px;
	color: #999999;
	font-size: 16px;
}
.mooSlide h1 {
	font-size: 20px;
}
.mooSlide strong {
	color:#66C620
}
#test {
	
	background-image:url(../images/bigbak.gif);
	background-repeat:repeat-x;
	/*position:absolute;*/
	
	/*z-index:99;*/
}