/*The first step is to remove the indents and bullets from the unordered list and define the width of our menu items.*/
#leftnav ul{
	margin: 0;
	padding: 0;
	list-style: none;
	width: 160px;
	}
/*Next, we need to position our list items. Fortunately, these will stack vertically by default, which is what we require. However, we must set the position as relative, because we will need to position the sub-menus absolutely within*/
#leftnav ul li{
	position: relative;
}
h4 a {
	text-decoration: none;
}
h4 a:hover {
	text-decoration: none;
}

/*Next step is the sub-menus. We want each sub-menu to appear to the right of its parent menu item when that item is hovered over.*/
#leftnav li ul{
	position: absolute;
	left: 160px;
	display: none;
	width: 160px;
	top: 0px;
	background-image: url(../images/white.png);
	}
/*Using the “left” and “top” attributes, we can absolutely position each sub-menu within its parent menu item. You will notice I have set the “left” property to 149px (1px less than the width of the menu items), which allows the sub-menus to overlap the main menu and not produce a double border. (You’ll see what I mean later.)*/


#leftnav ul li a{
	display: block;
	text-decoration: none;
	color: #207dad;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	padding-top: 8px;
	padding-right: 5px;
	padding-left: 15px;
	padding-bottom: 2px;
	}

/*This defines the background colour of the SUBMENU when hovered over.*/
#leftnav li ul li a:hover {
	background-color: #FFF;

}
/*this allows each <li> to have the image when hovered over*/
#leftnav li a:hover {
	background-image: url(../images/buttons/more.gif);
	background-repeat: no-repeat;
	background-position: 0px 10px;
}
#leftnav li:hover ul{
	display: block;
}
#leftnav ul li a:active {
	background-repeat: no-repeat;
	color: #006;
}

#leftnav li:hover ul ,li.over ul{
	display: block;

}
	
	/* Fix IE. Hide from IE Mac \*/
* html ul li { float: left; height: 1%; }
* html ul li a { height: 1%; }
/* End */



body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	background-image: url(../images/background.gif);
	background-repeat: no-repeat;
}
.line {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #EDEDED;
}


#leftnav {
	float: left;
	width: 160px;
	background-color: #FFF;
	padding-right: 50px;
	padding-left: 40px;
}
#main {
	width: 1024px;
	height: 100%;
	float: left;
	margin-right: auto;
	margin-left: auto;
	overflow: hidden;
	padding-top: 170px;
	padding-left: 40px;
}
#content{
	float:left;
	width: 553px;
	overflow: hidden;


}

#rightnav{
	width:170px;
	padding-left: 40px;
	overflow: hidden;
	float: left;
	padding-top: 15px;
	
}


.rightitem{
	padding-bottom:10px;
	margin-bottom:10px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCC;
	width: 180px;

}
a.morelink{

	color: #207dad;

	font-weight: bold;

	text-decoration: none;

}
#footer{
	margin-top: 20px;
	margin-bottom: 20px;
	font-size:11px;
	padding-top:5px;
	width: 1024px;
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	padding-bottom: 40px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #CCC;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-decoration: none;
	color: #666;
	color: #666;
}

p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin-top: 3px;
}

.grey {
	color: #666;
}

#innercontent{
	padding-bottom: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	width: 553px;
	float: left;
	padding-top: 10px;
	overflow: visible;
}
.darkblue {
	color: #365F91;
	}


.lightgreen {
	color: #52D017;
}

#footer a{

	color: #707070;

	text-decoration: none;

}
a {
	color: #207dad;
}


#footer a:hover{

	text-decoration: underline;

}
#innercontent ul  {
	list-style-type: circle;
	margin-left: 0px;
	padding-left: 15px;
}
#boaters p {
	padding-top: 5px;
}
#decorators p {
	padding-top: 5px;
}


h5 {
	border-bottom-width: medium;
	border-bottom-style: solid;
	border-bottom-color: #ccfb5d;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #207dad;
	text-transform: uppercase;
	font-size: 14px;
}
#innercontent ol  {
	margin-bottom: 15px;
	padding-left: 15px;
}
#innercontent ul li   {
	margin-top: 7px;
	padding-right: 5px;
	padding-left: 0px;
	margin-left: 0px;
	padding-top: 0px;
	margin-bottom: 0px;
}

#innercontent ol li{
	margin-top: 10px;
	background-image: url(../images/buttons/more.gif);
	background-repeat: no-repeat;
	list-style-type: none;
	text-indent: 15px;
}

.greybold {
	color: #666;
	font-weight: bold;
}

#contactaddress {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	width: 550px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #EDEDED;
	margin-bottom: 15px;
	padding-bottom: 10px;
}
h2 {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #207dad;
	text-transform: uppercase;
	padding: 0px;
	margin: 0px;
}
#exhibit_categories {
}
#exhibit_categories ul li {
	padding-right: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	list-style-position: outside;
	list-style-type: circle;
	color: #666;
}
#exhibit_categories ol {
	list-style-type: disc;
	list-style-position: outside;
	padding-left: 30px;
}
#exhibit_categories ul li {
	padding-top: 4px;
}
.darkbold {
	color: #036;
	font-weight: bold;
	text-decoration: none;
}

