/* reset */
body,div,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,fieldset,textarea,p,blockquote,th {
    margin: 0;
    padding: 0;
    vertical-align: top;
}

html { }
body {  font-size: 93.8%; /* 93.8% */ /* 100.01%; 93.8%; 87.5%; */
		text-align: center;
		color: #111;
		background: #fff; /* #eee */
		font-family: verdana, sans-serif;
}

/*
page:   <div> header middle footer
middle: <td>  index main
main:   <td>  content [ meta ]
*/

#page {
	clear: both;
	display: block;
	position: relative;
	overflow: visible;
	
	text-align: left;
	padding: 0;
	margin: 0;
		
	font-size: 1em;
	line-height: 1.5em;
	max-width: 100%;
	min-width: 728px;
	
	/* center page inside body */
	/*	width: 981px;*/

	/*width: 100%;*/

	/*	background-color: #eee;*/
	
		width: 70em;
	width: 981px;
	margin: 0 auto 2em auto;

}

#header {
	clear: both;
	display: block;
	position: relative;
	overflow: visible;
		
	width: 100%;
	font-size: 1.1em;
	line-height: 1.5em;
	margin:0;
	
	border-bottom: 1px solid #ddd;
		
	/*white-space: nowrap; */
	background-color: #f0f0f0;
	
	background-color: #fff;
	font-size: 1.1em;
	
	background-color:#f0f0f0;
	/* gecko based browsers */
	/*background: -moz-linear-gradient(top, #eee, #ccc 45%);*/

	/* webkit based browsers */
	/* background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ddd)); */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(.4, #eee), color-stop(1, #ddd));

	color: #000000; /* text colour (black) */
	height: auto; /* gradient uses the full height of the element */
	border-bottom: 1px solid #bbb;

}

#header .gradient { 
	background-color:#f0f0f0;
	/* gecko based browsers */
	/*background: -moz-linear-gradient(top, #eee, #ccc 45%);*/

	/* webkit based browsers */
	/* background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ddd)); */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(.4, #eee), color-stop(1, #ddd));

	color: #000000; /* text colour (black) */
	height: auto; /* gradient uses the full height of the element */
	border-bottom: 1px solid #bbb;
}

/*#header a {color:white;}*/

#middle {
	clear: both;
	display: block;
	position: relative;
	overflow: visible;
	
	/*	width: 981px;*/
	/*width: 70em;*/
	/*margin: 0 auto 2em auto;*/
	

	
}
	
/* footer is outside the page div */
#footer {
	clear: both;
	display: block;
	position: relative;
	
	font-size: .8em;
	margin: 3em auto 2em auto;

	text-align: center;
	line-height: 1.4em;
	color: #444;
}
#footer .ahide 			{ color: #444; }
#footer .ahide:visited 	{ color: #444; }
#footer .ahide:hover	{ color: #00c; }
	
#index {
	width: 16em;
	min-width: 16em;
	max-width: 16em;
	/* in pixels for font-size */
	padding: 30px 0 0 0;
		
	font-size: .9em;
	text-align: left;
	
/*	background-color:#ddd;*/
}

/*#index .links			{ display: block; padding: 0 0 0 .5em; font-size: 1em; line-height: 1.3em; }
#index .linkGroup		{ display: block; padding: 1em 0 1em 1em; border-top: 1px solid #EEE; }
#index .linkGroup:first-child	
						{ display: block; padding: 0 0 1em 1em; border:none; }
#index .link         	{ display: block; padding-top: .8em; padding-left: 1em;}
#index .linkSelected 	{ display: block; padding-top: .8em; padding-left: 1em; font-weight: bold; }
#index .linkFlush		{ display: block; padding-top: .8em; }
#index .count 			{ font-size: .9em; color: #aaa;}
#index dfn				{ font-style:normal; font-weight:bold; padding-left:2px; padding-right:.3em; position:relative; top:-.12em}*/

#index .links			{ display: block; padding: 0; font-size: 1em; line-height: 1.3em; }


#index .linkGroup				{ display: block; margin: .4em 1em .4em 1.4em; padding: .4em .4em; }
#index .linkGroup               { border-top: 1px solid #eee; }
#index .linkGroup:first-child 	{ display: block; margin: .4em 1em .4em 1.4em; padding: 0 .4em .4em; border:none; }

/*#index .linkGroup:first-child  	{ display: block; margin: 0 1em; padding: 0 .5em .6em; border:none; }*/

