/* 
Site: Luminous Health
Date: Mar 07
Graphic Design: In Depth
Web Design: Incline
*/
/* Navigation */

/* ================================================================ 
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/opaque_dl.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the assocaited (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
#menu {list-style-type:none; margin:0 0 0px 0; padding:107px 0 0px 200px; 0; }

#menu li {display:block; float: left; position:relative; z-index:0; margin-right:1px;}#menu li span {margin:3px 0 0 0;display:block; z-index:100; padding: 4px 10px; font-weight: bold; font-size:1.1em;}
#menu li a, #menu li a:visited {display:block; padding:0; white-space:nowrap;}

#menu dl {position:absolute; top:0; left:0; margin: 0; padding: 0; background:transparent url(../opacity/opaque.png);}
* html #menu dl {background:transparent url(../opacity/opaque.gif);}
#menu dt {margin:3px 0 0 0; font-weight: bold; font-size: 1.1em; float:left;}
#menu dd {display:none; background: #6d3c7d; clear:left; margin:0; padding:0; color: #fff; font-size: 1em; text-align:left;}

#menu dt a, #menu dt a:visited {display:block; color:#fff; padding: 4px 10px; text-decoration:none;}
#menu dd a, #menu dd a:visited {color:#fff; text-decoration:none; display:block; padding: 4px 10px;}

#menu li a:hover {border:0; text-decoration:none;}

#menu li:hover dd, #menu li a:hover dd {display:block;}
#menu li:hover dl, #menu li a:hover dl {padding-bottom:15px;}
#menu li:hover dt a, #menu li a:hover dt a, #menu dd a:hover { color:#ffe517;}

/* ----------- Misc ------------------- */

 .floatright
{
float: right;
margin: 0 10px 0px 10px;
padding: 2px 0;
}

#searchbar a:link {color: #fff; text-decoration: none;}
#searchbar a:visited {color: #fff; text-decoration: none;}
#searchbar a:hover {color: #77c14a; text-decoration: underline;}
#searchbar a:active {color: #77c14a; text-decoration: none;}
#searchbar
{
text-transform: lowercase;
color: #fff;
width:760px; 
text-align: left;
font-weight: bold;
min-width: 500px;margin-left:auto; 
 margin-right:auto; 
 /* background-color: #e99936; #f99c33 */
 padding: 5px 2px 0 0px; 
 height: 20px;}


/* ----------- Headers ------------------- */

h1{font: italic 140% Times New Roman, Times, serif; font-weight: bold; margin: 0; padding: 5px 0 0 0; color: #ddc1e4;}

/* ----------- Links ------------------- */

a:link {color: #6d37cd; text-decoration: none;}
a:visited {color: #6d37cd; text-decoration: none;}
a:hover {color: #6d37cd; text-decoration: underline;}
a:active {color: #fff; text-decoration: none;}

img {border: 0;}

/* ----------- Forms ------------------- */

.form {padding: 10px 0; clear: both;}

form{margin: 0px; padding: 0px; }

.textbox{background: #f5f5f5; border: 1px solid #ccc;}

input {font-size: 100%; height: 12px; padding: 3px; border: 0px solid #aaa; margin: 1px 0 2px; color: #666;}

textarea, select {padding: 0px;}

div.top span.lab {
	float: left;
	text-align: left;
	color: #333;
	font: normal 11px Arial, Helvetica,sans-serif;
	width: 120px;
}

div.top span.layer {
  float: right;
  text-align: left;
  width: 375px;
  font: normal 11px Arial, Helvetica,sans-serif;

} 
div.top span.toolbar {
  float: right;
  text-align: left;
  width: 373px;
  
padding: 2px;
} 

div.top{padding-top: 4px; clear: both; font: normal 11px "verdana";}

div.rowbutton{
clear: both;
padding-top: 10px;
padding-bottom: 0px;
padding-left: 10px;
}

/* ----------- Layout ------------------- */


	body, html {
		margin:5px 0 0 0;
		padding:0;
		background: #fff url(/images/lh-bkg.png) repeat;
		color: #000;
		font: 85% normal Arial, Helvetica, sans-serif;       
		line-height: 18px;
	}
	body {
		min-width:500px;

	}
	#wrap {
                background: #fff url(/images/lh-rside.png) repeat-y right;
		margin:0 auto;
		width:750px;
padding: 0;
	}
	#header {
	margin: 0; 
	padding: 0;  
	height: 140px; 
	background: url(/images/lh-header.png) no-repeat;
	}

	#header h1 {
    	padding:0px;
	    margin:0;
    }
    
	.sidebar-nav{ 
	color: #ffe517; 
	font-size: 110%;
        font-style: italic;
        font-family: Times New Roman, Times, serif; 
	margin: 0; 
	padding: 4px 0 0 38px; 
	height: 30px; 
	background: url(/images/lh-nav-bkg.png) no-repeat;
	}
	.sidebar-nav a:link {color: #ffe517; text-decoration: none;}
	.sidebar-nav a:visited {color: #ffe517; text-decoration: none;}
	.sidebar-nav a:hover {color: #ffe517; text-decoration: underline;}
	.sidebar-nav a:active {color: #fff; text-decoration: none;}

	#nav {		
	padding: 115px 0 0 190px;
	font-weight: bold;
	font-size: 115%;
	text-align: left;
	margin: 0px;
	width: 560px;
	color: #fff;
	}
	
	#nav ul{
		margin:0;
		padding:0 0px 0 0;
		list-style:none;
	}
	#nav li{
		display:inline;
		margin:0;
		padding:0 17px 0 0px;
	}

	#nav a:link {color: #fff; text-decoration: none;}
	#nav a:visited {color: #fff; text-decoration: none;}
	#nav a:hover {color: #ffe517; text-decoration: none;}
	#nav a:active {color: #ffe517; text-decoration: none;}
	
	#main {          
        margin: 12px 0px 0 0px;
   		float: right;
		width: 555px;
		padding: 0px 12px 4px 10px;
	}
	#main-content{min-height: 400px;/*  background: url(/images/lh-page-bkg.png) bottom right no-repeat; */ margin: 0; padding: 0px;}



	#main h2, #main p {
		padding: 0;
    }
	#main ul{margin: 0px; padding: 0px 8px 8px 18px;}

	#sidebar-inner{
	min-height: 400px;
        height: 400px;
	background: #6d3c7d url(/images/lh-sidebar.png) bottom no-repeat;}
	
	#sidebar { 
        min-height: 400px;
        height: 400px;		
	float: left;
	width:173px;
	padding: 0;
	margin: 0px 0 0 0px;
	}


	#sidebar ul {
		margin-bottom:0;
    }
    #sidebar h3, #sidebar p {
		padding:0 10px 0 10px;
    }

	#footer {
	background: url(/images/lh-footer.png) no-repeat;
	text-align: right;
	line-height: 18px;
	padding: 0 0 0 10px;
	clear:both;
	height: 52px;
	}
	#footer p {
		padding:5px;
		margin:0;
    }
	#credits{
	background: url(/images/incline-footer-bkg.png) repeat-x;
	text-align: right; 
	color: #fff;  
	font-size: 100%; 
	margin: 0; 
	padding: 0;}
	#credits-inner{
	height: 30px;
	margin:0 auto;
	width:720px; 
	padding: 0px 0 0 0; 
	background: url(/images/incline-footer.png) no-repeat;
	}
	#credits a:link {color: #fff; text-decoration: none;}
	#credits a:visited {color: #fff; text-decoration: none;}
	#credits a:hover {color: #fff; text-decoration: underline;}
	#credits a:active {color: #fff; text-decoration: none;}