#boaters {
	width: 553px;
	margin-bottom: 0px;
	height: 40px;
	border-top-width: thin;
	border-top-style: solid;
	border-top-color: #CCC;
	padding-top: 10px;
}
#volunteer {
	width: 553px;
}
#decorators {
	width: 553px;
	padding-top: 10px;
	border-bottom-width: thin;
	border-bottom-style: solid;
	border-bottom-color: #CCC;
	margin-bottom: 10px;
	padding-bottom: 10px;
}
h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	border-bottom-width: thin;
	border-bottom-style: solid;
	font-variant: normal;
	text-transform: uppercase;
	font-weight: 600;
	color: #207dad;
	border-bottom-color: #ccfb5d;
}

#stuntman {
	float: right;
	width: 235px;
	background-color: #FFF;
	border-top-width: medium;
	border-bottom-width: medium;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #EDEDED;
	border-bottom-color: #EDEDED;
	padding-top: 7px;
	padding-bottom: 7px;
	margin-left: 10px;
	height: 105px;
}
.whiteback {
	background-color: #FFF;
	padding-bottom: 7px;
	padding-right: 15px;
	vertical-align: middle;
	padding-top: 7px;
	margin-top: 0px;
	padding-left: 15px;
}

#presenting {
	float: left;
	width: 504px;
	height: 121px;

}
#gold {
	float: left;
	width: 134px;
	height: 142px;
}
#silver {
	width: 233px;
	clear: right;
	float: left;
	height: 142px;
}
#activity {
	width: 216px;
	float: left;
}
#media {
	width: 504px;
	float: left;
}
#presenting {
	float: left;
	width: 504px;

}
#gold {
	float: left;
	width: 150px;
	height: 142px;
}
#silver {
	width: 350px;
	clear: right;
	float: left;
	height: 145px;
}
#bronze {
	float: left;
	width: 504px;
}
#activity {
	width: 205px;
	float: left;
	padding-right: 5px;
}
#media {
	width: 504px;
	float: left;
}
#government {
	width: 504px;
	float: left;
}
#activity_media {
	width: 504px;
	float: left;
}
#tourism {
	width: 504px;
	float: left;
}
#activity ol li {
	margin-top: 7px;
}
#community {
	float: right;
	padding-left: 10px;
	border-left-width: thin;
	border-left-style: solid;
	border-left-color: #CCC;
	width: 260px;
}
#com {
	width: 500px;
	float: left;
	clear: right;
}
#kilometre {
	width: 504px;
	float: left;
}

#sponsors {
	width: 505px;
	overflow: hidden;
	margin-right: auto;
	margin-left: auto;
}
.littleblue {
	color: #207dad;
	font-weight: bold;
}

