html {
	
}

body {
	margin-left:0px;
	margin-top:0px;
	padding:0px;
	width: 7000px;
	height: 509px;
	color:#333; 
	font: 62.5%/150% Tahoma, Sans-Serif; 
	background:#221e1f;
}
  

#header {
  	margin-left:0px;
	position:absolute; 
	left:0px;
	float:left;
	z-index:-10;
	}

img {
   border:0px;
}

#headerbg {margin-top: 0px; margin-left:0px; height:32px; width:100%; background-color:#333125;}

h1 {font-size: 1.1em; color:#474747; weight:bold;}
h2 {font-size: 1.1em; color:#474747; weight:bold;}
h3 {font-size: 1.4em; color:#474747; weight:bold;}

hr, .hide {
	position:absolute; 
	top:0;
    left:-9000px;
}	

ul {font-size: 1.4em; color:#474747; weight:bold;}
li {font-size: 1.4em; color:#474747; weight:bold;}

#page {
	height: 509px; 
background: #000000 url(../img/bg.gif) repeat-x left top;
}

#leftsider {
	padding: 50px 0 0 50px;
	float: left;
	width:300px; height:400px; background: #000000 url(../img/bglogo.gif);
	background-repeat: no-repeat;
	background-attachment:fixed;
	background-position: left 0px top 36px;
}

#lefttalks {
	padding: 0px 0 0 0px;
	float: left;
	width:382px; height:509px; background: #000000 url(../pics/talks.gif);
	background-repeat: no-repeat;
	background-attachment:fixed;
	background-position: left 0px top 36px;
}

#lefttalks2 {
	padding: 0px 0 0 0px;
	float: left;
	width:382px; height:509px; background: #000000 url(../pics/talks2.gif);
	background-repeat: no-repeat;
	background-attachment:fixed;
	background-position: left 0px top 36px;
}

#leftindex {
	padding: 0px 0 0 0px;
	float: left;
	width:382px; height:509px; background: #000000 url(../pics/index1.gif);
	background-repeat: no-repeat;
	background-attachment:fixed;
	background-position: left 0px top 36px;
}

#leftvideo {
	padding: 0px 0 0 0px;
	float: left;
	width:382px; height:509px; background: #000000 url(../pics/video1.gif);
	background-repeat: no-repeat;
	background-attachment:fixed;
	background-position: left 0px top 36px;
}

#leftmedia {
	padding: 0px 0 0 0px;
	float: left;
	width:382px; height:509px; background: #000000 url(../pics/media.gif);
	background-repeat: no-repeat;
	background-attachment:fixed;
	background-position: left 0px top 36px;
}

#leftsponsor {
	padding: 0px 0 0 0px;
	float: left;
	width:382px; height:509px; background: #000000 url(../pics/sponsors.gif);
	background-repeat: no-repeat;
	background-attachment:fixed;
	background-position: left 0px top 36px;
}

#lefthope {
	padding: 0px 0 0 0px;
	float: left;
	width:382px; height:509px; background: #000000 url(../pics/thyme1.gif);
	background-repeat: no-repeat;
	background-attachment:fixed;
	background-position: left 0px top 36px;
}

#leftcoast {
	padding: 0px 0 0 0px;
	float: left;
	width:382px; height:509px; background: #000000 url(../pics/coast1.gif);
	background-repeat: no-repeat;
	background-attachment:fixed;
	background-position: left 0px top 36px;
}

#leftgreat {
	padding: 0px 0 0 0px;
	float: left;
	width:382px; height:509px; background: #000000 url(../pics/great.gif);
	background-repeat: no-repeat;
	background-attachment:fixed;
	background-position: left 0px; top 32px;
}

#leftchef {
	padding: 0px 0 0 0px;
	float: left;
	width:382px; height:509px; background: #000000 url(../pics/chef1.gif);
	background-repeat: no-repeat;
	background-attachment:fixed;
	background-position: left 0px top 36px;
}

#leftcourage {
	padding: 0px 0 0 0px;
	float: left;
	width:382px; height:509px; background: #000000 url(../pics/courage.gif);
	background-repeat: no-repeat;
	background-attachment:fixed;
	background-position: left 0px top 36px;
}

#leftburnt {
	padding: 0px 0 0 0px;
	float: left;
	width:382px; height:509px; background: #000000 url(../pics/burnt1.jpg);
	background-repeat: no-repeat;
	background-attachment:fixed;
	background-position: left 0px top 36px;
}

#leftcharity {
	padding: 0px 0 0 0px;
	float: left;
	width:382px; height:509px; background: #000000 url(../pics/charity.gif);
	background-repeat: no-repeat;
	background-attachment:fixed;
	background-position: left 0px top 36px;
}

#leftimg {	position:absolute; 
	top:135px;
    	left:5px; 
}

#leftsider h1 {font-size: 2.0em; color:f5f5f5}

#menu {
	margin-top: 60px; 
	padding-left: 6px;
	color: #474747;
	font-size: 8px;
        width:100%;
}

#menu ul {
	list-style: url(../img/rightsmall.png);
	position:absolute; 
	top:350px;
    	left:10px;
	width:100%;
}

#menu ul li {width:100%;}

#menu a{
	text-decoration: none;
	color: #474747;
width:100%;
}

#menu a:hover{ color: #474744;
	
}

#content {
	margin: 75px 0 0 40px; 
	float: left;
	font-size: 1.1em; 
	color: #474747;

}

