* {
margin:0;
padding:0;
}

body {
	font-size:90%;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	background-image: url(images/background.gif);
	background-repeat: repeat;
}

#minMax {min-width:700px; max-width:990px; margin:0 auto; background:#ffffff;}

#header {
	background-color: #FFFFFF;
	margin-bottom: 15px;
	padding-bottom: 8px;
}

#outer1 {float:left; width:20%;}
#outer2 {float:left; width:15%; background:#ffffff;}
#outer3 {float:left; width:45%;}
#outer3v {float:left; width:55%;}
#outer4 {float:right; width:15%;}
#outer5 {float:right; width:20%; background:#ffffff;}
#outer1, #outer2, #outer3, #outer4, #outer5 {padding-bottom:32767px; margin-bottom:-32767px;}

#wrapper {
	overflow:hidden;
	float:none;
	clear: both;
	margin-top: 10px;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}


#topbar {
	width:59%;
	float:left;
	background-color: #F6F5AB;
}

#footer {clear:both; background:#a0c977;}

h1 {font-size:20px; margin:0; padding:10px 0; color:#333333;}
h3 {font-size:18px; margin:0; padding:2px 0;}
h4 {
	font-size:15px;
	margin:0;
	padding:0;
	font-style: italic;
}

.author {
	padding: 10px 0 10px 0;
	font-size: 12px;
	font-style: italic;
	color: #9966CC;
}
.content {padding:10px; }
p {font-size:12px; line-height:1.5em; margin:0; padding:5px 0;}
.wraplist ul {
	font-size:12px;
	list-style-type: square;
		margin: 10px 0 0 40px;
	padding: 10px;
	width: 400px;
}
.wraplist li {
font-size:12px;
	line-height:1.5em;
	padding: 5px 10px 5px 10px;
	margin:5px 0 0 20px;
	list-style-type:none;
	background-image: url(images/square_bullter.png);
	background-repeat: no-repeat;
	background-position: 0px 12px;
	}
	
#footer p,
#header p {color:#666666;}
#footer a {color:#fff;}
#footer a:hover {text-decoration:none;}


/*5 senses top bar CSS*/

/* without text */
#senses {display:block; width: 590px; height:97px; margin:15px 15px 15px 0;}
#senses ul {margin:0; padding:0; list-style-type:none;}
#senses li {float:left; margin-right:15px; display:block; width:97px; height: 97px;}
#senses li.list1 {
	background-color: transparent;
	background-image: url(images/smell.png);
	background-repeat: no-repeat;
}
#senses li.list2 {
	background-color: transparent;
	background-image: url(images/touch.png);
	background-repeat: no-repeat;
}
#senses li.list3 {
	background-color: transparent;
	background-image: url(images/taste.png);
	background-repeat: no-repeat;
}
#senses li.list4 {
	background-color: transparent;
	background-image: url(images/sight.png);
	background-repeat: no-repeat;
}

#senses li.list5 {
	background-color: transparent;
	background-image: url(images/hearing.png);
	background-repeat: no-repeat;
}
#senses a {display:block; width:97px; padding-top:97px; height:0; color:#000; text-decoration:none; overflow:hidden;}
* html #senses a:link, * senses #menu a:visited {height:97px; height:0;}

#senses a#item1 {
	background-color: transparent;
	background-image: url(images/smell_hover.png);
	background-repeat: no-repeat;
	background-position: -115px -97px;
}
#senses a#item2 {
	background-color: transparent;
	background-image: url(images/touch_hover.png);
	background-repeat: no-repeat;
	background-position: -115px -97px;
}
#senses a#item3 {
	background-color: transparent;
	background-image: url(images/taste_hover.png);
	background-repeat: no-repeat;
	background-position: -115px -97px;
}
#senses a#item4 {
	background-color: transparent;
	background-image: url(images/sight_hover.png);
	background-repeat: no-repeat;
	background-position: -115px -86px;
}
#senses a#item5 {
	background-color: transparent;
	background-image: url(images/hearing_hover.png);
	background-repeat: no-repeat;
	background-position: -115px -86px;
}

#senses a#item1:hover {background-position:top right; z-index:50;}
#senses a#item2:hover {background-position:top right; z-index:50;}
#senses a#item3:hover {background-position:top right; z-index:50;}
#senses a#item4:hover {background-position:top right; z-index:50;}
#senses a#item5:hover {background-position:top right; z-index:50;}

* html #senses a:hover {height:97px; height:0;}


/*end senses top bar CSS*/

/*top menu CSS*/
/*Credits: CSSpplay */
/*URL: http://www.cssplay.co.uk/menus/pro_six */

#pro6 ul {
	padding:0;
	list-style:none;
	display:table;
	white-space:nowrap;
	list-style:none;
	height:35px;
	float:left;
	background:#fff;
	font-size:11px;
	clear: both;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 10px;
	margin-left: auto;
}
#pro6 li {display:table-cell; margin:0; padding:0;}
#pro6 li a {display:block; float:left; height:35px; line-height:30px; color:#333; text-decoration:none; font-family:arial, verdana, sans-serif; font-weight:bold; text-align:center; padding:0 0 0 10px; cursor:pointer; background:url(images/pro_six_0a.gif) no-repeat;}
#pro6 li a b {float:left; display:block; padding:0 25px 5px 15px; background:url(images/pro_six_0b.gif) no-repeat right top;}
#pro6 li.current a {color:#fff; background:url(images/pro_six_2a.gif) no-repeat;}
#pro6 li.current a b {background:url(images/pro_six_2b.gif) no-repeat right top;}
#pro6 li a:hover {color:#fff; background: url(images/pro_six_1a.gif) no-repeat;}
#pro6 li a:hover b {background:url(images/pro_six_1b.gif) no-repeat right top;}
#pro6 li.current a:hover {color:#fff; background: url(images/pro_six_2a.gif) no-repeat; cursor:default;}
#pro6 li.current a:hover b {background:url(images/pro_six_2b.gif) no-repeat right top;}

