body {
		background-color: #fff;  
/*		margin-top: 0px;  */  /* Need to eliminate whitespace above the page at open  */
		font-size: 88%;
		}

#page { /*centers the enclosing class 'page' of div selector */
		width: 880px;  /* add 20 pixels if you want shadows */ 
		height: 580px;
		margin-left: auto; 
		margin-right: auto;
		}

#masthead {
		position: relative; height: 70px; 
		background-image: url(images/masthead-v19.jpg); }

#menu {
		position: relative; height: 35px; z-index: 100;
		background-image: url(images/menu-background-v2.GIF); }

#mainwindow {
		position: relative; height: 320px; z-index: 1; 
		color: #efefef;
		font-size: 3em; 
		text-align: center; 
		font-family: impact; 
		background-image: url(images/ConfHome-v4i.jpg); }

#mainwindow2 {
		position: relative; height: auto; z-index: 1; 
		color: #efefef;
		font-size: 3em; 
		text-align: center; 
		font-family: impact; 
}

#mainwindow3 {
		position: relative; height: 320px; z-index: 1; 
		color: #efefef;
		font-size: 3em; 
		text-align: center; 
		font-family: impact; 
		background-image: url(images/ConfHome-v4i-nobuttons.jpg); }

#mainwindow4 {
		position: relative; height: auto; z-index: 1; 
		color: #efefef;
		font-size: 3em; 
		font-family: Arial; }


.bodytitle {
		font-family: impact; 
		font-style: none;
		text-shadow: #ccc 0.1em 0.1em; 
		font-size: 1.5em; 
		color: #808080; }
		
.bodytext {
	font-family: arial;
	font-size: 14pt;
	color: #333;
}
		
.bodyspacer {
		padding-top: 3em; }

#mainwindow a {
		color: #efefef; 
		text-decoration: none;  }

#tabmenu {
		position: relative; height: 150px; }

/* two columns in tab menu pages */
#tabbox	 { 
		position: absolute; 
		height: 126px; width: 375px; padding-top: 40px;}

#tabbox p {
	font-family: verdana, arial, sans serif; font-size:0.7em; }

#tabbox h3 {
	line-height:0em; color:#66a; font-size:0.9em; font-weight:normal; padding-top: 15px; 
	font-family: verdana, arial, sans serif; }
		
.tabboxl {
		padding-left: 3em; }
.tabboxr { 
		left: 360px; padding-left: 1.3em; }

#footer {
		position: relative; height: 25px; font-size: 0.7em; 
		background-image: url(images/CADERfooter-v5.GIF); text-align: center;}
		
#footer a {color: #ddd;}

