html {overflow: hidden;}
  

body {
	font-family:"Gill Sans MT"; /*  "Lucidia Sans",,"Century Gothic","Dustismo","Arial", Tahoma, Helvetica, "Helvetica Neue", Arial, sans-serif*/
	color:#333;
	font-size:13px;
	line-height:1.1em;
	margin:0;
	padding:0;
	background-color:#666;
	background:url(images/background5.jpg) no-repeat #777;
	background-position: center top;
}
/*ADD SETTING TO TURN OFF BACKGROUND-COLOR FOR PRINTING */
textarea {font-family:"Gill Sans MT","Century Gothic","Dustismo","Arial"; /*, Tahoma, Helvetica, "Helvetica Neue", Arial, sans-serif*/}
del {color:red}
a {text-decoration:none;color:blue}
p {margin:.4em .3em .4em .3em;line-height:1.3em}
p:last-child {padding-bottom:.4em}
p.center {text-align:center}

span.boxLink {color:blue;cursor:pointer}
#container {position:fixed;background-position:center center;background-image:url(images/spacer.gif)}

#barAcross {position:absolute;height:40px;left:0;right:0;background-color:blue;opacity:0; filter:alpha(opacity=0);}
#barDown {position:absolute;width:40px;top:0;bottom:0;background-color:blue;opacity:0; filter:alpha(opacity=0);}

#borderLeft,#borderRight,#borderTop,#borderBottom {
position:fixed;
background-color:lightgreen;
opacity:.2;
filter:alpha(opacity=20);
cursor:pointer;
z-index:90;
}
#borderLeft:hover, #borderRight:hover, #borderTop:hover, #borderBottom:hover {
	opacity:0.7;
	filter:alpha(opacity=70);
}

#borderLeft {left:0;width:15px;top:0;bottom:0}
#borderRight {right:0;width:15px;top:0;bottom:0}
#borderTop {top:0;height:15px;left:0;right:0}
#borderBottom {bottom:0;height:15px;left:0;right:0;text-align:right;color:black;padding-right:20px}

#mapLink,#viewLink,#helpLink,#crumbLink,#settingsLink {
	background-color:lightgreen;
	text-align:center;
	height:15px;
	padding:3px;
	-moz-border-radius: 4px;
	-webkit-border-radius:4px;
	/*display:inline-block; IE doesn't accept this*/
	display:inline;
	margin-left:10px;
}
#mapLink, #viewLink, #helpLink, #settingsLink {cursor:pointer;padding-left:10px;padding-right:10px;}

#boxHelp {bottom:25px;left:20px;z-index:500;position:fixed;display:none;background-color:silver}
#boxSettings {bottom:25px;right:20px;z-index:500;position:fixed;display:none;background-color:silver}
.fixed .boxTitle{cursor:default}

#panelTop{left:0px;top:0px;padding:3px;position:fixed;z-index:100;}
	#crumbLink {width:auto;text-align:left;padding-left:10px;padding-right:10px;position:relative}
	.navLink {cursor:pointer;}
	.link:hover,span.navLink:hover {color:orange}

#panelBottom {left:0;bottom:0;padding:3px;height:20px;width:300px;position:fixed;z-index:100}



#crosshairs {position:absolute; 
	border:5px solid orange;
	width:204px;height:184px;
	-moz-border-radius: 4px;
	-webkit-border-radius:4px;
	visibility:hidden;
}
.box:hover {border:1px solid red}
.box {position:absolute;
	visibility:hidden;
	cursor:default;
	color:#222;
	border:1px dotted silver; /*#cccc33;*/
	width:200px;
	height:180px;
	padding:3px;
	z-index:1;
	-moz-border-radius: 4px;
	-webkit-border-radius:4px;
	background-repeat: no-repeat;
	background-position: left top;
	background-color:transparent;
	/*--moz-border-radius-topleft:4px;-webkit-border-top-left-radius:4px;-moz-border-radius-topright:4px;-webkit-border-top-right-radius:4px*/
}
.box.boxWide {width:416px}
.box.boxTall {min-height:380px;height:auto}
.box.boxWide.boxTall > .boxContent {padding:20px 20px 20px 25px}

.box > .boxTitle {
	/*font-family:"Century Gothic";*/
	z-index:80;
	position:absolute;
	cursor:pointer;
	color:#22c;
	text-align:center;
	padding:3px 10px 3px 10px;
	left:3px; top:3px;right:3px;bottom:auto;

	font-weight:bold;
	font-size:1.2em;
	background-color:#ccff99;;/*#ccff99;*/
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	opacity: .8;
	filter:alpha(opacity=80);
}