/* #index .link         	{ display: block; padding-top: .8em;} */
#index .linkHeader		{ display: block; padding: .3em 0 .3em; color:#666; font-size: 1.2em;}
/*#index .linkHeader      { display: block; color:#222; font-size: 1.3em; line-height: 1.4em; }*/
/*#index .linkHeader      { display: none; }*/

#index .link         	{ display: block; padding: .3em 0; }
#index .linkSelected 	{ display: block; padding: .3em 0; font-weight: bold; }
#index .linkFlush		{ display: block; padding: .3em 0; }
#index .count 			{ font-size: .9em; color:#888;}

/*
#index .links			       { display: block; padding: 0; font-size: 1em; line-height: 1.3em; }
#index .linkGroup		       { display: block; padding: 1em .5em 1em; border-top: 1px solid #EEE; }
#index .linkGroup:first-child  { display: block; padding: 0 .5em 1em; border:none; }

#index .link         	{ display: block; padding-top:.4em; padding-bottom:.4em; }
#index .linkSelected 	{ display: block; padding-top:.4em; padding-bottom:.4em; font-weight: bold; color:#333;}
#index .link:first-child { margin-top: 0;}
#index .linkSelected:first-child { margin-top: 0;}

#index .linkFlush		{ display: block; padding-top:.4em; padding-bottom:.4em; }

#index dfn				{ font-style:normal; font-weight:bold; padding-left:2px; padding-right:.3em; position:relative; top:-.12em}*/


#main {
	/* in pixels for font-size */
	padding: 30px 1em 0;
	
	font-size: 1em;
	text-align: left;

	
	border-left: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	border-right: 1px solid #ddd;
	
/*	background-color:#ccc;*/
}

#content {

}

#meta {
	font-size: .9em;
	padding: 0 0 0 4em;
	text-align: left;
	max-width: 25em;
}

#meta.bordered {

}

#navigation { 
	clear: both; 
    padding: 0; 
	margin: 1em auto;
    text-align: center;
    font-size: 1em;
/*	font-weight: bold;*/
}
#navigation table td {
	padding: .5em;
	text-align: center;
}

/* debug is inside the page div */
#debug {
	clear: both;
	display: block;
	width: 100%;
}



/* anchors */

