@charset "utf-8";
body  {
	font: 14px "Trebuchet MS",verdana,sans-serif;
	/*background: #666666;*/
	background-image:url(images/finalbgmedsm.jpg);
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #000000;
}
.twoColFixLtHdr #special {
	width:2000px;
	position:absolute;
	margin-left:-500px;
	top:286px;
}
.twoColFixLtHdr #wrapper { 
	width:818px;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	/*border: 2px solid #ff0000;*/
	/*background:#FFFFFF;*/
	background-image:url(images/wrapper3700.gif);
	background-repeat:no-repeat;
	text-align:left;
	margin-top:25px;
	margin-bottom:25px;
	padding-top:9px;
	padding-bottom:4px;
}

.twoColFixLtHdr #container { 
	width: 806px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	height:320px;
	/*background: #FFFFFF;*/
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	/*border: 1px solid #000000; */
	text-align: center; /* this overrides the text-align: center on the body element. */
	/*margin-top:25px;*/
} 
 
.twoColFixLtHdr #header { 
	/*background: #FFFFFF;*/
	height:277px;
	width:800px;
	padding-left:3px;
	/*border:1px solid #00FF00;*/
	/*padding: 0 10px 0 6px; /* this padding matches the left alignment of the elements in the divs that appear beneath it. If an image is used in the #header instead of text, you may want to remove the padding. */
}

* html .twoColFixLtHdr #header {
	padding-left:2px;	
}
 
.twoColFixLtHdr #header h1 {
	color:#000000;
	margin: 0px; /* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */
	padding-left:10px; /* using padding instead of margin will allow you to keep the element away from the edges of the div */
	padding-bottom:15px;
}

.twoColFixLtHdr #sidebar1 {
	float: left;  /* since this element is floated, a width must be given */
	width: 180px; /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */
	/*background: #FFFFFF; /* the background color will be displayed for the length of the content in the column, but no further */
	padding: 30px 20px 50px 20px;
	/*border:1px solid #FF0000;*/
	color:#000000;
}
.twoColFixLtHdr #sidebar1 h2 {
	margin-top: 20px; /* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */
	padding: -10px 10px; /* using padding instead of margin will allow you to keep the element away from the edges of the div */
}
.twoColFixLtHdr #mainContent { 
	margin: 0px 5px 50px 0px; /* the left margin on this div element creates the column down the left side of the page - no matter how much content the sidebar1 div contains, the column space will remain. You can remove this margin if you want the #mainContent div's text to fill the #sidebar1 space when the content in #sidebar1 ends. */
	padding: 0px 8px 0px 5px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	/*border:1px solid #0099FF;*/
	/*background:#FFFFFF;*/
	color:#000000;
} 
	
.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 8px;
}
.fltlft { /* this class can be used to float an element left in your page */
	float: left;
	margin-right: 8px;
}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}

.anemone,.anemone2,.orca,.whale,.seahorse,.squid {
	margin: 5px 0;
	}

/* Octopus Engine */
.north { background: url(images/i1/north.png) repeat-x top; }
.east { background: url(images/i1/east.png) repeat-y right; }
.south { background: url(images/i1/south.png) repeat-x bottom; }
.west { background: url(images/i1/west.png) repeat-y left; }
.ne { background: url(images/i1/ne.png) no-repeat top right; }
.se { background: url(images/i1/se.png) no-repeat bottom right; }
.sw { background: url(images/i1/sw.png) no-repeat bottom left; }
.nw { background: url(images/i1/nw.png) no-repeat top left; }

.nw { padding: 25px; } /* Controls padding.  Increase to make text further away from edges; decrease to bring closer.  */

/* Box 1 */
.anemone {
	width: 100%; /* Redundant */
	}

