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:#bbb;
        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:#504941;
		text-decoration:none;
	}
    h1 {
        	margin:.8em 0 .2em 0;
        	padding:0;
	text-align:center;
	font-size:2.5em;
	color:#633024;
    }
    h2 {
        	margin:.8em 0 1.5em 0;
        	padding:0;
	text-align:left;
	font-weight:bold;
	line-height: 1.25em;
	font-size:.75em;
	color:#633024;
    }
        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 #93778e;
	}

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

	/* Header styles */
    #header {
        	clear:both;
        	float:left;
        	width:800px;
	height:180px;
	border:1px solid #93778e;


	background:#abbcd0 url('http://www.drhamra.com/images/STH_upper_banner2.jpg') no-repeat top left;

    }
	#menu-bar {
		float:left;
		width:100%;
		margin: 0px;
		height: 26px;
		padding:6px 0px !important;
		text-align:right;
    		background:#93778e url('http://www.drhamra.com/images/STH_lower_banner1.jpg') no-repeat top left;
	}
	/* column container */
	.colmask {
		position:relative;	/* This fixes the IE7 overflow hidden bug */
		clear:both;
		float:left;
		width:800px;			/* width of whole page */
		overflow:hidden;		/* This chops off any overhanging divs */
		border:1px solid #93778e;
	}
	/* common column settings */
	.colright,
	.colmid {
		float:left;
		width:100%;
		position:relative;
	}

	.colleft {
		float:left;
		width:100%;
		position:relative;		
/*		border-right:1px solid #C8B4C6;  */
	}
	.col2 {
		float:left;
		position:relative;
		padding:0 0 1em 0;
	}
	.col1,
	.col3 {
		float:left;
		position:relative;
		padding:0 0 1em 0;
		overflow:hidden;
	}
	/* 2 Column (left menu) settings */
	.leftmenu {
		background:#d9d5d4;		/* right column background colour */
	}
	.leftmenu .colleft {
		right:75%;			/* right column width */
		background:#d9d5d4;	/* left column background colour */

	}
	.leftmenu .col1 {
		width:71%;			/* right column content width */
		left:102%;			/* 100% plus left column left padding */
	}
	.leftmenu .col2 {
		width:21%;			/* left column content width (column width minus left and right padding) */
		left:6%;			/* (right column left and right padding) plus (left column left padding) */
	}
	/* Footer styles */
	#footer, footer p, footer a {
        		clear:both;
        		float:left;
        		width:800px;
		height: 50px;
		border:0px solid #93778e;
		background:#d9d5d4;
		text-align:center;
		margin-left:12%; margin-right:30%;
		font-family: Verdana,Helvetica,Arial,sans-serif;
		font-weight:bold;
		font-size: .7em;
		color:#93778E;
}

        	.frame { 
		background: #633024;
		margin: 15px; padding: 5px; border: 2px solid #93778e;
		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: #93778e;
	} 

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

	#body-copy a hover{
		margin: 0px auto;
		text-align: left;
		background:#D9D5D4;
		font-weight: bold;
		font-size: 	1.0em;
		color:#93778E;
	} 
	#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:#93778E url('http://www.drhamra.com/images/map-back.jpg') no-repeat top left;
		border:1px solid #93778e;
	}

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-flyout.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.
=================================================================== */

#backgroundHolder3 {position:relative;padding:10px 0 0 10px; margin:0 auto;z-index:10;}
#backgroundHolder2 {padding:10px 0 0 10px; margin:0 auto;z-index:10;}
/* ----------------------------------------------------------------------------	*/
/* default styling */
.nav,
.nav ul{list-style-type:none; margin:0; padding:0;}
.nav a {text-decoration:none;}
.nav {font-family:"Times New Roman", Times, serif; font-weight:bold; font-size:14px; margin:0 auto;}

/* 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=100); opacity:1.0;} 

/* style the <b> element so that is does not affect the size of the link */
.nav li:hover > a b {background-color:#d2c0d0; color:#fff}
.nav a b {background:#d9d5d4; border:1px solid #000; border-color:#d9d5d4 #d9d5d4 #d9d5d4 #9E6D8D; color:#93778e; font-weight:bold; display:block; padding:2px 10px;}
.nav a:hover b {background-color:#D2C0D0; color:#ffffff; cursor:pointer;}
.nav .fly .main b {background:#D2C0D0;}
.nav .fly .none b {background:#d9d5d4;}
.nav .down b {background:#d9d5d4;}

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

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

/*set the link width here*/
.nav .drop,
.nav a {width:165px;}
.nav ul li {max-width:165px;} /* fix for IE8 */

/* set the left flyout position here */
.nav ul {left:165px;}

/* make this WIDTH - 1px */ /* or WIDTH - 0.063em if using em sizing */
.nav a {margin-right:-164px;}

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

/* DO NOT CHANGE ANYTHING BELOW */
.nav li {float:left; clear: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 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:focus b,
.nav a:active b {background:#D2C0D0; color:#86A2BA;} /* for tabbing */

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

/* IE5-7 fixes */
.nav .fly {width:100%;}
a:active {color:#93778E;}


/*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-purple-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-purple-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 span, a, a:hover {
		color:#633024;
		background-color:#D9D5D4;
	}