a					{ color: #00c; text-decoration: none; } /* text-decoration: underline */			
a:hover 			{ color: #00c; }
a:visited 			{ color: #00c; }

/* remove dotted outlines in firefox */
a:active, a:focus 	{ outline: 0; } 

/* anchors that show only when mouse hovers */
a.ahide 			{ color: #111; }
a.ahide:visited 	{ color: #111; }
a.ahide:hover		{ color: #00c; }

/* show visited anchors in big tocs */
#tocTree a:visited 	{ color: rgb(85, 26, 139); } 
#tocTree a:visited 	{ color: #00c; } 				

/* no border for images */
a img 				{ border: 0; }

/* external links */
a.external			{ background: url('/Icons/external.png') center right no-repeat; padding: 0 13px 0 0; }


/* headers */

h1 {
	clear: both;
	
	/*margin: .4em 0px .8em;
	font-size: 2.5em; */
	
	margin: 0 0 .8em;
	font-size: 2.2em; 
	
	font-weight: bold; 
/*	letter-spacing: -1px; */
	line-height: 1em;
	font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
	
}
h2 {
	clear: both;
	
	/*margin: 1.5em 0px .8em;
	font-size: 1.8em; */
	
	margin: 1.5em 0px .8em;
	font-size: 1.5em; 
	
	font-weight: bold; 
/*	letter-spacing: -1px; */
	line-height: 1.2em;
	font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
	
}
h3 {
	clear: both;
	margin: 1em 0px .5em;
	font-size: 1.2em;
	font-weight: bold;
	line-height: 1.4em;
}
h4 {
	clear: both;
	margin: 1em 0px .5em;
	font-size: 1em;
	font-weight: bold;
	letter-spacing: 1px;
	line-height: 1.4em;
}

/* titles */

#title {
	clear: both;
	width: 100%;
	text-align: left;
}

#title h1 {
	clear: both;
	margin: 0 0 1em;
	font-size: 2em; 
	font-weight: bold; 
	letter-spacing: 0px; 
	color: #333333; 
	line-height: 1em;
}

/* paragraph (spacing after) */

p {
	margin: 0 0 1em 0;
	text-indent: 0em;
	font-size: 1em;
	line-height: 1.5em;
}

.text {
	max-width: 40em;
	margin-bottom: 2em;

/*
	text-wrap: normal;
	word-wrap: break-word;
	word-break: normal;
*/

}

/* utility */

.red 			{ color: red;}
.nobr 			{ white-space: nowrap; }
.invisible		{ display:none;}
.centered 		{ width: 100%; text-align: center; margin: 0 auto; }
blockquote   	{ margin: 1em 4em; }
hr 				{ margin: 1em 0px; }
.publication 	{ margin: 3em 0em; }
.contact 		{ margin: 3em 0em; display: none; }
.code       	{ margin: 0 0 1em 0; background-color: #ddd; text-indent: 0em; font-size: 1em; line-height: 1.5em; }


/* images */

/* auto sizing images */
/* NB: if you set width/height on an image with max-width, it will squish on resize */
img.inline { 
	clear: both;
	margin: 0;
	max-width: 100%; /* width: 100% here for ie ? */
}

/* centered image div with optional caption */
.image 	{ 
	width: 100%; 
	text-align: center; 
	margin: 2em auto; 
}	
.licon {
	clear: both;
	float: left;
	width: 125px;
	text-align: center;
	margin: .3em 1.5em 0 0;
}

.licon2 {
	clear: both;
	width: 125px;
	padding: .2em 1.5em 0 0;
}


.ricon {
	clear: both;
	width: 125px;
	margin: 0 auto 1.5em;
	text-align:right;
}
.thumb {
	clear: both;
	width: 220px;
	margin: 1.5em auto 0;
	text-align:center;
}
.caption {
	clear: both;
	font-size: .9em;
	text-align: center;
	display: block;
	margin: .5em auto;
}
.image .caption 	{ margin: .5em 4em; }

/* icon table */
.it { 
	position: relative;
	float: left;
	height: 180px;
}
.itt { /* background: #bdbdbd; */ }
.itc { padding:0; margin: 0; font-size: 90%; }



/* list result */

.r { max-width: 40em; padding-right:1.5em;}

h2.rl {
		clear: both;
		display: inline;
		margin: 0;
		font-size: 1.1em; 
		font-weight: normal; 
		line-height: 1.4em;
		letter-spacing: 0px;
}
.result { clear: both; padding: 0; margin-top: 0; margin-bottom: 2em; } 
.rp { font-size: 1em; padding: 0; margin: 0; margin-top: .2em; line-height: 1.4em; }



/* map result */
/* 387-522 */

/*#map { width: 522px; height: 400px; margin: 2em auto; } */
/*#map { width: 600px; height: 400px; margin: 2em auto; }*/
#map { width: 522px; width: 100%; height: 400px; margin: 2em auto; } /* 387-522 */

.guideInfoWindow { width: 20em; height: 2em; overflow: auto; padding: 1.5em 0px; margin: 0; text-align: center; }
.guideInfoWindowCluster { width: 20em; height: 6em; overflow: auto; padding: 1.5em 0px; margin: 0; text-align: center; }
.mapInfoWindow { width: 20em; height: 4em; overflow: auto; padding: .5em 1em; margin: 0; text-align: center; }
.mapInfoWindowCluster { width: 20em; height: 6em; overflow: auto; padding: .5em 1em; margin: 0; text-align: left; }
.mapInfoWindowTitle { }
.mapInfoWindowName { font-weight: bold; }



/* google style search box */

.lst-td {
	padding-right: 16px;
}
.lsb {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent no-repeat scroll 0 0;
overflow:hidden;
}
.lst {
-webkit-appearance:none;
-webkit-border-radius:0; /* for ipad */
border-color:#CCCCCC #CCCCCC;
border-style:solid;
border-width:1px;
height:26px;
padding:4px 0 0;
}
.lst {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
-moz-box-sizing:content-box;
-x-system-font:none;
background:#FFFFFF none repeat scroll 0 0;
color:#000000;
float:left;
font-family:arial,sans-serif;
font-size:18px;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:normal;
line-height:normal;
padding-left:6px;
padding-right:10px;
vertical-align:top;
width:100%;
}
.lst:focus {
outline-color:-moz-use-text-color;
outline-style:none;
outline-width:medium;
}
.ds {
border-right:1px solid #E7E7E7;
height:32px;
position:relative;
z-index:100;
}
.lsbb {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:#EEEEEE none repeat scroll 0 0;
border-color:#CCCCCC #999999 #999999 #CCCCCC;
border-style:solid;
border-width:1px;
height:30px;
}
.lsb {
-x-system-font:none;
background-position:center bottom;
border:medium none;
color:#000000;
cursor:pointer;
font-family:arial,sans-serif;
font-size:15px;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:normal;
height:30px;
line-height:normal;
margin:0;
vertical-align:top;
}
.lsb:active {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:#CCCCCC none repeat scroll 0 0;
}