body {
        margin:0px auto;
        padding:0;
        border:0;			/* This removes the border around the viewport in old versions of IE */
        width:100%;
	text-align: center;
	background:#631211;
        min-width:600px;    /* Minimum width of layout - remove line if not required */
							/* The min-width property does not work in old versions of Internet Explorer */
	font-family: Verdana,Helvetica,Arial,sans-serif;
	font-weight:normal;
	font-size: 100%;
	color:#633024;
    }

#wrapper {
	width:795px;
	margin: 0 auto;
	text-align:left;
}

	a, a:hover {
		color:#633024;
		text-decoration:none;
	}
    h1 {
        	margin:.8em 0 .2em 0;
        	padding:0;
	text-align:center;
	font-size:2.5em;
    }
    h2 {
        	margin:.8em 0 1.5em 0;
        	padding:0;
	text-align:left;
	font-weight:bold;
	line-height: 1.25em;
	font-size:.75em;
    }
        h3 {
        	margin:.8em 0 1.5em 0;
        	padding:0;
	text-align:left;
	font-size:1.0em;
	text-align:center;
	font-weight:bold;
	color:#633024;
	line-height: 1.25em;
    }
    h4 {
        	font-size: .95em;
        	margin:.2em 0 .1em 0;
        	padding:0;
	font-weight: bold;
	color:#633024;
	text-align:center;
	line-height: 102%;
    }
    h5 {
        	font-size: 1.05em;
        	margin:.2em 0 .1em 0;
        	padding:0;
	font-weight: bold;
	color:#633024;
	text-align:center;
	line-height: 102%;
    }

    p {
        	margin:.4em 0 .8em 0;
        	padding:0;
	font-size:0.875em;
	line-height: 125%;
    }
	img {
		margin:10px 0 5px;
		border: 1px solid #631211;
	}

     .caption {
		text-align:center;
		font-size:.65em;
		margin-top:-2px;
	}

	/* Header styles */
    #header {
        	clear:both;
        	float:left;
        	width:100%;
	height:139px;
	border: 1px solid #000;
	background:#2F0304 url('http://www.drhamra.com/images/STH_upper_banner1.jpg') no-repeat top left;

    }
	#menu-bar {
		float:left;
		width:100%;
		margin: 0px;
		height: 26px;
		padding:6px 0px !important;
		text-align:right;
    		background:#2F0304 url('http://www.drhamra.com/images/STH_lower_banner1.jpg') no-repeat top left;
	}
	/* 'widths' sub menu */

	/* column container */
	.colmask {
		position:relative;		/* This fixes the IE7 overflow hidden bug and stops the layout jumping out of place */
	    	clear:both;
	    	float:left;
        		width:100%;	/* width of whole page */
		overflow:hidden;	/* This chops off any overhanging divs */
		border: 1px solid #000;
	}

	/* 2 column right menu settings */
	.rightmenu {
	   		 background:#EBD593;
	}
	.rightmenu .colleft {
        			float:left;
        			width:200%;
        			margin-left:-200px;
       			position:relative;
        			right:100%;
        			background:#e7ddbf;
    }
    .rightmenu .col1wrap {
	    	float:left;
	    	width:50%;
	    	position:relative;
	    	left:50%;
	    	padding-bottom:1em;
	}
	.rightmenu .col1 {
       		 margin:0 15px 0 215px;
        		overflow:hidden;
		text-align:center;
	}
    .rightmenu .col2 {
        		float:right;
        		width:170px;
        		position:relative;
        		left:185px;
    }
	/* Footer styles */
	#footer {
        		clear:both;
        		float:left;
        		width:100%;
		height: 34px;
		border: 1px solid #000;
		background:#2F0304 url('http://www.drhamra.com/images/STH_lower_banner2.jpg') no-repeat top left;
    }

        	.frame { 
		background: #000;
		margin: 15px; padding: 5px; border: 2px solid #FBF8A6; 
		clear:none;
		z-index: 1;
		text-align:center;

	} 

	#animated-grfx {
		margin: 0px auto;
		text-align: center;
		padding: 0;
	} 


	#animated-grfx a {
		margin: 0px auto;
		text-align: left;
		text-decoration: none;
		background: #e7ddbf;
	} 

	#body-copy a {
		margin: 0px auto;
		text-align: left;
		background: #e7ddbf;
		font-size: 	1.0em;
		font-weight: bold;
		color:#633024;
	} 

	#body-copy a hover{
		margin: 0px auto;
		text-align: left;
		background: #e7ddbf;
		font-weight: bold;
		font-size: 	1.0em;
		color:#7F1816;
	} 
	#full {
		float: left;
		border: 0px solid #AAAF00;
		text-align: left;
		width: 100%;
		font-size: 100%;
		line-height:125%;
	}

	#full img {
  		   vertical-align:top;
		}

	.fullwidth {
		text-align: left;
		width: 100%;
		font-size: 100%;
		line-height:125%;
	}

	#center-float {
		float: left;
		clear: both;
		border: 0px solid #AAAF00;
		text-align: center;
		margin: 0px auto;
		width: 100%;;
	}
	#one-half {
		float:left;
		text-align: center;
		width: 49%;
		line-height:125%;
	}
	#one-third {
		float: left;
		border: 0px solid #AAAF00;
		margin-top: 10px;
		text-align: center;
		padding: 0px 0px 0px 10px;
		width: 30%;
		font-size: 90%;
		line-height:125%;
	}
	#two-thirds {
		float: left;
		border:0px solid #FFFF00;
		margin-top: 10px;
		padding: 5px;
		width: 65%;
		font-size: 90%;
		line-height:125%;
	}

	#one-third-left {
		float: left;
		border: 0px solid #AAAF00;
		margin-top: 10px;
		text-align: center;
		padding: 0px 0px 0px 10px;
		width: 40%;
		font-size: 90%;
	}
	#two-thirds-right {
		float: right;
		border:0px solid #FFFF00;
		margin-top: 10px;
		padding: 5px;
		width: 55%;
		font-size: 90%;
		line-height:125%;
	}

	#forty-right {
		float: right;
		border: 0px solid #AAAF00;
		margin-top: 10px;
		text-align: center;
		padding: 0px 0px 0px 10px;
		width: 35%;
	}
	#sixty-left {
		float: left;
		border:0px solid #FFFF00;
		margin-top: 10px;
		padding: 5px;
		width: 60%;
	}
	#forty-left {
		float: left;
		border: 0px solid #AAAF00;
		margin-top: 10px;
		margin-right: 5px;
		text-align: left;
		padding: 0;
		padding-right:5px;
		width: 35%;

	}
	#sixty-right {
		float: right;
		border:0px solid #FFFF00;
		padding-left: 5px;
		margin-top: 10px;
		padding: 5px;
		width: 60%;
	}
	#map-back {
		margin: 10px;
		padding: 0;
		text-align: left;
		width:500px;
		height:641px;
		background:#E7DDBF url('http://www.drhamra.com/images/map-back.jpg') no-repeat top left;
	}