/* Octopus Engine - Uses images from i2 - Only for octopus elements within div.anemone */
.anemone .north { background: url(images/i2/north.png) repeat-x top; }
.anemone .east { background: url(images/i2/east.png) repeat-y right; }
.anemone .south { background: url(images/i2/south.png) repeat-x bottom; }
.anemone .west { background: url(images/i2/west.png) repeat-y left; }
.anemone .ne { background: url(images/i2/ne.png) no-repeat top right; }
.anemone .se { background: url(images/i2/se.png) no-repeat bottom right; }
.anemone .sw { background: url(images/i2/sw.png) no-repeat bottom left; }
.anemone .nw { background: url(images/i2/nw.png) no-repeat top left; padding: 25px;}

.anemone2 {
	width: 100%; /* Redundant */
	}

/* Octopus Engine - Uses images from i2 - Only for octopus elements within div.anemone */
.anemone2 .north { background: url(images/i5/north.png) repeat-x top; }
.anemone2 .east { background: url(images/i5/east.png) repeat-y right; }
.anemone2 .south { background: url(images/i5/south.png) repeat-x bottom; }
.anemone2 .west { background: url(images/i5/west.png) repeat-y left; }
.anemone2 .ne { background: url(images/i5/ne.png) no-repeat top right; }
.anemone2 .se { background: url(images/i5/se.png) no-repeat bottom right; }
.anemone2 .sw { background: url(images/i5/sw.png) no-repeat bottom left; }
.anemone2 .nw { background: url(images/i5/nw.png) no-repeat top left; padding: 25px;}

/* Boxes 2 & 3 - Equal size */
.orca {
	margin: 5px 1% 5px 0%;
	float: left;
	width: 75%;
	color:#5c3f2f;
	/*background-color:#c67b98;*/
	/*background-color:#FFFFFF;*/
	}
.whale {
	float: right;
	width: 75%;
	/*background-color:#5c3f2f;*/
	background-color:#fcfefc;
	color:#000000;
	}

/* Octopus Engine - Uses images from i3 - Only for octopus elements within div.orca */
.orca .north { background: url(images/i3/north.png) repeat-x top; }
.orca .east { background: url(images/i3/east.png) repeat-y right; }
.orca .south { background: url(images/i3/south.png) repeat-x bottom; }
.orca .west { background: url(images/i3/west.png) repeat-y left; }
.orca .ne { background: url(images/i3/ne.png) no-repeat top right; }
.orca .se { background: url(images/i3/se.png) no-repeat bottom right; }
.orca .sw { background: url(images/i3/sw.png) no-repeat bottom left; }
.orca .nw { background: url(images/i3/nw.png) no-repeat top left; padding: 15px 25px;}

/* Octopus Engine - Uses images from i4 - Only for octopus elements within div.whale */
.whale .north { background: url(images/i5/north.png) repeat-x top; }
.whale .east { background: url(images/i5/east.png) repeat-y right; }
.whale .south { background: url(images/i5/south.png) repeat-x bottom; }
.whale .west { background: url(images/i5/west.png) repeat-y left; }
.whale .ne { background: url(images/i5/ne.png) no-repeat top right; }
.whale .se { background: url(images/i5/se.png) no-repeat bottom right; }
.whale .sw { background: url(images/i5/sw.png) no-repeat bottom left; }
.whale .nw { background: url(images/i5/nw.png) no-repeat top left; padding: 15px 25px;}

/* Octopus Engine */
.seahorse .north { background: url(images/s1/north.png) repeat-x top; }
.seahorse .east { background: url(images/s1/east.png) repeat-y right; }
.seahorse .south { background: url(images/s1/south.png) repeat-x bottom; }
.seahorse .west { background: url(images/s1/west.png) repeat-y left; }
.seahorse .ne { background: url(images/s1/ne.png) no-repeat top right; }
.seahorse .se { background: url(images/s1/se.png) no-repeat bottom right; }
.seahorse .sw { background: url(images/s1/sw.png) no-repeat bottom left; }
.seahorse .nw { background: url(images/s1/nw.png) no-repeat top left; }

