/* CSS Document */

body {font-family:Verdana; margin:0; padding:0}
	
#container {margin: 40px 30px 30px 30px}
	
h1 {font: bold 32px/38px Arial, Helvetica, sans-serif;
	letter-spacing:-2px; color:#FFF; padding:0;
	margin: 20px 0 0 26px}

h2 {font: bold 24px/30px Arial, Helvetica, sans-serif; padding:0; color:#719A20; background-color:transparent}
h2 .en {font-size: 18px; display:inline}

h2.day { 
	font: normal 20px/24px Arial, Helvetica, sans-serif;
	margin: -14px 0 0 0;
	padding: 0;
	}
	
h2.day { font: normal 20px/24px Arial, Helvetica, sans-serif; margin:0; padding:0}
#disclaimer h2 {margin:0}

.node h2 { font: bold 20px/24px "Trebuchet MS",Arial, Helvetica, sans-serif; color:#000;margin: 0 0 0 0; padding: 0}
.node h2 .en {font-size: 16px; display:inline}

h3 {text-align:left; font: bold 15px/17px Arial, Helvetica, sans-serif; margin:0; padding: 8px 0 3px 0; clear: both}
h3 .en {font-size:12px; display:inline}

.sideContent h3 .en {display:inline}
	
.collectedSummary h3, .calendarSummary h3 {font-size:20px; text-transform:none !important}	
	
#disclaimer h3 {
	text-align:left; 
	font: bold 15px/17px Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	padding: 0 0 3px 0;
	display:block;
	}
	
h3.accomm, h3.travel {
	clear:both;
	}		
	
h4 {text-align:left; 
	font: bold 15px/17px Arial, Helvetica, sans-serif;
	margin: 0 0 0 0;
	padding: 0 0 3px 0;}	

.item h4 {
	background-color: #EEE;
	margin: 0 -8px 0 -8px;
	padding: 8px;
	}
	
.activity h4 {
	background-color: #EEE;
	margin: 0 -8px 0 -8px;
	padding: 8px;
	}
	
h4 img {
    float: left;
    display: block;
    margin-top: -1px;
    }

/* commented backslash hack ie5mac won't see this\*/

h4 img {
    display: inline;
    margin: 0px;
    float: none;
    position: relative;
    }
/* end hack */

	
	
.item h6 {
	background-color: #EEE;
	margin: -8px -8px 6px -8px;
	padding: 8px;
	}		

.sideContent h4, .wideContent h4 {
	text-align:left; 
	font: bold 12px/14px Arial, Helvetica, sans-serif;
	text-transform: capitalize;
	margin: 0 0 0 0;
	padding: 8px 0 3px 0;
	background-color: transparent;
	}	
.sideContent h4 .en, .wideContent h4 .en { display:block; font: normal 11px/13px Arial, Helvetica, sans-serif;}	

	
h5 {
	text-align:left; 
	font: bold 15px/17px Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	margin: 0 0 0 0;
	padding: 0 0 3px 0;
	}	 
	
	
h6 {
	text-align:left; 
	font: bold 11px/12px Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0 0 6px 0;
	}	
	 
p {
	font-size:11px;
	line-height: 16px;
	}
	
.sideContent p, .wideContent p {
	font-size:11px;
	line-height: 13px;
	}

/*p, td, li {font-size:100%}*/
p, li {margin: .5em 0}
td p {margin: 0 0 .5em 0}
th {text-align:left; vertical-align:top; padding-right: 5px;}
dt {margin: 1em 0 0 2em}
dd {margin: .5em 0 0 4em}

/* General Layout Classes */
.mainContent { width:55%; float:left; font-weight:normal}
.sideContent { width:40%; float: right; font-size: 11px; line-height: 13px; font-weight:normal}
.wideContent { width:100%; clear: both; font-size: 11px;}

.clr {clear:both; height:1px; margin:0; overflow:hidden}
.clear {clear:both;}

/* Toolbar */
div#toolbar { background-color:#719A20; height: 121px; border-top: 1px solid #719A20; color: #FFF}
div#toolbar a { color: #FFF; text-decoration: none; font-weight: bold; font-size: 11px;}
div#toolbar a:hover { text-decoration: underline;}
div#toolbar p { margin: 8px 0 0 8px; padding: 0;}
#toolbar ul { margin: 15px 0 0 20px; padding: 0; font-size: 11px; font-weight: bold; height: 23px; background-color:#719A20; }

#toolbar li {display: block; float: left; background: #EEE; height: 23px; padding: 5px 6px 0 6px; margin: 0 5px; font-weight: normal; background-color:#719A20; color: #CCC;}
#toolbar li {he\ight: 18px;}

#toolbar li a{color: #FFF; text-decoration: none; font-weight: bold;}
#toolbar li a:hover{text-decoration: underline;}
#toolbar input {float: right; margin: 10px;}
#toolbar li.current {border-bottom: 1px solid #FFF; background: #FFF}
#toolbar li.current a{color: #000;}


/* Table of Contents */
ul.collectionSummary, ul.calendarSummary  {
	margin: 16px 0 0 16px;
	padding: 0;
	font-weight: bold;
	font-size: 12px;
	list-style-type: none;
	}
ul.collectionSummary ul, ul.calendarSummary ul{
	margin: 4px 8px 8px 16px;
	padding: 0;
	font-weight: normal;
	}
	
.agentsummary ul{
	margin: 4px 8px 8px 32px;
	padding: 0;
	font-size: 12px;
	list-style-type:circle;
	}

/* Nodes */
div.node div.sideContent h3, div.node div.wideContent h3 { font: bold 11px/12px "Trebuchet MS",arial; margin-left: 12px;}
div.node div.sideContent div.item { border:1px solid #BBB; padding: 0 .5em .5em .5em; background: #EEE; margin-bottom: .7em;}
div.node { border:1px solid #BBB; padding: 5px 6px 10px 8px; margin-bottom: 0;}
div.activity, div.accomm, div.iSite, div.travelagent, div.mainContent, div.node, div.transport, .inactive { position:relative;}


div.node { border: none; }
/* commented backslash hack ie5mac \*/
div.node { border:1px solid #BBB; padding: 5px 6px 6px 8px;}
/* end hack */


/* Items */

div.wide {clear: both;} 
div.item {clear:both; border: 1px solid #ccc; padding: 0 .5em .5em .5em; margin: 1em;}
div.item { width: 100%; }
div.item { w\idth: auto; }

.sidecontent div.nodeisite{ 
    border:1px solid #BBB; background: #EEE; padding: .5em; margin: 1em;
}
div.node div.wideContent div.nodeisite{ 
    border:1px solid #BBB; background: #EEE; padding: .5em; margin: 1em; width: 40%; display: block; float: left; clear: none;
}
div.distance{clear:both; border: 1px solid #ccc; padding: .5em; margin: 0 0 1em 0; background-color: #EEE;}
div.item div.mainContent img {float:left; margin:0 8px 8px 0}
table.contactDetails {font-size: 11px}
table.travelDetails {font-size:80%}
table.travelDetails th { padding:0 1em .25em 0; vertical-align:top; font:92% "Trebuchet MS"; text-transform:uppercase; letter-spacing:.15em }
.sideContent table, .wideContent table {margin-bottom: 10px; margin-top: 4px;}
/*Notes*/
div.note { border:1px solid #cc6; 
			background-color:#eec; 
			width:55%; 
			margin: 1em; 
			padding:.5em; 
			font-family: "Courier New", Courier, mono;
			}
div.note h4{ 
			font-family: "Courier New", Courier, mono;
			}
div.note h4, div.day div.note p  { margin:.2em 0 .2em 0}

h2 em {font-weight:normal}

h2.group { font: 150% "Trebuchet MS",arial; font-weight:normal; text-align:left; margin-bottom:0 }
h3.subgroup {  margin-top:0 }

/* Disclaimer */

#disclaimer {width: 100%}
div#disclaimer div.mainContent {width: 100%;}

.clear {
	display:block;
	height: 1px;
	clear: both;
	}

div#disclaimer div.mainContent div {
float: left;
width: 44%;
margin: 0 2% 0 2%;
padding-bottom: 20px;
display: inline;
}

#disclaimer p {font-size: 11px;line-height: 13px; font-weight:normal}


/* Quirks Mode Box Model Hacks */

.container { width:100%; } 
.container { wi\dth:auto; } 




