@charset "utf-8";
/* CSS Document */

/* Right at the top (so you see them first) are the various styles amongst the site. */

/* We'll start off with tag styles. Or, essentially, stuff that is the "default" style for
   a particular tag. Why? Because black text on a white background with blue underlined
   links is just so... BORING. */
   
a {
	text-decoration: none;
	color: #1675ab;
}

a:hover {
	text-decoration: underline;
	color: #6dbbc6;
}

.quote {
	display: block;
	color: #009900;
	font-weight: bold;
	font-style: italic;
	margin-right: 5%;
	margin-left: 5%;
	text-align: justify;
}

h1 {
	/* h1 is used for the main titles on pages. */	
	text-align: left;
	color: #6dbbc6;
	font-size: 1.5em;
}

.heading2 {
    color: #009900;
    font-weight: bold;
    font-size: 14px;
}

.slightlyHugerHeading {
    color: #006699;
    font-weight: bold;
    font-size: 16px;
}
/* These are user-defined styles. In Dreamweaver, just highlight text and apply the style using
   the menu on the bottom. Easy, simple, and a bit classy. */

 

/* **************** WARNING!!! **************** */
/* Below is mostly positioning information and should only be approached very carefully with a long pointy stick */

body,html {
	font-family: Arial, Helvetica, sans-serif;
	color: #303030;
	margin: 0px;
	padding: 0px;
	height: 100%;
	background-image: url('/images/backgrounds/floors64.jpg');

}
/*
rotator
{
  background: url(images/backgrounds/rotator.php);
}
*/

/* Positioning information for the area of the site. This mostly fixes 100% height issues and makes the footer stay a footer. */

div.menuItem {
    color: #5c9ca5;
	font-weight: bold;    
}

div.menuSubTree + a.menuLinker div.menuItem {
    border-top: 1px dotted #000000;    
}

div.menuItem:hover {
	color: #555555;
	background-color: #EBFAFC;
}

div.menuSubTree {
    font-size: 0.8em;
    margin-left: 10px;
}

div#menu {
	float: left;
	position: relative;
	margin-top: 15px;
	width: 190px;
	padding: 10px;
	z-index: 1;
}

div#fullHeightBox {
	position:relative; /* needed for footer positioning*/
    margin: 0px auto;
	width: 980px;
		
	height:auto !important; /* real browsers */
	height:100%; /* IE6: treaded as min-height*/

	min-height:100%; /* real browsers */
	
			
}

div#content {
	padding-bottom: 100px; /* bottom padding for footer */
	margin-left: 0px;
	margin-right: 0px;
	background-color: #FFFFFF;
	z-index: 1;
}

div#shadowLeft {
	position: absolute;
	width: 10px;
	height: 100%;
	left: -10px;
	background-image: url('/images/shadow.png');
}

div#shadowRight {
	position: absolute;
	width: 10px;
	height: 100%;
	right: -10px;
	background-image: url('/images/shadow.png');
	background-position: -9px 0px;
}

div#wood {
    /* It's super good. */
    position: relative;
    height: 30px;
	background-color:#006699;
    z-index: 1;
}

div#backgroundExtra {
	/* Force that white background color to fill the *entire* page */
    position: absolute;
    z-index: 0;
    background-color: #FFFFFF;
    right: 112px;
    left: 112px;
    top: 0px;
    bottom: 0px;
}

div#footer {
	position:absolute;
	right: 112px;
	left: 112px;
	bottom:0; /* stick to bottom */
	height: 80px;
	background-color:#FFFFFF;
	z-index: 1;
}

div#installerSearch {
    position: absolute;
	bottom: 0px;
	right: 0px;
    /*width: 500px;*/
	padding: 4px;
    z-index: 2;	
	font-size: 1.0em;
	text-align:right;
	color:#FFFFFF;
}

div#logoArea {
    position: relative;
    height: 77px;
    background-image: url('/images/logo_header.png');
    background-repeat: no-repeat;
    z-index: 1;
}

div#banner1 {
    position: absolute;
	top: 285px;
	left: 770px;
    font-size:36px;
	text-align: left;
	z-index: 99;
}
div#banner2 {
    position: absolute;
	top: 495px;
	left: 770px;
    font-size:36px;
	text-align: left;
	z-index: 99;
}
div#banner3 {
	position:absolute;
	top: 615px;
	left: 770px;
	z-index: 99;
}
div#banner4 {
	position:absolute;
	top: 900px;
	left: 770px;
	z-index: 99;
}
div#banner5 {
	position:absolute;
	top: 20px;
	left: 770px;
	z-index: 99;
}
div#flashArea {
    position: relative;
    height: 140px;
    background-color: #6dbbc6;
    z-index: 1;
}
div#bodyArea {
    position: relative;
    padding: 20px;
    margin-left: 210px;
    z-index: 1;
}