#adopt {
	width: 553px;
	text-align: left;
	float: left;
	border-top-width: medium;
	border-top-style: solid;
	border-top-color: #EDEDED;
	padding-top: 15px;
}
#times {
	float: right;
	width: 350px;
	padding-left: 10px;
	margin-left: 10px;
}
#stuntman p {
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-color: #FFF;
}
#ecosphere {
	float: right;
	padding-bottom: 60px;
	padding-top: 60px;
	padding-left: 20px;
	background-color: #FFF;
}
.greenline {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #0C0;
}
h4 {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bolder;
	border-bottom-width: thin;
	border-bottom-style: solid;
	border-bottom-color: #EDEDED;
	padding-bottom: 0px;
	margin-bottom: 0px;
	padding-top: 15px;
	margin-top: 0px;
	color: #207dad;
	margin-right: 15px;
	font-size: 12px;
	padding-left: 10px;
}
#easysteps {
	float: right;
	margin-left: 10px;
	padding-bottom: 20px;
}
#envirofacts {
	height: 122px;
	width: 233px;
	border-top-width: medium;
	border-top-style: solid;
	border-top-color: #EDEDED;
	border-bottom-width: medium;
	border-bottom-style: solid;
	border-bottom-color: #EDEDED;
	margin-left: 20px;
	margin-bottom: 10px;
}
#envirofacts a {
	background-image: url(../images/enviropage_aim%20for%20zero/ecologicalfootprint_double.gif);
	display: block;
	height: 122px;
}
#envirofacts a:hover {
	background-position: 0px -122px;

}
#envirofacts_f {
	height: 122px;
	width: 233px;
	margin-left: 20px;
	border-top-width: medium;
	border-top-style: solid;
	border-top-color: #EDEDED;
	border-bottom-width: medium;
	border-bottom-style: solid;
	border-bottom-color: #EDEDED;
	margin-bottom: 10px;
}
#envirofacts_f a {
	background-image: url(../images/enviropage_aim%20for%20zero/ecologicalfootprint_double_f.gif);
	display: block;
	height: 122px;
}
#envirofacts_f a:hover {
	background-position: 0px -122px;
}
#clickhere {
	height: 28px;
	width: 221px;
	padding-bottom: 10px;
	padding-top: 10px;
}
#clickhere a {
	background-image: url(../images/buttons/clickadopt_double.gif);
	display: block;
	height: 28px;
	width: 221px;
}
#clickhere a:hover {
	background-position: 0px -28px;
}
#clickhere_f {
	height: 28px;
	width: 256px;
	padding-bottom: 10px;
	padding-top: 10px;
}
#clickhere_f a {
	background-image: url(../images/buttons/cliquer-ici_double.gif);
	display: block;
	height: 28px;
	width: 256px;
}
#clickhere_f a:hover {
	background-position: 0px -28px;
}
nounderlinelink {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #009;
	text-decoration: none;
}
.nounderlinelink {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #207dad;
	text-decoration: none;
}
.nounderlinelink a {
	text-decoration: none;
}
.timesleft {
	float: left;
	width: 200px;
	margin-right: 15px;
	padding-right: 10px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #CCC;
	margin-bottom: 10px;
}
.timesleft p {
	padding-top: 0px;
	margin-top: 0px;
	margin-bottom: 10px;
}
h3 {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #207dad;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
	text-transform: uppercase;
}
.timesright {
	float: right;
	width: 200px;
	margin-left: 15px;
	padding-left: 10px;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #CCC;
	margin-bottom: 10px;
	background-color: #FFF;
}
.timesright p {
	padding-top: 0px;
	margin-top: 0px;
	margin-bottom: 10px;
}
.timesrightprogram {
	float: right;
	width: 150px;
	margin-left: 15px;
	padding-left: 10px;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #CCC;
	margin-bottom: 15px;
	margin-top: 15px;
}
h5 a {
	text-decoration: none;
}
h5 a:hover {
	color: #036;
}
.hours {
	color: #0CC;
}
.smalitalics {
	font-size: 10px;
	font-style: italic;
	color: #666;
}
.hotelsright {
	float: right;
	width: 220px;
	margin-left: 15px;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #CCC;
	margin-bottom: 10px;
	padding-left: 10px;
}
.leftitem {
	padding-bottom:10px;
	margin-bottom:10px;
	margin-top: 10px;
	padding-top: 10px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #EDEDED;
}
.restaurant {
	width: 553px;
	float: left;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCC;
	padding-bottom: 5px;
	padding-top: 10px;
}
.restaurant p {
	margin-top: 3px;
}
.hotel {
	width: 553px;
	margin-bottom: 10px;
	float: left;
	padding-bottom: 15px;
	padding-top: 0px;
	margin-top: 0px;
}
.stuntman {
	float: right;
	width: 235px;
	background-color: #FFF;
	border-top-width: medium;
	border-bottom-width: medium;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #EDEDED;
	border-bottom-color: #EDEDED;
	padding-top: 7px;
	padding-bottom: 7px;
	margin-left: 10px;
	height: 105px;
}
.stuntman_f {
	float: right;
	width: 295px;
	background-color: #FFF;
	border-top-width: medium;
	border-bottom-width: medium;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #EDEDED;
	border-bottom-color: #EDEDED;
	padding-top: 7px;
	padding-bottom: 7px;
	margin-left: 10px;
	height: 105px;
}
#metrelounges {
	float: left;
	width: 150px;
	margin-top: 65px;
}

.date {
	background-color: #390;
	color: #FFF;
	font-weight: bold;
	padding-left: 5px;
	font-size: 12px;
}
#schedule {
	background-color: #FFF;
	padding-bottom: 20px;
}
#schedule td {
	padding: 5px;
	vertical-align: top;
	font-size: 12px;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #CCC;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCC;
}
#schedule table {
	background-color: #FFF;
	border-right-width: thin;
	border-right-style: solid;
	border-right-color: #CCC;
	border-bottom-width: thin;
	border-bottom-style: solid;
	border-bottom-color: #CCC;
	width: 553px;
}
.rightlinebottom {
	border-right-style: solid;
	border-right-width: 1px;
	border-right-color: #CCC;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCC;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #CCC;
}
.bottom {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCC;
}
.leftlinebottom {
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #CCC;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCC;
}
.dateblue {
	background-color: #036;
	color: #FFF;
	font-weight: bold;
	padding-left: 5px;
	font-size: 12px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-color: #036;
	border-right-color: #036;
	border-bottom-color: #036;
	border-left-color: #036;
}
#metrelounges2 {
	float: left;
	width: 150px;
	padding-bottom: 400px;
	background-color: #FFF;
}
.tablehote {
	float: right;
	width: 215px;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #CCC;
	font-size: 11px;
	padding-left: 15px;
}
.adoptbenefits {
	float: right;
	width: 250px;
	padding-left: 10px;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #CCC;
	margin-bottom: 10px;
	background-color: #FFF;
	margin-left: 10px;
}
.adoptbenefits p {
	padding-top: 0px;
	margin-top: 0px;
	margin-bottom: 10px;
}
#schedule2 {
	font-size: 12px;
}
.partners_sponsors {
	padding-top: 25px;
	margin-bottom: 15px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	text-transform: uppercase;
	color: #888;
	padding-left: 15px;
}
#official {
	width: 504px;
	float: left;
}