/*
	'wider' edition
	
	olive drab: #7F8550
	tan: #CFD4AA
		halfway: #a7ac7d
	"black": #2D301C
	green:	#AEC88A
	bg: #DBDEE3
	new bg: #ddddcc 
*/

body {
	font-family: Georgia, Geneva, serif;
	margin: 0; padding: 0;
	background-color: #DDDDCC;
}

/* font size */

body, p, ul, td, th, dd, dt     {
	font-size:    x-small;     /* false value for WinIE4/5 */
	voice-family: "\"}\""; /* trick WinIE4/5 into thinking the rule is over */
	voice-family: inherit; /* recover from trick */
	font-size:    small;   /* intended value for better browsers */
    }

html>body,html>p,html>ul,html>td,html>th,html>dd,html>dt   
{ font-size: small;  /* be nice to Opera */  }

/*  */

#page {
	width: 750px;
	/*width: 752px;
	border: 1px dotted red;*/
	position: relative;
	left: 50%;
	margin-left: -375px;
	background: url(http://canopymedical.com/img/bg_2col.gif) repeat-y;
	padding: 0;
}

/* Holly hack - seems to fix img.bottom pos problem */
/* Hides from IE-mac \*/
* html #page {height: 1%;}
/* End hide from IE-mac */

#banner {
	height: 152px;
	background: #DDDDCC; 
	margin: 0; padding: 0;
	/*border: 1px dotted red;*/
}
#banner #pagetop {
	margin: 0; padding: 0; border: none; 
	position: absolute;
	top: 0px; left: 0px; 
	z-index: 1;	
	}
#banner #logo {
	/*margin: 43px 0px 0px 56px;*/
	border: none; 	
	position: absolute;
	top: 43px; left: 60px; 
	z-index: 2;	
}

#sidebar {
	/*border: 1px dotted black;*/
	/*position: absolute; left: 0px; top: 151px;*/
	float: left;
	font-family: "Trebuchet MS", sans-serif;
	width: 166px; 
	/*  no pad = no box width hacks  */	
	padding: 0;
	margin: 0 0 -4px 0px; 
	
}

#sidebar div.pullquote {
	margin: 15px 0;
	padding: 1em 15px;
	font-style: italic;
	/*background-color: #a1be7a;*/
}
#sidebar div.pullquote p {
	font-size: 80%;
	margin: 0; padding: 0;
}
#sidebar img{
	width: 166px; 
	margin: 0 0 0 5px; 
	padding: 0; 
	/*position: absolute;*/
	/*right: 0; bottom: 11px;*/
}
#sidebar img.mid{
	margin-top: 1em;
}
#sidebar img.bottom {
	position: absolute;
	bottom: 15px;
	z-index: 1;
}
.nav a { text-decoration: none; 	
/*display: block;*/}

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

#nav1 {
	margin: 0; padding: 0;
	/*border: 1px dotted black;*/
	position: absolute;
	z-index: 3;
	left: 340px; top: 123px;
	height: 29px;/* width: 250px;*/
}
#nav1 ul {
	list-style: none;
	font-family: "Trebuchet MS", sans-serif;
	margin: 0; padding: 0;
}
#nav1 li {
	display: block;
	float: left;
	margin-right: 5px;
}
#nav1 li a {
  	font-size: 12px;
	color: #2D301C;
  	background: url(http://canopymedical.com/img/nav1_tabs_stacked.gif) 0px -30px no-repeat;
	width: 84px; /* where will it work? ul li a */
	height: 21px;
	padding-top: 8px; /* + height = 29 */
	display: block;
	text-align: center;
  }
  
#nav1 li.here a, 
#nav1 li.on a  {
  	background: url(http://canopymedical.com/img/nav1_tabs_stacked.gif) 0px 0px no-repeat;
}		  
#nav1 li.here a span, 
#nav1 li.on a span {
  	position: relative; top: -1px;
}	
#nav1 li a:hover {
  	background: url(http://canopymedical.com/img/nav1_tabs_stacked.gif) 0px -60px no-repeat;
	color: #000;
  }	
#nav1 li.on a:hover {
  	background: url(http://canopymedical.com/img/nav1_tabs_stacked.gif) 0px -91px no-repeat; /* match #nav1 li.on a span */
  }	  
#nav1 li.here a:hover {
  	background: url(http://canopymedical.com/img/nav1_tabs_stacked.gif) 0px 0px no-repeat;
  }	
/* -------------------------------- */  
  
#nav2 {	 /*meant to fill width of sidebar*/ 
background-color: transparent; }