div.clear {
	clear: both;
}

#backgroundHolder {
float:left;
width:100%; 
min-width: 600px;
height:26px; 
padding-top:2px;
background:#2F0304 url('http://www.drhamra.com/images/STH_lower_banner1.jpg') left top;
margin:0;
text-align:left;
}

/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/ul-multi-six.html
Copyright (c) 2005-2009 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
/* default styling */
.nav, .nav ul {list-style-type:none; margin:0; padding:0;}
.nav a {text-decoration:none;}
.nav {font-family: arial, sans-serif; font-size:12px; width:795px; margin-left:2px; text-align:left;}

/* style the links */
/* needs a background for IE6 - can be a color or a transparent gif */
.nav a {background:url(trans.gif); filter: alpha(opacity=95); opacity:0.95;} 

/* style the <b> element so that is does not affect the size of the link */
.nav a b {color:#fff; font-weight:normal; display:block; padding:5px 10px; margin-right:1px; border-left:2px solid #7F1816;}
.nav a:hover b {color:#3B1300;  font-weight:normal; cursor:pointer; border-left:2px solid #7F1816;}
.nav .fly .main b {background: transparent url(../images/tbutton-right.gif) no-repeat right 9px;}
.nav .down b {background: transparent url(../images/tbutton-dwn.gif) no-repeat right 11px;}
/* for the offset left dropdown and flyout */
.nav .navx ul b {text-align:left;}
.nav .navx ul .main b {background: transparent url(../images/tbutton-left.gif) no-repeat left 9px; text-align:left;}
.nav .navx ul a:hover b {border-left:0; border-right:2px solid #7F1816;}

/* HEIGHT */
.nav ul ul {top:-25px;} /* position the top of the flyout sub menus */

/* WIDTH change this WITH CARE to suit your requirements */

/* FOR NAV1 */
.nav1 {width:56px;}
.nav1 a {width:56px;}
.nav1 a b {background-color:#577368;}


/* FOR NAV2 */
.nav2,
.nav2 a {width:150px;}
.nav2 a {margin-right:-149px;}
.nav .nav2 a b,
.nav .nav2 .fly a b {background-color:#577373;}

.nav2 ul li {max-width:150px;}
.nav2 ul a {width:150px; margin-right:-149px;}
.nav2 ul ul {left:150px;}

.nav2a ul a {width:150px; margin-right:-149px;}
.nav2a ul ul {left:150px;}

.nav2b ul a {width:100px; margin-right:-99px;}
.nav2b ul ul {left:100px;}

.nav2c ul a {width:90px; margin-right:-89px;}
.nav2c ul ul {left:90px;}

/* FOR NAV3 */
.nav3,
.nav3 a {width:130px;}
.nav3 a {margin-right:-129px;}
.nav .nav3 a b,
.nav .nav3 .fly a b {background-color:#576873;}

.nav3 ul li {max-width:130px;}
.nav3 ul a {width:130px; margin-right:-129px;}
.nav3 ul ul {left:130px;}

.nav3a ul a {width:130px; margin-right:-129px;}
.nav3a ul ul {left:130px;}

.nav3b ul a {width:100px; margin-right:-99px;}
.nav3b ul ul {left:100px;}

.nav3c ul a {width:90px; margin-right:-89px;}
.nav3c ul ul {left:90px;}


/* FOR NAV4 */
.nav4,
.nav4 a {width:120px;}
.nav4 a {margin-right:-119px;}
.nav .nav4 a b,
.nav .nav4 .fly a b {background-color:#575E73;}

.nav4 ul li {max-width:120px;}
.nav4 ul a {width:120px; margin-right:-119px;}
.nav4 ul ul {left:120px;}

.nav4a ul a {width:120px; margin-right:-119px;}
.nav4a ul ul {left:120px;}

.nav4b ul a {width:100px; margin-right:-99px;}
.nav4b ul ul {left:100px;}

.nav4c ul a {width:90px; margin-right:-89px;}
.nav4c ul ul {left:90px;}

/* FOR NAV5 */
.nav5,
.nav5 a {width:138px;}
.nav5 a {margin-right:-137px;}
.nav .nav5 a b,
.nav .nav5 .fly a b {background-color:#5A5773;}

.nav5 ul li {max-width:138px;}
.nav5 ul a {width:138px; margin-right:-137px;}

.nav5a ul a {width:80px; margin-right:-79px;}
.nav5 .nav5a ul {right:80px;}
.nav5a ul ul {right:80px;}



/* ----------------------------------------------------------------------------	*/

/* DO NOT CHANGE ANYTHING BELOW */
.nav li {float:left;} /* fixes several IE related bugs, and allows for clearing */
.nav ul {float:left; position:relative; z-index:20;} /* necessary for float drop and to stack the <ul>s */
.nav ul li {clear:left;} /* must clear the floated list item inside sublist */
.nav a {position:relative; display:block;} /* needs to have a position, to be above the rest */
.nav a.main {float:left; /* necessary for float drop */
    margin-top:10000px;} /* bring the top level links back into view */
.nav .drop,
.nav .fly {margin-top:-10000px;} /* hide the sub links and their containers, opera has low upper limits */
.nav ul {margin-bottom:-5000px;} /* avoid any interaction between the subs, can be any large size */

/* The bit that does ALL the work to bring the sub menus into view */
.nav a:hover,
.nav a:focus,
.nav a:active {margin-right:0; z-index:10; outline:0;}

.nav a:hover b,
.nav a:focus b,
.nav a:active b {color:#F7D46C; cursor:pointer; border-left:2px solid #E1805D;}

.nav .navx ul a:hover b,
.nav .navx ul a:focus b,
.nav .navx ul a:active b {border-left:0; border-right:2px solid #E1805D;}


/* OPERA fix */
.nav ul:hover,
.nav ul ul:hover {clear:left;} /* to stop intermittent sub link :hover problems */

/*Square Red Button CSS                   */
/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

a.squarebutton{
background: transparent url('http://www.drhamra.com/dl-menu/square-red-left.gif') no-repeat top left;
display: block;
float: left;
font: bold 13px Arial; /* Change 12px as desired */
line-height: 15px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 23px) */
height: 23px; /* Height of button background height */
padding-left: 9px; /* Width of left menu image */
text-decoration: none;
}

a:link.squarebutton, a:visited.squarebutton, a:active.squarebutton{
color: #494949; /*button text color*/
}

a.squarebutton span{
background: transparent url('http://www.drhamra.com/dl-menu/square-red-right.gif') no-repeat top right;
display: block;
padding: 4px 9px 4px 0; /*Set 9px below to match value of 'padding-left' value above*/
}

a.squarebutton:hover{ /* Hover state CSS */
background-position: bottom left;
}

a.squarebutton:hover span{ /* Hover state CSS */
background-position: bottom right;

}

.buttonwrapper{ /* Container you can use to surround a CSS button to clear float */
overflow: hidden; /*See: http://www.quirksmode.org/css/clearing.html */
width: 100%;
}

.lower-menu a, a:hover {
		color:#633024;
	}