/**************************
* 
* Ecliptic Technologies, Inc.
* Copyright 2005 - 2006 - All Rights Reserved
* Unauthorized use or reproduction of this product is strictly prohibited by law.
* Website: http://www.ecliptictech.com
* Email: sales@ecliptictech.com
*
* Name: Main Style CSS Page
* Description: Global CSS file for the entire site. 
*
**************************/

/* 
*  Importing any other CSS files that I ended up cutting out of
*  the main CSS file to keep the CSS cleaner for readablitity. 
*/

@import url( menu.css ); 			/* The CSS for the menu displays. */

/* ######-----|  Page Styles  |-----###### */
html,body {
	width:100%;
	height:100%;
	margin:0;
	padding:0;
	font:11px Verdana, Arial, Helvetica, sans-serif;
	color:#000000;
	background:#B8C2D8 url("../../images/site-bgrd.jpg") repeat-x;
}
td { /* Using td to fix the default font issues with some browsers. */
	font:11px Verdana, Arial, Helvetica, sans-serif;
	color:#000000;
	vertical-align:top;
}
table { /* Takes all the borders, and cell spacing off the tables by default. */
	border-collapse:collapse;
	border-spacing:0px;
	empty-cells:show;
	padding:0px;
	margin:0px;
	border:0px;
	width:100%;
}

p {
	font-size:11px;
}

blockquote{
	text-decoration:none;
}

.contentpiece {
	margin-bottom:10px;
}

/* ######-----|  subNav Classes  |-----###### */
#subNav { /* The subNav takes care of the main look of the subNav span. */
	height:38px;
	width:100%;
	padding:0 0 0 0;
	background:url(../../images/nav-bgrd.jpg) repeat-x;
	white-space:nowrap;
	vertical-align:middle;
}
/* ######-----| / subNav Classes  |-----###### */

#content { /* The class that holds the main body (guts) of the page. Used to set the padding mainly. */
	border-collapse:separate;
	border-spacing:8px;
	height:100%;
}
/* ######-----| / Page Styles  |-----###### */

/* ######-----|  Header/Footer Styles  |-----###### */
#header { /* Sets up the look/feel of the page headers. */

}
#header a:hover { /* Gives the roll over effect to the tabbed navigation. */

}
#footer { /* Sets up the look/feel of the page footers. */
	height:40px;
	background:url(../../images/footer-bgrd.jpg) repeat-x;
	color:#fff;
	font-weight:bold;
	vertical-align:top;
	padding:5px;
}
/* ######-----| / Header/Footer Styles  |-----###### */
/* ######-----|  Link Styles  |-----###### */

/* 
*  Make sure that the link styles stay in the same order (l,a,v,h) or they
*  will not work correctly under specific browsers, such as IE. 
*/

a:link {
	text-decoration: underline;
	color:#000000;
	}
a:active {
	text-decoration: underline;
	color:#000000;
	}
a:visited {
	text-decoration: underline;
	color:#000000;
	}
a:hover {
	text-decoration: underline;
	color:#000000;
	}
a img {
	border-width:0;
	}
/* ######-----| / Link Styles  |-----###### */

/* ######-----|  / Heading Text Classes  |-----###### */
h1{
	font: bold 18px/20px;
	color:#943A10;
	border-bottom:3px solid #943A10;
}
h2{
	font: bold 16px/18px;
	color:#943A10;
	text-decoration:underline;
	margin-bottom:10px;
}
h3{
	font: bold 14px/16px;
	color:#943A10;
	border-bottom:3px solid #943A10;
	margin:20px 0 10px 0;
}
h4{
	font: bold 14px/16px;
	color:#943A10;
	margin:5px 0 10px 0;
}
h5{
	font: bold 12px/14px;
	color:#943A10;
	margin:5px 0 10px 0;
}
/* ######-----|  / Heading Text Classes  |-----###### */

/* ######-----|   Specific Classes  |-----###### */
#container{
	padding:0px;
	
}
#topband{
	height:10px;
	background:#004080;
}
#logo{
	background:#FFFEF2;
	width:277px;
}
#banner{
	background: url(/images/banner-image-wheat.jpg) no-repeat #FFF;
	padding-top:1px;
	width:100%;
	border-right:1px solid #FFFEF2;
}
#logobanner{
	background: url(/images/sunflowers.jpg) no-repeat #FFFEF2 265px;
	padding-top:1px;
	width:100%;
	border-right:1px solid #FFFEF2;
}
#sidebar{
	background:#fff url(/images/content-bgrd.jpg) repeat-x top;
	width:280px; height:100%;
	vertical-align:top;
	padding:3px;
}
#bodycontent{
	background:#FFFEF2;
	vertical-align:top;
	padding:5px;
	width:100%;
}
.contentdiv{
	color: #000033;
	width:90%;
	height:auto;
	margin-bottom:30px;
}

#newsletter{
	margin-top:10px;
}

#sidebar div{
	font: 10px/12px Arial, Helvetica, sans-serif;
	margin:0px;
	padding:2px;
}
#sidebar input{
	font:11px Verdana, Arial, Helvetica, sans-serif;
}
#sidebar button{
	font:11px Verdana, Arial, Helvetica, sans-serif;
}
#sidebar label{
	font:11px Verdana, Arial, Helvetica, sans-serif;
	width:75px;
}
#sidebar a{
	color:#0D4985;
	font: bold 12px/16px Verdana, Arial, Helvetica, sans-serif;
	text-decoration:none;
	margin:0 0 0 10px;
}
#sidebar a:link{
	text-decoration:none;
}
#sidebar a:active{
	text-decoration:none;
}
#sidebar a:visited{
	text-decoration:none;
}
#sidebar a:hover{
	color:#666666;
	text-decoration:none;
}
#sidebar img{
	padding:0;margin:0;
	border: 0 none;
}

#packages{
	background:#FFF;
}
.pkghead{
	color:#0D4985;
	font-weight: bold;
	font-size: 12px;
}
.pkgheadsm{
	color:#0D4985;
	font-weight: bold;
	font-size: 11px;
	white-space:nowrap;
}

#weather{
	float:right;clear:both;
}

.header{
    font-family: arial;
    color: black;
    font-size: 10pt;
    font-weight: bold;
}
.main{
    font-family: arial;
    color: black;
    font-size: 8pt;
    font-weight: normal;
}
.pagernav{
    font-family: arial;
    font-size: 8pt;
    
}
/* ######-----|  / Specific Classes  |-----###### */