/* Box 4 */
.squid {
	clear: both;
	width: 100%;
	}

.twoColFixLtHdr #footer { 
	width:750px;
	height:150px;
	padding: 0px 0px 5px 15px;  /* this padding matches the left alignment of the elements in the divs that appear above it. */
	/*background:#ffffff;*/ 
	margin-top:0px;
	margin-left:15px;
	margin-bottom:25px;
	/*border:1px solid #FF0000;*/	
} 
* html .twoColFixLtHdr #footer {
	width:780px;
	height:100px;
	padding: 0px 0px 0px 0px;
	margin-top:-17px;
	/*border:1px solid #000000;*/
}
.twoColFixLtHdr #footer p {
	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	padding: 10px 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
	text-align:center;
	font: 9px "Trebuchet MS",verdana,sans-serif;
}

/* ******************************** */
.ddwd {color:#000000; font-size:"+2";  }
.ddwd a {
	color:#ec7c3c;
}
.ddwd a:link a:visited {
	color:#c67b98;
	text-decoration:none;
}	
.ddwd a:hover {
	color:#a2385f;
	font-weight:bold;
}
.corsiva {
	font-family:"Monotype Corsiva";
	font-size:22px;
	src: url(MONOTYP0.eot);
	color:#a2385f;
}
/* ******************************** */

/* ======================================================
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/flyout_4level.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any
way to fit your requirements.
========================================================= */
.menu { margin: 0px; height: 100px; font-size: 10pt; font-family: "Trebuchet MS",verdana,sans-serif; }
.menu ul { margin: 0pt; padding: 0pt; position: relative; z-index: 500; list-style-type: none; width: 12em; }
.menu li { background-image: url(images/glossyback.gif); float: left; }
.menu li.sub { background-color: #c67b98; }
.menu table { position: absolute; border-collapse: collapse; top: 0pt; left: 0pt; z-index: 100; font-size: 1em; margin-top: -1px; }
.menu a, .menu a:visited { border: 1px solid #a2385f; display: block; text-decoration: none; height: 2em; line-height: 2em; width: 12em; color: #ffffff; padding-left: 1em; font-weight: normal; font-style: normal; font-variant: normal; text-transform: none; }
.menu b { float: right; margin-right: 5px; }
* html .menu a, * html .menu a:visited { width: 12em; }
* html .menu a:hover { color: #000000; background-color: #c67b98; position: relative; font-weight: normal; font-style: normal; font-variant: normal; text-decoration: none; text-transform: none; }
.menu li:hover { position: relative; }
.menu a:active, .menu a:focus { color: #000000; background-color: #c67b98; font-weight: normal; font-style: normal; font-variant: normal; text-decoration: none; text-transform: none; }
.menu li:hover > a { color: #000000; background-image: url(images/glossyback2.gif); font-weight: normal; font-style: normal; font-variant: normal; text-decoration: none; text-transform: none; }
.menu li ul { padding: 2em; visibility: hidden; position: absolute; top: -2em; left: 9em; background-color: transparent; }
.menu li:hover > ul { visibility: visible; }
.menu ul a:hover ul ul { visibility: hidden; }
.menu ul a:hover ul a:hover ul ul { visibility: hidden; }
.menu ul a:hover ul a:hover ul a:hover ul ul { visibility: hidden; }
.menu ul a:hover ul { visibility: visible; }
.menu ul a:hover ul a:hover ul { visibility: visible; }
.menu ul a:hover ul a:hover ul a:hover ul { visibility: visible; }
.menu ul a:hover ul a:hover ul a:hover ul a:hover ul { visibility: visible; }
/* ********************************* */
#navmenu {
  margin-left: 15px;
  border: 0 none;
  padding: 0;
  width: 800px; /*For KHTML*/
  list-style: none;
  height: 24px;
}
*html #navmenu {
  margin-left: 30px;
  border: 0 none;
  padding: 0;
  width: 800px; /*For KHTML*/
  list-style: none;
  height: 24px;
}

#navmenu li {
  margin: 0;
  border: 0 none;
  padding: 0;
  float: left; /*For Gecko*/
  display: inline;
  list-style: none;
  position: relative;
  height: 24px;
}

#navmenu ul {
  margin: 0;
  border: 0 none;
  padding: 0;
  width: 160px;
  list-style: none;
  display: none;
  position: absolute;
  top: 24px;
  left: 0;
}

#navmenu ul:after /*From IE 7 lack of compliance*/{
  clear: both;
  display: block;
  font: 1px/0px serif;
  content: ".";
  height: 0;
  visibility: hidden;
}

#navmenu ul li {
  width: 160px;
  float: left; /*For IE 7 lack of compliance*/
  display: block !important;
  display: inline; /*For IE*/
}