<!--[if IE]>
#pro6 ul {display:inline-block;}
#pro6 ul {display:inline;}
#pro6 ul li {float:left;}
#pro6 {text-align:center;}
<![endif]-->



/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */
<!-- Hide entire CSS code from IE6 -->
<![if !IE 6]>



.shiftcontainer{
position: relative;
left: 7px; /*Number should match -left shadow depth below*/
top: 7px; /*Number should match -top shadow depth below*/
}

.shadowcontainer{
	width: 990px; /* container width*/
	background-color: #D8D8D8;
	margin: 0 auto;
}

.shadowcontainer .innerdiv{
/* Add container height here if desired */
background-color: white;
border: 1px solid gray;
padding: 6px;
position: relative;
left: -7px; /*shadow depth*/
top: -7px; /*shadow depth*/
}

<![endif]

/* ================================================================ 
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.stunicholls.com/menu/skeleton_left.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.
=================================================================== */

#nav, 
#nav ul {float:left; padding:0 0 5px 0; margin:0; list-style:none; font: 6px verdana, sans-serif; border:1px solid #000; border-color:#cea #9b7 #8a6 #deb; border-width:1px 2px 2px 1px; background:#fff; position:relative; z-index:200;}

#nav li li {background:#fff;}
/* a hack for IE5.x and IE6 */
* html #nav li {float:left;}

#nav li a {display:block; color:#888; margin:0 25px 0 10px; height:20px; line-height:20px; text-decoration:none; white-space:nowrap;}

#nav li:hover {position:relative; z-index:300;}

#nav ul {position:absolute; left:-9999px; top:-9999px;}
/* yet another hack for IE5.x and IE6 */
* html #nav, * html nav ul {width:1px;}

/* it could have been this simple if all browsers understood */
/* show next level */
#nav li:hover > ul {left:-15px; margin-left:100%; top:-1px;}
/* keep further levels hidden */
#nav li:hover > ul ul {position:absolute; left:-9999px; top:-9999px; width:auto;}
/* show path followed */
#nav li:hover > a {text-decoration:underline; color:#7b5;}


/* but IE5.x and IE6 need this lot to style the flyouts and path followed */
/* show next level */
#nav li:hover ul,
#nav li:hover li:hover ul,
#nav li:hover li:hover li:hover ul,
#nav li:hover li:hover li:hover li:hover ul,
#nav li:hover li:hover li:hover li:hover li:hover ul
{left:-15px; margin-left:100%; top:-1px;}

/* keep further levels hidden */
#nav li:hover ul ul,
#nav li:hover li:hover ul ul,
#nav li:hover li:hover li:hover ul ul,
#nav li:hover li:hover li:hover li:hover ul ul
{position:absolute; left:-9999px; top:-9999px;}

/* show path followed */
#nav li:hover a,
#nav li:hover li:hover a,
#nav li:hover li:hover li:hover a,
#nav li:hover li:hover li:hover li:hover a,
#nav li:hover li:hover li:hover li:hover li:hover a,
#nav li:hover li:hover li:hover li:hover li:hover li:hover a
{text-decoration:underline; color:#7b5;}

/* hide futher possible paths */
#nav li:hover li a,
#nav li:hover li:hover li a,
#nav li:hover li:hover li:hover li a,
#nav li:hover li:hover li:hover li:hover li a,
#nav li:hover li:hover li:hover li:hover li:hover li a
{text-decoration:none; color:#888;}


/*newsletter */
#newsletter {
	margin-right: 30px;
	margin-top: 10px;
	width: 400px;
	float: right;
}

#newsletter h1 {
	font-size:20px;
	color:#333333;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 25px;
	letter-spacing: .05em;
}


/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.cssform p{
width: 350px;
clear: left;
margin: 0;
padding: 5px 0 8px 0;
padding-left: 155px; /*width of left column containing the label elements*/
height: 1%;
}

.cssform label{
font-weight: bold;
float: left;
margin-left: -125px; /*width of left column*/
width: 110px; /*width of labels. Should be smaller than left column (155px) to create some right margin*/
}

.cssform input[type="text"]{ /*width of text boxes. IE6 does not understand this attribute*/
width: 200px;
height: 20px;
}


/*.threepxfix class below:
Targets IE6- ONLY. Adds 3 pixel indent for multi-line form contents.
to account for 3 pixel bug: http://www.positioniseverything.net/explorer/threepxtest.html
*/

* html .threepxfix{
margin-left: 3px;
}

.formbutton{
cursor:pointer;
border:outset 1px #ccc;
background:#999;
color:#666;
font-weight:bold;
padding: 1px 2px;
background:url(images/formbg.gif) repeat-x left top;
}