/* CSS Document */
html {
height:100%; 
max-height:100%;  
padding:0; 
margin:0; 
border:0; 
font-size:76%; 
font-family: trebuchet ms, tahoma, verdana, arial, sans-serif; 
background:#fff url(../clown.jpg) -18px 0 no-repeat; 
/* hide overflow:hidden from IE5/Mac */ 
/* \*/ 
overflow: hidden; 
/* */ }

body {
	height:100%;
	max-height:100%;
	overflow:hidden;
	padding:0;
	margin:0;
	border:0;
}
#content {
	display:block;
	height:100%;
	max-height:100%;
	overflow:auto;
	padding-left:210px;
	position:relative;
	z-index:3;
	padding-right: 10px;
	background-repeat: no-repeat;
	background-position: right top;
}
#head {
	position:fixed;
	margin:0;
	top:0;
	right:18px;
	display:block;
	width:100%;
	height:100px;
	font-size:3em;
	z-index:5;
	color:#fff;
	background-color: #0EBCBF;
	background-image: url(../images/toptest.png);
	background-repeat: repeat-x;
	background-position: left;
}
#foot {
	position:fixed;
	margin:0;
	bottom:-1px;
	right:18px;
	display:block;
	width:100%;
	height:50px;
	color:#fff;
	text-align:right;
	font-size:1em;
	z-index:4;
	background-color: #0EBCBF;
}

#left {
	position:fixed;
	left:0;
	top:0;
	height:100%;
	width:200px;
	background-position:0 100px;
	;
	font-size:1em;
	color:#fff;
	z-index:4;
	background-color: #0EBBBE;
	background-image: url(../sideclown.jpg);
}

* html #head, * html #foot,* html #left {position:absolute;}

#pad1 {
	display:block;
	width:18px;
	height:100px;
	float:left;
	background-color: #CCCCFF;
}
#pad3 {display:block; width:18px; height:50px; float:left;}
.pad2 {
	display:block;
	height:100px;
}

#content p {
	padding:5px;
}

.bold {font-size:1.2em; font-weight:bold;}

#wordsleft {float:left; top:100px; left:150px; height:200px; width:150px; background:#efd; border:1px solid #000; margin:5px; padding:5px;}
#wordsright {float:right; top:100px; right:150px; height:200px; width:150px; background:#def; border:1px solid #000; margin:5px; padding:5px;}
#wordsabsolute {position:absolute; top:280px; left:400px; background:#eee; border:1px solid #000; margin:5px; padding:5px; font-size:2em; color:#c00;}
#wordsrelative {position:relative; top:10px; left:30px; background:#ddd; border:1px solid #000; margin:5px; padding:5px; font-size:2em; color:#c00; width:200px;}

a.nav, a.nav:visited {display:block; width:110px; height:25px; text-decoration:none; color:#fff; font-weight:bold; line-height:25px;}
a.nav:hover {color:#fc0;}

/*Navigation Links*/

a.nav, a.nav:visited {
	display:block;
	width:120px;
	height:25px;
	text-decoration:none;
	color:#fff;
	font-weight:bold;
	line-height:25px;
	background-color: #0EBBBE;
	padding-left: 0px;
	font-size: 80%;
}
a.nav:hover {color:#FFFFFF;}

/* This is the beginning of a group of rules that apply functionality to the navigation bar. */
#navigation a{
	display:block;
	width:190px;
	height:25px;
	margin-top:0px;
	text-align:left;
	text-decoration:none;
	color:#FFFFFF;
	overflow:hidden;
	background-color: #0EBBBE;
	padding-left: 10px;
	/*	font-family: Verdana, Arial, Helvetica, sans-serif;
*/
	font-size: 12px;
	text-indent: 30px;
}

#navigation a:hover {
	color:#FFFFFF;
	background-color: #CC0033;
}

#ch0 .nav0, #ch1 .nav1, #ch2 .nav2, #ch3 .nav3, #ch4 .nav4, #ch5 .nav5, #ch6 .nav6, #ch7 .nav7, #ch8 .nav8, #ch9 .nav9, #ch10 .nav10, #ch11 .nav11, #ch12 .nav12, #ch13 .nav13, #ch14 .nav14, #ch15 .nav15, #ch16 .nav16, #ch17 .nav17, #ch18 .nav18, #ch19 .nav19, #ch20 .nav20, #ch21 .nav21, #ch22 .nav22, #ch23 .nav23, #ch24 .nav24, #ch25 .nav25, #ch26 .nav26, #ch27 .nav27, #ch28 .nav28, #ch29 .nav29, #ch30 .nav30, #ch31 .nav31, #ch32 .nav32, #ch33 .nav33, #ch34 .nav34, #ch35 .nav35, #ch36 .nav36, #ch37 .nav37, #ch38 .nav38, #ch39 .nav39, #ch40 .nav40, #ch41 .nav41, #ch42 .nav42, #ch43 .nav43, #ch44 .nav44, #ch45 .nav45, #ch46 .nav46{
color:#fff; background:#a95db5;}
/* End of rules needed for navigation. */


/*                                      Used for popups on link hovers                          */
a.screen:link {
	color: #0EBCBF;
	text-decoration: none;
}
a.screen, a.screen:visited {
color:#0EBCBF; 
text-decoration: none;
position:relative; 
z-index:1;
}
a.screen b {
position:absolute;
visibility:hidden; /* hide the image */
width:150px; /* give it a width */
height:0; /* no height to solve an Opera bug that makes it selectable when hidden */
left:0; /* position:the image */
top:-200px;
top:20px;
}

a.screen:hover {
	text-decoration:none;
	border:0; /* needed for this to work in IE */
	z-index:1000;
	color: #FF0000;
}
a.screen:hover b {
visibility:visible; /* make the image visible */
height:150px; /* now give it a height */
cursor:pointer; /* for IE */
z-index:500; 
}
a.screen:hover b img {
border:0; /* remove the link border */
}
p.divider {
	background-image: url(../images2/workshop-divider.jpg);
	background-repeat: no-repeat;
	background-position: left;
	height: 30px;
}