body {
  font-family: "Verdana", "Georgia", sans-serif;
  margin: 0;
  padding: 0 0 40px 0;
  font-size:90%;
}
HTML {
overflow: -moz-scrollbars-vertical;
min-height: 100%; margin-bottom: 1px;
}

/* COMMON STYLES */
.center{
	display: block;
	margin-left: auto;
	margin-right: auto;
}
img {
	padding: 0;
	margin: 0;
	border: 0;
}

/* -----NAVIGATION------ */
#nav{
	display: block;
	float: left;
	width: 800px;
	height: 62px;
	margin-top: 8px;
	padding: 0;
}
#nav a.home_pic{
	text-indent: -5000px;
	float:left;
	width: 116px;
    height: 42px;
    background: url("../images/home_button.jpg") 0 0 no-repeat;
}
#nav a:hover.home_pic{
	background-position: -116px 0;
}
#nav a.why_pic{
	text-indent: -5000px;
	margin-right: 8px;
	display: inline;
	float:left;
	width: 115px;
    height: 62px;
    background: url("../images/why_button.jpg") 0 0 no-repeat;
}
#nav a:hover.why_pic{
	background-position: -115px 0;
}
#nav a.what_pic{
	text-indent: -5000px;
	margin-right: 8px;
	display: inline;
	float:left;
	width: 115px;
    height: 62px;
    background: url("../images/what_button.jpg") 0 0 no-repeat;
}
#nav a:hover.what_pic{
	background-position: -115px 0;
}
#nav a.who_pic{
	text-indent: -5000px;
	margin-right: 8px;
	display: inline;
	float:left;
	width: 115px;
    height: 62px;
    background: url("../images/who_button.jpg") 0 0 no-repeat;
}
#nav a:hover.who_pic{
	background-position: -115px 0;
}
#nav a.now_pic{
	text-indent: -5000px;
	margin-right: 8px;
	display: inline;
	float:left;
	width: 115px;
    height: 62px;
    background: url("../images/now_button.jpg") 0 0 no-repeat;
}
#nav a:hover.now_pic{
	background-position: -115px 0;
}
#nav a.touch_pic{
	text-indent: -5000px;
	display: inline;
	width: 115px;
	float:left;
    height: 62px;
    background: url("../images/touch_button.jpg") 0 0 no-repeat;
}
#nav a:hover.touch_pic{
	background-position: -115px 0;
}
#dropDownMenu,
#dropDownMenu * { margin:0;padding:0;}
/* "Master" UL (the whole Menu) */
#dropDownMenu {position:relative;background:#fff no-repeat 100% 50%;width:607px;max-width:100%;float:right;margin-bottom:3.5em;
}
/* sub-menu ULs */
#dropDownMenu li ul {
	cursor:default;
	position:absolute;
	margin-top: 38px;
	height:auto;
	display:none;
	clear: left;
	font-size: 80%;
	background:url(/img/clear.gif);/* trick to keep'em open */
}
/* All LIs */
#dropDownMenu li {
	position:relative;
	cursor:pointer;
	float:left;
	list-style-type:none;
	font-weight:bold;
}
/* sub-menu LIs */
#dropDownMenu li ul li {
    width:115px/*FF*/;
    border:none;
    _max-width:100%;  /* IE Only */
    clear: left;
}
/* All anchors */
#dropDownMenu li a {
	cursor:default;
	text-decoration:none;
	display: block;
	padding:0;
	float: right;
	height:2em;
	line-height:2em;
}
/* sub-menu Anchors */
#dropDownMenu li ul li a {
	position:relative !important; /* ie Mac */
	cursor:pointer !important;
	white-space:nowrap;
	line-height:1.7em;
	height:1.7em;
	font-weight:normal;
	clear: left;
	color:#366;
	background-position:0 50% !important;
}
/* hover elements */
#dropDownMenu li a:hover,
#dropDownMenu li a:focus,
#dropDownMenu li a:active {color:#d38b1f}
#dropDownMenu ul a:hover,
#dropDownMenu ul a:focus,
#dropDownMenu ul a:active {color:#d38b1f !important;background:#fff}
/* display and z-index for the sub-menus */
#dropDownMenu li:hover ul, #dropDownMenu li.sfhover ul,
#dropDownMenu li.msieFix ul {display:block;z-index:10;top:2em !important;}
/* safari: users can keep sub-menus up by from sub-menus to next top level  */
/* didn't find a solution for users going back from the last one. I prefer  */
/* to leave it like that vs. taking the last sub-menu *out of* the wrapper  */
#dropDownMenu li#why {z-index:5;}
#dropDownMenu li#what {z-index:4;}
#dropDownMenu li#who {z-index:3;}
#dropDownMenu li#now {z-index:2;}
#dropDownMenu li#touch {z-index:1;}

