/*            
  ___ ___ ___ 
 / __/ __/ __|
| (__\__ \__ \
 \___|___/___/
              
================================================================
Global CSS file for shivahealth.co.uk

Created by:	Lorraine Humm lorraine@divine-creations.com
			
================================================================
*/

/*-- (List browsers test details here) --*/
/*-- © Divine-Creations.Com Limited 2006 --*/

body {
	margin: 0;
	padding:0;
	font-family: Trebuchet, Ariel, Verdana, sans-serif;
	font-size: 11px;
	background: #fff;
	}
h1 {font-size: 14px; font-weight: bold; color:#990000; margin-top: 0;}
h2 {font-size: 11px; font-weight: bold; color:#990000;}
p {margin-top: 0;}
a, a:link, a:visited, a:hover {color: #e76120;}

#wrap {
	width: 820px;
	margin: 0;
	padding: 0;
	}
	
#mast {
	background-image:url(../images/structure/shivarooms_mast.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
	height: 149px;
	margin: 0px;
	padding: 0px;
	}
	
#globalnav {
	}
	
#left {
	float:left;
	width: 190px;
	margin: 0;
	margin-top: 20px;
	text-align: center;
	}
	
.leftinner {margin-left: 10px;}
	
#right {
	float: right;
	width: 600px;
	margin-right: 10px;
	margin-top: 20px;
	}
	
#footer {
	clear: both;
	margin: 10px 10px 0 10px;
	padding-top: 5px;
	border-top: 1px solid #e76120;
	text-align: center;
	font-size: x-small;
	}
/*-- stick inside left or right div to control margins --*/
.gutter {
	padding: 15px;
	}
	
/*-- navigation --*/

#navwrap {
	width: 810px;
	height: 36px;
	background-image:url(../images/structure/navbg.gif);
	background-repeat: no-repeat;
	margin: 0 0 0 10px;
	padding: 0;
	font-size: 11px;
	font-weight: bold;
	}

#nav {
	list-style: none;
	margin: 0;
	padding: 0 0 0 8px;
	}

#nav ul {
	list-style: none;
	padding: 0;
	}
	
#nav li {
	float: left;
	padding: 0px;
	width: auto;
	margin: 0;
	}
	
#nav a {
	display: block;
	background-color: #e76120;
	color: #fff;
	text-decoration: none;
	padding: 0.7em 1em 0.9em 1.1em;
	vertical-align: middle;
	}
	
#nav a:hover {background-color: #f77f45;}

/*-- targets nested ul --*/

#nav li ul {
	position: absolute;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
	height: auto;
	width: 10em;
	font-weight: normal;
	border-width: 0.2em;   
	margin: 0;
	}

/*-- targets nested li --*/

#nav li li {}
#nav li li a {width: 15em; border-bottom: 1px solid #fff; padding: 0.25em 1em 0.35em 1em; background-color: #c5382c;}
#nav li li a:hover {}

#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {left: auto;}


#nav li:hover, #nav li.sfhover {}

/*----------------------SIDEBAR TABLES-----------------------*/

.sidebar {background-color: #e76120; width: 150px; margin: 0px 0px 5px 0px;}

.sidebar td {color:#FFFFFF; font-weight:bold; text-align:center; font-style:italic;}
.names {text-align:right; font-weight:normal; font-style:normal;}

.sidebar th {height: 20px; padding: 0px; margin: 0px; background-image:url(../images/structure/top01.gif); background-repeat: no-repeat;}

.sidebarfoot {height: 20px; padding: 0px; margin: 0px; background-image:url(../images/structure/base01.gif); background-repeat: no-repeat;}
.sidebar a {color: #FFFFFF;}
.sidebar a:hover {color: #990000;}
.copybold {color: #e76120; font-weight: bold;}