/* Root Menu */
#navmenu a {
  border: 1px solid #e4610f;
  /*border-right-color: #CCC;
  border-bottom-color: #CCC;*/
  padding: 0 6px;
  float: none !important; /*For Opera*/
  float: left; /*For IE*/
  display: block;
  background: url(images/glossyback2.gif) ; /*#EEE;*/
  color: #5c3f2f;
  font:12px "Trebuchet MS",verdana,sans-serif;
  text-decoration: none;
  height: 25px !important;
  /*height: 1%; For IE*/
}

/* Root Menu Hover Persistence */
#navmenu a:hover,
#navmenu li:hover a,
#navmenu li.iehover a {
  background: url(images/glossyback.gif) ;/*#CCC;*/
  
  color: #FFF;
}
/* 2nd Menu */
#navmenu li:hover li a,
#navmenu li.iehover li a {
  float: none;
  background: url(images/glossyback2.gif) ; /*#EEE;*/
  
  color: #5c3f2f;
}

/* 2nd Menu Hover Persistence */
#navmenu li:hover li a:hover,
#navmenu li:hover li:hover a,
#navmenu li.iehover li a:hover,
#navmenu li.iehover li.iehover a {
  background: url(images/glossyback.gif) ;/*#CCC;*/
  
  color: #FFF;
}

/* 3rd Menu */
#navmenu li:hover li:hover li a,
#navmenu li.iehover li.iehover li a {
  background: url(images/glossyback2.gif) ;/*#EEE;*/
  color: #5c3f2f;
}

/* 3rd Menu Hover Persistence */
#navmenu li:hover li:hover li a:hover,
#navmenu li:hover li:hover li:hover a,
#navmenu li.iehover li.iehover li a:hover,
#navmenu li.iehover li.iehover li.iehover a {
  background: url(images/glossyback.gif) ;/*#CCC;*/
  color: #FFF;
}

/* 4th Menu */
#navmenu li:hover li:hover li:hover li a,
#navmenu li.iehover li.iehover li.iehover li a {
  background: url(images/glossyback2.gif) ;/*#EEE;*/
  color: #666;
}

/* 4th Menu Hover */
#navmenu li:hover li:hover li:hover li a:hover,
#navmenu li.iehover li.iehover li.iehover li a:hover {
  background: url(images/glossyback.gif) ;/*#CCC;*/
  color: #FFF;
}

#navmenu ul ul,
#navmenu ul ul ul {
  display: none;
  position: absolute;
  top: 0;
  left: 160px;
}

/* Do Not Move - Must Come Before display:block for Gecko */
#navmenu li:hover ul ul,
#navmenu li:hover ul ul ul,
#navmenu li.iehover ul ul,
#navmenu li.iehover ul ul ul {
  display: none;
}

#navmenu li:hover ul,
#navmenu ul li:hover ul,
#navmenu ul ul li:hover ul,
#navmenu li.iehover ul,
#navmenu ul li.iehover ul,
#navmenu ul ul li.iehover ul {
  display: block;
}