/* Current location - class on Body must match LI's id */
.why #dropDownMenu li#why a,
.what #dropDownMenu li#what a,
.who #dropDownMenu li#who a,
.now #dropDownMenu li#now a,
.touch #dropDownMenu li#touch a {color:#fff;}
/* Keeping current menu accessible to JAWS */
.why #dropDownMenu li#why ul,
.what #dropDownMenu li#what ul,
.who #dropDownMenu li#who ul,
.now #dropDownMenu li#now ul,
.touch #dropDownMenu li#touch ul {display:block;top:-1000px}

/* "trigger" and "msieFix" classes */
#dropDownMenu li.msieFix a {}
/* last nested UL. keeping it in */
#dropDownMenu li#touch ul

/* If JS is OFF we need to style the links in the sub-menu of the current page     */
/* so they are accessible to keyboard users. Using a class on each link would let  */
/* us stick each link in the same place, but we would have to plug a lot of        */
/* attributes in the markup and many rules here, so...                             */
.why #dropDownMenu li#why ul li a:focus,
.why #dropDownMenu li#why ul li a:active,
.what #dropDownMenu li#what ul li a:focus,
.what #dropDownMenu li#what ul li a:active,
.who #dropDownMenu li#who ul li a:focus,
.who #dropDownMenu li#who ul li a:active,
.now #dropDownMenu li#now ul li a:focus,
.now #dropDownMenu li#now ul li a:active,
.touch #dropDownMenu li#touch ul li a:focus,
.touch #dropDownMenu li#touch ul li a:active {position:absolute !important;top:1028px !important;}

a:link {
	font-weight : normal;
	text-decoration : none;
	color: #066;
	background: transparent; 
	}

a:visited {
	font-weight : normal;
	text-decoration : none;
	color: #d38b1f;
	background: transparent;
	}

a:hover {
	font-weight : normal;
	text-decoration : none;
	color: #ffcc66;
	background: transparent;
	}

a:active {
	font-weight : normal;
	text-decoration : none;
	color: #900;
	background: transparent;
	}


/* STRUCTURE */
#header{
	display: block;
	clear: both;
	height: 150px;
	padding: 0;
	margin: 0;
}
#wrapper{
	width: 800px;
	padding: 0;
	margin: 0 auto;
	overflow: hidden;
}
#contentarea {
	display: block;
	float: left;
	width: 800px;
	margin: 0;
	padding: 0;
}
#leftCol {
	float: left;
	width: 160px;
	padding: 0;
	margin: 0;
}
#rightCol {
	float: right;
	width: 610px;
	padding-left: 30px;
}


/* STYLES */
#header img{
	margin-top: 50px;
}	

#home_button{
	padding-left: 2px;
	margin: 0;
}

#rightCol p{
	font-size: 12px;
	line-height: 135%;
	padding-bottom: 10px;
	margin: 0;
}
#rightCol h1{
	font-size: 20px;
	font-weight: bold;
	line-height: 21px;
	color: #698473;
	padding: 0px;
	margin: 0;
}

#rightCol h2{
	font-size: 14px;
	font-weight: bold;
}
#leftCol p{
	font-size: 12px;
	line-height: 120%;
	padding: 0px;
	margin: 0;
}


/* FOOTER STYLES */
#footer {
    clear:both;
	margin-left: 190px;
	padding-top: 20px;
}
#footer p{
	color: #000;
	font-size: 65%;
}