.boxTop > .boxTitle {bottom:3px;top:auto}
/*.depth1.boxLeft > .boxTitle {text-align:left}
.depth1.boxRight > .boxTitle {text-align:right}
*/

.boxContent,.boxContentLeft {position:absolute;
	display:block;
	overflow:auto;
	z-index:10;
	top:3px;
	bottom:3px;
	left:3px;
	right:3px;
	padding:7px;
	text-align:left;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	background-color:#ddeebb;/* ddeeaa #ccff99;*/
}
.boxContentLeft{width:182px;
	right:auto;
	padding:10px;
	top:auto;
	opacity: 0; /*initial value */
	filter:alpha(opacity=0);
}

/*.depth1 .boxContent {display:none}*/
.boxTitle + .boxContent,.boxTitle + .boxContentLeft {top:28px}

.boxTop > .boxTitle +  .boxContent {top:3px;bottom:28px}

.boxSplit > .boxTitle {width:182px;right:auto}
.boxSplit > .boxContent {width:194px;top:3px;right:3px;left:auto}

.boxUp {position:absolute;right:0px;z-index:100;padding:0 3px 0 3px;width:17px;height:14px;cursor:pointer;display:none;
top:3px;
}
.boxUp.iconUp {background:url(images/iconUp.gif) no-repeat center}
.boxUp.iconDown {background:url(images/iconDown.gif) no-repeat center}
.boxUp.iconLeft {background:url(images/iconLeft.gif) no-repeat center}
.boxUp.iconRight {background:url(images/iconRight.gif) no-repeat center}

.homeBox {border:1px solid transparent;
	background-color:transparent;
	z-index:20;
	font-size:1.2em;
	text-align:center;
	opacity: .8; /*initial value */
	filter:alpha(opacity=80);
}
/*.homeBox:hover {background-color:#ddff99}*/
.homeTitle {text-align:center;font-weight:bold;font-size:16px;margin:0}



.depth1 {}
.depth1:hover {}/*background-color:#ffcc66*/

.presentation {margin-top:15px;font-weight:bold;margin-bottom:2px}
ul.tight {margin:.2em .2em .2em 0;padding-left:1.3em;}
ul.tight > li {margin-bottom:.2em}
li {margin-bottom:1.1em}

.boxContent.portfolio {
	padding:3px;
	text-align:center;
	top:auto;
	opacity: 0; /*initial value */
	filter:alpha(opacity=0);
}

.portfolio a {clear:both;font-weight:normal;word-wrap:white-space}

#menu {
	background-color:green;
	z-index:400;
	position:absolute;
	top:-100px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
}

#menu table td {
	text-align:center;
	background-color:lightgreen;
	margin:3px;
	border:1px solid green;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	width:40px;
	height:20px;
}
.bottom {text-align:bottom;bottom:3px;top:;height:auto;background-color:lightgreen}

#menu table td:hover {background-color:#ffcc66;font-weight:bold }

#tableMonteHall {background-color:#f0f0f0;border:1px solid green;text-align:center;	-moz-border-radius: 4px;
	-webkit-border-radius:4px;}
#tableMonteHall th {font-weight:bold}
.monteHallDoor {cursor:pointer;background:URL(images/monte-hall-goat.jpg) no-repeat center}

/* rounded buttons */
button {
	position:relative;
	border:none;
	margin:0;
	padding:0 10px 0 0; 
	cursor:pointer; 
	cursor:hand; 
	line-height:27px;
	height:27px;
	background:url(images/button.gif) no-repeat right top; 

	overflow: visible; /* removes extra side padding in IE */

}

button::-moz-focus-inner {
	border: none;  /* overrides extra padding in Firefox */
}

button span { 
	position:relative;
	left:-2px;/*Not sure why have to do this for firefox!*/
	_left:0;
	white-space: nowrap;
	line-height:27px;
	height:27px;
	background:url(images/button.gif) no-repeat left top; 
	display:block;
	padding:0 0 0 10px;
}


@media screen and (-webkit-min-device-pixel-ratio:0) {
	/* Safari and Google Chrome only - fix margins */
	button span {margin-top: -1px;}
}


button:hover {background-position:right -155px;}
button:hover span {background-position:left -155px;}

.grid10x10 {background-color:black;}
.grid10x10 td {width:19px;height:19px;
	background-color:white;
	border:0;/*DON'T PUT BORDER >0 IN HERE; its inside td, not between cells*/
	font-face:arial;
	font-size:10px;
	text-align:center;
	vertical-align:center;
}
.grid10x10 td.selected {background-color:silver;}

.tableTopAlign td {vertical-align:top}