html, body 
{
	margin:0px;
	padding:0px;
    background-image:url('/images/dhibantop.jpg');
	background-repeat:repeat-y;
	background-position:center;
	min-width:820px;
	min-height:820px;
	background-color:#777777;
}

#main
{
    margin-left: auto;
    margin-right: auto;
    width:830px;
    font-family:Sans-Serif;
}

/*Style for upper page division*/
#header {
	top:0px;
	left:5px;
	height:85px;
	width:820px;
	margin:0px;
	padding:0px;
	background-color:#cbcbcd;
	border-left:solid 5px #cbcbcd;
	border-right:solid 5px #cbcbcd;
	border-bottom:solid 5px #cbcbcd;
}

#footer 
{
    position:relative;
    text-align:center;
    clear:both;
    width:600px;
    vertical-align:bottom;
    padding-left:200px;
    padding-top:50px;
}

#footer a
{
    color:#10297b;
    text-decoration:none;
    font-size:smaller;
    margin:20px;
}

#footer a:hover
{
    color:#cbcbcd;
}

#footer a.leftLink
{
}

#footer a.centerLink
{

}

#footer a.rightLink
{
}


/*Style for left page division*/
#sideBar 
{
    float:left;
	width:190px;
	overflow:hidden;
	padding-left:10px;
	padding-top:20px;
	height:auto;
	min-height:200px;
}

/*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;
}

#contentResults
{
    float:right;
    width:565px;
    margin-right:10px;
	text-align:center;
	padding-top:15px;
	padding-left:45px;
}

/*Style for placement of Design House logo on all pages*/

#logoDHI
{
	position:relative;
	top:0px;
	left:0px;
	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:0px;
    left:200px;
    text-align:center;
}

#menu1 a
{
    color:#10297b;
    text-decoration:none;
    font-weight:bold;
    font-size:small;
}

#menu1 a:hover
{
    color:#000000;
    
}

#menu1 a.leftLink
{
    border-right:solid 1px #10297b;
    padding-right:25px;
}

#menu1 a.centerLink
{
    border-right:solid 1px #10297b;
    padding-right:25px;
    padding-left:25px;
}

#menu1 a.rightLink
{
    padding-left:25px;
}

/*Syle for menu2, generally located only at the home page*/
#menu2 
{
    position:relative;
    top:20px;
    left:15px;
    width:150px;
    text-align:center;
}

#menu2 a
{
    color:#cbcbcd;
    text-decoration:none;
    font-size:large;
}

#menu2 a:hover
{
    color:Gray;
    
}

#menu2 hr
{
    color: #777777;
    background-color: #777777;
    height: 2px;
    border:none;
    margin:10px;
}

#menu2 sup
{
    font-size:x-small;
    vertical-align:super;
}


 #sideBar #collectionTitle
 {
    font-size:smaller;
    font-weight:bold;
 }
 #sideBar #keywordTitle
 {
    font-size:smaller;
    font-weight:bold;
 }
 

/*BANNER CYCLER*/
#banner {
	position:relative;
	background-color:#6a3b2a;
	top:0px;
	left:5px;
	width:820px;
	height:305px;
	margin:0px;
	padding:0px;
}

#bannerImage {
	position:absolute;
	top:0px;
	left:0px;
	margin:0px;
	padding:0px;
	width:820px;
	height:300px;
	z-index:1;
}

#browseTitle
{
    font-size:small;
    font-weight:bold;
}


/*default opacity for IE*/
img {
	filter:alpha(opacity=100);
}
	
img.bannerImage {
	position:absolute;
	top:0px;
	left:5px;
	margin:0px;
	padding:0px;
	width:820px;
	height:300px;
	z-index:1;
}

/* duplicate image positioning */
img.idupe {
	position:absolute;
	top:0;
	left:4px;
	margin:0px;
	padding:0px;
	width:820px;
	height:300px;
	z-index:1;
	visibility:hidden;
}