﻿
html, body 
{
	margin:0px;
	padding:0px;
    background-image:url('images/tripback.jpg');
	background-repeat:repeat-y;
	background-position:center;
	height:100%;
	min-width:830px;
	background-color:#F4F0DA;
}

/*Position page in the center of the broswser window*/
#main
{
    margin-left: auto;
    margin-right: auto;
    width:830px;
    font-family:Sans-Serif;
}

/*Style for upper page division*/
#header 
{
    position:relative;
	top:0px;
	left:0px;
	height:65px;
	width:830px;
	background-color:#6a3b2a;
}

/*Style for footer menu*/
#footer 
{
    position:relative;
    text-align:center;
    clear:both;
    width:600px;
    vertical-align:bottom;
    padding-left:200px;
    padding-top:50px;
    padding-bottom:40px;
}

#footer a
{
    color:#C9C0A1;
    text-decoration:none;
    font-weight:bold;
    font-size:small;
}

#footer a:hover
{
    color:#6a3b2a;
}

#footer a.leftLink
{
    padding-right:20px;
    border-right:solid 1px #E9E0C1;
}

#footer a.centerLink1
{
    padding-right:20px;
    padding-left:20px;
}

#footer a.centerLink2
{
    padding-right:20px;
    padding-left:20px;
    border-left:solid 1px #E9E0C1;
}

#footer a.rightLink
{
    border-left:solid 1px #E9E0C1;
    padding-left:20px;
}

.h1Header
{
    padding:0px;
    color:#6a3b2a;
    font-style:italic;
    font-weight:bold;
    font-size:medium;
    text-align:center;
    margin:0px;
}

#packageText
{
    font-size:small;
    font-weight:bold;
    padding-bottom:10px;
}

/*Style for left page division*/
#sideBar 
{
    float:left;
	width:190px;
	padding-left:0px;
	padding-top:20px;
	height:auto;
}

/*Style for placement of main content division where central information is presented*/
#content 
{
    float:right;
    width:600px;
    margin-right:10px;
	text-align:left;
	padding-top:15px;
	padding-left:10px;
}

/*Style for placement of Design House logo on all pages*/
#logoDHI
{
	position:relative;
	top:0px;
	left:5px;
	width:200px;
	height:80px;
	margin:0px;
	padding:0px;
    
}

#logoDHI a 
{
	top:0px;
	left:5px;
    border-width:0px;
    border-bottom-style:none;
}

#logoDHI img
{
	top:0px;
	left:5px;
    border-width:0px;
    border-bottom-style:none;
}

/*Syle for menu1, generally located at the top of each page*/
#menu1 
{
    position:relative;
    top:-5px;
    left:35px;
    text-align:center;
}

#menu1 a
{
    color:#E9E0C1;
    text-decoration:none;
    font-weight:bold;
    font-size:small;
}

#menu1 a:hover
{
    color:#C9C0A1;
    
}

#menu1 a.leftLink
{
    border-right:solid 1px #E9E0C1;
    padding-right:25px;
}

#menu1 a.centerLink
{
    border-right:solid 1px #E9E0C1;
    padding-right:25px;
    padding-left:25px;
}

#menu1 a.rightLink
{
    padding-left:25px;
}

/*Syle for menu2, generally located only in the side bar*/
#menu2 
{
    position:relative;
    top:0px;
    left:30px;
    width:150px;
    text-align:center;
}

#menu2 a
{
    color:#E9E0C1;
    text-decoration:none;
    font-size:large;
}

#menu2 a:hover
{
    color:#6a3b2a;
    
}

#menu2 hr
{
    color: #6a3b2a;
    background-color: #6a3b2a;
    height: 2px;
    border:none;
    margin:10px;
}

#menu2 sup
{
    font-size:x-small;
    vertical-align:super;
}

#menu2DHI img
{
    position:relative;
    left:5px;
    top:0px;
    border-width:0px;
}

#sideBar #collectionTitle
{
    font-size:smaller;
    font-weight:bold;
}

 
/*----------------------------------------------------------------*/
/*BANNER CYCLER*/
#banner {
	position:relative;
	background-color:#6a3b2a;
	top:0px;
	left:205px;
	width:620px;
	height:245px;
	margin:0px;
	padding:0px;
}

#bannerImage {
	position:absolute;
	top:0px;
	left:0px;
	margin:0px;
	padding:0px;
	width:620px;
	height:245px;
	z-index:1;
}



/*default opacity for IE*/
img {
	filter:alpha(opacity=100);
}
	
img.bannerImage {
	position:absolute;
	top:0px;
	left:5px;
	margin:0px;
	padding:0px;
	width:620px;
	height:245px;
	z-index:1;
}

/* duplicate image positioning */
img.idupe {
	position:absolute;
	top:0;
	left:4px;
	margin:0px;
	padding:0px;
	width:620px;
	height:245px;
	z-index:1;
	visibility:hidden;
}