/* styling UL = important! */
#nav2 ul { 
	font-family: "Trebuchet MS", sans-serif;
	width: 146px; /* 166? */
	margin: 0 5px 5px 15px; 
	padding: 1.8em 0 0 0;/* top only */
	border: none;
	list-style: none;
	font-size: 100%; /* not here for IE? */
	border-bottom: 1px solid #9ab970; /* match #nav2 li a */
}
#nav2 li {	
	/*border-top: 1px dashed gray;*/
	margin:  0; /* even for IE */
	padding: 0; /* vs in ul */
	/* height: 100%; */	 /*IE? */
	/* font-size: 80%; */
	display: inline; /* IMPORTANT from MOZILLA */
}	

#nav2 li a {
	display: block; 
	/* height: 100%;	  otherwise way tall in IE */
	/* margin: 0; */
	padding: 1px 5px;
	color: #2D301C;	
	background:  #aec88a;
	border-top: 1px solid #9ab970; 
}

/*#nav2 li:first-child a {
	border-top: 	1px solid #8db05d;	}*/
	
#nav2 a:hover {	
	color: #000;	
	background-color: #b2cc91;
	/*text-decoration: underline;*/
	/*border-bottom: 1px solid #38657c;*/}

#nav2 li.here a {
	background: url(http://canopymedical.com/img/side-menu_arrow_r.gif) center right no-repeat #aec88a;
	font-weight: bold;
	cursor: default;
}

#nav2 li.here a:hover {
	color: #2D301C;	
	background-color:  #aec88a;
}


/* -------------------------------- */
#mainContent {
	margin: 0px; 
		float: right;
		width: 519px;
	/*border-left: 1px dotted black;	*/
	color: #2D301C; 
	background-color: transparent;
	padding: 0px 30px 6em; /* btm pad allows for abs-pos footer */
	
}

/* Tan hack: this selector recognized by IE only: */
* html #mainContent   
{
  width: 579px;   /* total width (only for IE5.x/Win) */
  w\idth: 519px;  /* content width (for other IE) */
}


/* is sbbottom used? */
#sbbottom {
	/* attach to page bottom */
	position: absolute;
	bottom: 11px; /* above drop shadow */
}


h1,h2,h3,h4,h5,h6 {
	font-family: "Trebuchet MS", sans-serif;
	color: #2D301C;
	background-color: transparent;
}

h1 {font-size: 160%; margin-top: 1em; }
h2 {	font-size: 120%; }
h2,h3,h4,h5,h6 {
	margin: 1.5em 0 .5em ;padding: 0;
}
#mainContent p, #mainContent ul {
	font-size: 100%;
}
#mainContent p {
	line-height: 1.5;
	margin: 0 50px 1em 0;
}
#mainContent ul {
	padding: 0;
	margin: 1em 0 1em 3ex;
}
#mainContent li {
	line-height: 1.2;
	margin: 0 0 .5em 0; 
}
#mainContent li ul {
	font-size: 90%;
	margin: .5em 0 1em 3ex; }
	
#mainContent a {
	color: #7F8550
}

#mainContent #footer {
	/* attach to page bottom */
	position: absolute;
	bottom: 15px; /* above drop shadow */
	/* fails in IE6 when no text preceeds <img> in the div#sidebar 
		fails in IE6 when , but works on reload? */

	border-top: 1px solid #a7ac7d;
	margin: 2em 0 1em;
	clear: both;
	width: 470px;
/*		height: 50px;
	padding: 0;
	background: url(http://canopymedical.com/img/footer.gif) bottom no-repeat;*/
}	
#footer p, #footer ul  {
	font-family: "Trebuchet MS", sans-serif;
	font-size: x-small;
	color: #7F8550;
}
#footer p {
	margin: 0 0 0 1ex;
}
#footer p#copy {
	float: right;
	color:	#a7ac7d;
}
#footer p#copy a {
	color:	#a7ac7d;
}
#footer ul {
	margin: 0 0 0 1ex;
	list-style: none;
}
#footer a {
	text-decoration: none;
	color: #7F8550;
}
#footer a:hover, #footer p#copy a:hover {
	text-decoration: underline;
	color: #2D301C;
}

div#pageBottom {
	clear: both;
	width: 100%;
	height: 15px;
	line-height: 15px;
	padding: 0px;
	margin: 0;
	background: #DDDDCC url(http://canopymedical.com/img/footer_shadow.gif) right top no-repeat;
}
/*#pageBottom img {
	border: 0px dotted red;
	padding: 0;
	margin: 0;}*/