/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/drop_examples.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the assocaited (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
/* commom style for all browsers */

.cadermenu {
text-align:left; font-family: verdana, sans-serif; position:relative; font-size:0.8em; 
height:35px; width: 880px; margin:0; padding:0; list-style-type:none;
}
.cadermenu ul {
padding:0; margin:0; list-style-type:none; /* for Firefox */
}
.cadermenu li {
float:left; position:relative;
}
.cadermenu li a, .cadermenu li a:visited {
display:block; text-decoration:none; width:auto; color:#000; float:left; padding: 0em 1.8em 0em 1.3em; 
text-align: center;  height:35px; line-height:35px; 
/* border-left:1px solid #000; border-right: 1px solid #eee;  */ /* attempt at menu bars */
color:#ddd; 
}
* html .cadermenu li a, .cadermenu li a:visited {
width:7em; w\idth:6em; /* hack for IE5.5 */
}

.cadermenu li ul {
visibility:hidden; position:absolute; top:70px; left:0; height:0; overflow:hidden;
}
.cadermenu table {
margin:-1px; border-collapse:collapse; font-size:1em; /* font size for IE5.5 */
}

/* first line style for IE7 and non-IE browsers and the second line for IE5.5 and IE6 */
.cadermenu li:hover a,
.cadermenu li a:hover {
background: #00595d; color: #ddd; border:0; 
}
.cadermenu :hover ul li:hover > a {
background: #00595d; color: #ddd; border:0; 
}

.cadermenu li:hover ul,
.cadermenu li a:hover ul {
visibility:visible; height:auto; width:; background:#ddd;  text-align: left;
border-top: 0px solid #888;
border-right:1px solid #888;
border-bottom:1px solid #888;
border-left:1px solid #888;
left:0; top:35px; overflow:visible; 
}
.cadermenu li:hover ul li a,
.cadermenu li a:hover ul li a {
display:block; font-weight:normal; background: #ddd; text-decoration:none; text-align: left; 
height:auto; line-height: 20px; padding:0.5em; width:9.5em; color: #6a6a6a; 
}
* html .cadermenu li a:hover ul li a {
width:10em; w\idth:9em; /* hack for IE5.5 */
}

.cadermenu li a:hover ul li a ul {
visibility:hidden; position:absolute; top:0; left:9.5em; height:0; overflow:hidden;  
border-top: 1px solid #888; 
}
.cadermenu li:hover ul li ul {
visibility:hidden; position:absolute; top:0; left:10.1em; height:0; overflow:hidden;  
border-top: 1px solid #888; 
}

.cadermenu li:hover ul li a:hover,
.cadermenu li a:hover ul li a:hover {
background: #00595d; color: #ddd;
}
.cadermenu li:hover ul li:hover ul,
.cadermenu li a:hover ul li a:hover ul {
visibility:visible; color:#000; height:auto; background:#ddd; width:9.5em; 
} 
.cadermenu li:hover ul li:hover ul.left,
.cadermenu li a:hover ul li a:hover ul.left {
left:-9.3em; 
}
.cadermenu li:hover ul li:hover ul li a,
.cadermenu li a:hover ul li a:hover ul li a {
display:block; height:auto; 
}
.cadermenu li:hover ul li:hover ul li:hover a,
.cadermenu li a:hover ul li a:hover ul li a:hover {}

/* end cadermenu style */

/* begin tabmenu */

/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/page_menu2.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */

#hoverpage {width:880px; height:150px;  background:#fff; 
	position:relative; z-index:500; overflow:hidden; text-align:left;}

#hoverpage table {border-collapse:collapse; margin:-1px;}

#hoverpage ul#outer {background:transparent; padding:0; margin:0; list-style:none; }

#hoverpage ul#outer li.page {display:inline;} /* needed for IE to function correctly */

#hoverpage ul#outer li.page a.menuitem {text-decoration:none;}

#hoverpage ul#outer li.page i {
	position:absolute; display:block; height:25px; float: left; top: 18px; font-size: 0.7em; 
	background:transparent; cursor:default; z-index:100; font-family: verdana, sans serif;
	text-decoration:none; color:#ccc; font-style:normal; cursor:pointer; }

#hoverpage ul#outer li.p1 i {left:56px;}
#hoverpage ul#outer li.p2 i {left:215px;}
#hoverpage ul#outer li.p3 i {left:370px;}
#hoverpage ul#outer li.p4 i {left:550px;}
#hoverpage ul#outer li.p5 i {left:720px;}


#hoverpage ul#outer li.page div {
	display:block; width:880px; height:150px; padding:0px; font-weight:normal; 
	color:#444; }
#hoverpage ul#outer li.p1 div {background:#fff url(images/1_tabmenu-v7.jpg);}
#hoverpage ul#outer li.p2 div {background:#fff url(images/2_tabmenu-v7.jpg);}
#hoverpage ul#outer li.p3 div {background:#fff url(images/3_tabmenu-v7.jpg);}
#hoverpage ul#outer li.p4 div {background:#fff url(images/4_tabmenu-v7.jpg);}
#hoverpage ul#outer li.p5 div {background:#fff url(images/5_tabmenu-v7.jpg);}

#hoverpage ul#outer li.page div a:hover {text-decoration:none;}

#hoverpage ul#outer li.page a.menuitem:hover {white-space:normal;} /* for IE6 */

#hoverpage ul#outer :hover div {position:absolute; left:0; top:0;}
#hoverpage ul#outer a:hover i {color:#338; font-weight:bold;} /* for IE6 */
#hoverpage ul#outer :hover a i,
#hoverpage ul#outer :hover a:visited i
{color:#338; font-weight:bold;}

#hoverpage ul#outer li.p1 a i {font-weight:bold;}

#hoverpage ul#outer div ul li {
	line-height:12px; font-family: verdana, sans serif; font-size:0.67em; color:#256; list-style-type:square;}
#hoverpage ul#outer div ul li a,
#hoverpage ul#outer div ul li a:visited  {
	line-height:12px; font-size:1em; font-family: verdana, sans serif; color:#0aa;}

/* end tabmenu */