/***********
ECO HOLIDAY
MAIN STYLE SHEET
************/

/***********
COLOR DIRECTORY

MIDNIGHT BLUE/PURPLE - #669
DARKER BLUE - #033
SIDEBAR ORANGE - #930
TAN - #C96
EARTH GREEN - #360
ORANGE - #C63
LIGHTER GREEN - #660
COMPANY LIGHT GREEN - #CC6
COMPANY ORANGE - #930

************/

/***********
MAIN STRUCTURE
************/

body {
	margin:0px;
	padding:10px 0px 0px 0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#666;
}

.mainBody {
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

#wrap {
	width:920px;
	margin-left: auto;
	margin-right: auto;
}

.wrapBG {
	background-image:url(../images/main-page/wrap-background-eco-holiday.jpg);
}

#leftColumnPhotoBottom {
	background-image:url(../images/main-page/bottom-left-background-eco-holiday-forrest.jpg);
	height:111px;
}

#leftColumn {
	float:left;
	width:600px;
	background-image:url(../images/main-page/left-background-graphic-eco-holiday.jpg);
	background-repeat:no-repeat;
	border-bottom:thin solid #033;
	border-left: thin solid #033;
	padding: 0px 0px 25px 0px;
}

#leftColumn a:visited {
	color:#F93;
}

#leftColumn a {
	color:#930;
}

#leftColumn a:hover {
	color:#CC6;
}

#rightColumn {
	float:left;
	width:298px;
	background-color:#930;
}

#rightColumn a:visited {
	color:#F93;
}

#rightColumn a {
	color:#F93;
}

#rightColumn a:hover {
	color:#CC6;
}

#emailForm {
	padding:0px 0px 0px 18px;
}

/***********
GENERAL SITE WIDE ELEMENTS
************/

p {
	font-size:10px;
	color:#033;
}

ul {
	font-size:10px;
	padding:0px 60px 0px 100px;
	color:#033;
}

img {
	border:0px;
	padding:0px;
	margin:0px;
}

.clear {
	clear:both;
}

a {
	color:#666;
	text-decoration:none;
}

a:visited {
	color:#666;
}

a:hover {
	color:#990000;
}

h1 {
	font-size:13px;
	color:#360;
}

h2 {
	font-size:13px;
	color:#033;
}

h3 {
	font-size:13px;
	color:#C96;
}

#footer p {
	align:center;
}

.button {
	border: 0px solid #006;
	background: #F90;
	margin:0px 0px 0px 100px;
}

table {
	padding:0px 0px 0px 100px;
}

#headerMain img {
	padding:0px;
	margin:0px;
	border:0px;
	}
	
#headerMain {
	padding:0px;
	margin:0px;
	height:149px;
}

/***********
SPLASH/LANDING PAGE SPECIFIC ONLY
************/


#genInfo {
	float:left;
	width:635px;
	height:150px;
	background-image:url(../images/temp-splash/left-edge.jpg);
	background-repeat:no-repeat;
}

#genInfo p {
	color:#669;
	padding: 5px 0px 0px 285px;
	font-weight:bold;
	line-height:1.4em;
}

#logoContent {
	float:left;
	width:270px;
	height:150px;
	background-image:url(../images/temp-splash/right-edge.jpg);
	background-repeat:no-repeat;
	background-position:right;
}

#footer {
	background-image:url(../images/temp-splash/eco-holiday-bottom-background-art.jpg);
	background-repeat:no-repeat;
	height:300px;
}

#footer a {
	text-decoration:none;
	color:#C63;
}

#footer a:visited {
	color:#C63;
	text-decoration:none;
}

#footer a:hover {
	color:#360;
	text-decoration:none;
}

.center {
	text-align:center;
}

.logoPad {
	padding: 0px 0px 5px 30px;
}

/***********
NAVIGATION BAR SPECIFIC
************/

#navBar {
	background-image:url(../images/main-page/eco-holiday-nav-bar-background-image.jpg);
	width:900px;
	height:33px;
}

#navBarSub {
	width:900px;
	height:23px;
	background-color:#033;
}

#navBar a {
	color:#FFF;
	text-decoration:none;
}

#navBar a:visited {
	color:#FFF;
	text-decoration:none;
}

#navBar a:hover {
	color:#CC6;
}

#navBarSub a {
	color:#FFF;
	text-decoration:none;
}

#navBarSub a:visited {
	color:#FFF;
}

#navBarSub a:hover {
	color:#C96;
}

#navBar ul {
	color:#FFF;
	list-style:none;
	padding:8px 0px 0px 100px;
	margin:0px;
	font-size:13px;
}

#navBar li {
	float:left;
	padding:0px 35px 0px 0px;
	margin:0px;
}

#navBar li:hover, #nav li.sfhover {
	color: #c96;
}

#navBar li ul {
	position: absolute;
	left: -999px; /*makes the menu not visible until rollover*/
	height: auto;
	width: 280px;
	w\idth: 300px;  /* sets how long the pop menu is */
	font-weight: normal;
	border-width: 0.25em;   /* sets border of pop up box */
	margin: 0px;     /* how far pop up appears off the li initial item  */
	padding:10px 0px 0px 0px;
}

#navBar li li {
	padding-right: 20px;   /* helps fill in below bg color - also improves overall functionality */
	font-size:11px;
}

#navBar li ul a {
	width: 40px;
	w\idth: 50px;    /* sets the length of rollover section that has links*/
}

#navBar li ul ul {
	margin: -1.75em 0 0 14em;     /*  sets where the second level pop up menu appears   */
}

#navBar li:hover ul ul, #navBar li:hover ul ul ul, #navBar li.sfhover ul ul, #navBar li.sfhover ul ul ul {
	left: -999em;     /* hides second level and beyod menus */
}

#navBar li:hover ul, #navBar li li:hover ul, #navBar li li li:hover ul, #navBar li.sfhover ul, #navBar li li.sfhover ul, #navBar li li li.sfhover ul {
	left:auto;       /* critical element to functionality don't alter unless you know what you're doing */
}

/*#navBar li:hover, #navBar li.sfhover {
	background: #000; only needed if using background color
}*/


/***********
!CLASSES ONLY!
************/

.rightColumnFontColor {
	color:#FFF;
	padding:0px 20px 0px 20px;
}

.rightColumnh2padding {
	padding:25px 0px 0px 20px;
}

.rightColumnLogosPadding {
	padding:0px 0px 0px 10px;
}

.leftColumnh1padding {
	padding:25px 0px 0px 100px;
}

.leftColumnh1SMpadding {
	padding:25px 0px 0px 20px;
}

.paragraphIndent {
	padding:0px 20px 0px 100px;
}

.smParagraphIndent {
	padding:0px 10px 0px 20px;
}

.paragraphIndentPlusMainHeadSize {
	padding:0px 20px 0px 100px;
	font-size:18px;
}

.headerIndent {
	padding:100px 0px 0px 100px;
}

.rightColumnIndent {
	padding:20px 0px 0px 20px;
}

.rightColumnIndentSub {
	padding:0px 0px 0px 20px;
}

.rightUL {
	padding:20px 0px 0px 20px;
	color:#FFF;
}

.submitEmailColor {
	color:#F90;
	padding:20px 0px 0px 20px;
}

/***********
LISTINGS SPECIFIC
************/

#leftColumnListings {
	float:left;
	width:300px;
}

#rightColumnListings {
	float:left;
	width:300px;
}