#content h4 {font-size: 1.2em; color: #f6f6f6;}

.par {
	margin: 0px 30px 0 0px; 
	padding-left: 30px; 
	float: left; 
	width: 315px;	
	height: 300px;
	font: 10px Verdana;
}

.parbig {
	margin: 0px 30px 0 0px; 
	padding-left: 30px; 
	float: left; 
	width: auto;	
	height: 500px;
	font: 10px Verdana;
}

.parright {
	margin: 0px 0px 0px 0px; 
	padding-left: 30px; 
	float: left; 
	width: auto;	
	height: 500px;
	font: 10px Verdana;
}

.alt {/* modify this to add style to alternate sections*/
}

#note { 
	margin-top:10px;
}

p.secbot a{
	margin-top: -5px;
	padding-left: 15px;
	border-bottom:none;
	color: #22b1e1;
	background: url(../img/leftsmall.png) no-repeat scroll left center;
	text-decoration:none;
	font-size:0.9em;
}

p.secbot a:hover {
	border-bottom:1px solid #22b1e1;
	
	
}

#header {
	position: fixed;
	top: 0px;
	left: 0px; 
	width: 1000px;
	height: 140px;
}

#arrows {
	position: fixed; top: 40px; left: 650px; width: 90px; height: 35px; cursor: pointer;z-index: 1000;
}

#arrows ul {	
	margin: 0; padding: 0;	list-style:none;z-index: 1000;}

#arrows ul li {margin: 0;padding: 0;display:inline;width: 40px;	height: 35px;z-index: 1000;}

#arrows ul li a{margin-right: 5px; float: left;display: block;width: 40px;height: 35px;	overflow: hidden;cursor: pointer;font-size: 50em;text-indent: -9000px;z-index: 1000;}

#arrows ul #left a {background: transparent url(../img/bigleft.png) no-repeat;z-index: 1000;}

#arrows ul #right a{background: transparent  url(../img/bigright.png) no-repeat;z-index: 1000;}


#rightsider {
	padding: 0 10px 0px 0;
}	

#rightsider a{
	color: #22b1e1;
	text-decoration: none;
}

/* ================================================================ 
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/final_drop.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 {visibility:hide; width:100%; height:32px; position:fixed; left:0px;
top:0px; z-index:100; border:1px solid #000; font: 11px Arial; background-color:#333125; repeat-x; center;}
/* hack to correct IE5.5 faulty box model */
* html .menu {width:1000px; w\idth:1000px;}
/* remove all the bullets, borders and padding from the default list styling */
.menu ul {padding:0;margin:0;list-style-type:none;background: url(../img/dropbg.gif) repeat-x; center;}
.menu ul ul {width:100px;}
/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.menu li {float:left;width:100px;position:relative;}
/* style the links for the top level */
.menu a, .menu a:visited {display:block;font-size:11px;text-decoration:none; color:#ffffff; width:100px; height:32px; border:0px solid #000; border-width:0px 0 0px 0px; background: url(../img/dropbg.gif) repeat-x; center; padding-left:0px; line-height:32px; font-weight:bold;background: url(../img/dropbg.gif) no-repeat center;}
/* a hack so that IE5.5 faulty box model is corrected */
* html .menu a, * html .menu a:visited {width:100px; w\idth:100px;}

/* style the second level background */
.menu ul ul a.drop, .menu ul ul a.drop:visited {background: url(../img/dropbg.gif) repeat-x; center;}
/* style the second level hover */
.menu ul ul a.drop:hover{background: #000000;}
.menu ul ul :hover > a.drop {background: ##333125;}
/* style the third level background */
.menu ul ul ul a, .menu ul ul ul a:visited {background: url(../img/dropbg.gif) repeat-x; center;}
/* style the third level hover */
.menu ul ul ul a:hover {background: #333125;}


/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul {visibility:hidden;position:absolute;height:0;top:32px;left:0; width:100px;border-top:1px solid #000;}
/* another hack for IE5.5 */
* html .menu ul ul {top:30px;t\op:31px;}

/* position the third level flyout menu */
.menu ul ul ul{left:100px; top:-1px; width:100px;}

/* position the third level flyout menu for a left flyout */
.menu ul ul ul.left {left:-100px;}

/* style the table so that it takes no ppart in the layout - required for IE to work */
.menu table {position:absolute; top:0; left:0; border-collapse:collapse;;}

/* style the second level links */
.menu ul ul a, .menu ul ul a:visited {background: url(../img/dropbg.gif) repeat-x; center; color:#ffffff; height:auto; line-height:1em; padding:5px 10px; width:100px;border-width:0 0px 0px 0px;}
/* yet another hack for IE5.5 */
* html .menu ul ul a, * html .menu ul ul a:visited {width:100px;w\idth:128px;}

/* style the top level hover */
.menu a:hover, .menu ul ul a:hover{color:#ffffff; background: #333125;}
.menu :hover > a, .menu ul ul :hover > a {color:#ffffff; background: #333125;}

/* make the second level visible when hover on first level list OR link */
.menu ul li:hover ul,
.menu ul a:hover ul{visibility:visible; }
/* keep the third level hidden when you hover on first level list OR link */
.menu ul :hover ul ul{visibility:hidden;}
/* make the third level visible when you hover over second level list OR link */
.menu ul :hover ul :hover ul{ visibility:visible;}