/*----- default definitions -----*/
* { margin: 0; padding: 0; }

body { 
	margin: 0 auto;
	max-width: 900px;
	font-family: "Lucida Sans Unicode", Arial, Helvetica, sans-serif; 
	font-size: 14px;
	background: white url(gfx_pgbgd.jpg) top left repeat-x;
	line-height: 1.4;
	}

p {	padding: 0.5em 0; }
h1 { font-size: 150%; padding: 1em 0 0.5em 0; }
h2 { font-size: 125%; padding: 1em 0 0.5em 0; }
h3 { font-size: 100%; padding: 1em 0 0.5em 0; }

.tiny {	font-size: 90%; }
.big { font-size: bigger; }
.dblue{ color: rgb(35,135,235); }
.left { text-align: left; }
.right { text-align: right; }
.center { text-align: center; }
.flright { float: right; }
.top { clear: both; float: right; font-size: 80%; }
.top img { border: 0; margin-top: 22px; }
.indent1 { margin: 2em 8em; padding: 2em 5em; border: 1px solid rgb(210,220,230); }

a:link { color:rgb(35,135,235); text-decoration:underline; }
a:visited { color:rgb(15,85,185); text-decoration:underline; }
a:active { color:rgb(0,200,50); text-decoration:none; }
a:hover { color:rgb(235,135,35); text-decoration:none; }

ul { padding-left: 2em; }
li { padding-left: 1em; }
hr { margin: 1em 0; border: 0; border-bottom: 1px solid rgb(230,240,250); }
hr.line { margin: 2em 0; border-bottom: 1px solid rgb(230,240,250); }

/*----- page section definitions in order of appearance from top to bottom -----*/
div#logo { height: 110px; background: url(gfx_logo.jpg) top center no-repeat; }
div.menu, div.submenu { clear:both; margin: 0.2em auto; text-align: center; }
div.submenu { font-size: 90%; }
div#pagebgd { clear: both; background: url(gfx_ui.jpg) bottom left no-repeat; }
div#container {
	clear: both;
	margin: 1em 0;
	padding: 1em 4em 1em 2em;
	border-top: 1px solid rgb(230,240,250);
	border-bottom: 1px solid rgb(230,240,250);
	overflow: hidden;
	}

div.lcol { float: left; width: 20%; }
div.rcol { float: right; width: 78%; }

div#footer {
	clear: both;
	margin: 2em 0;
	padding: 0.5em 0;
	font-size: 80%;
	color: rgb(140,150,160);
	}

.box { display: block; clear: both; }

.imgbox {
	float: right;
	margin: 0 0 1em 1em;
	padding: 0.5em 0.5em 0.5em 1em;
	border: 1px solid rgb(210,220,230);
	overflow: auto;
	}
.imgbox ul { padding: 0; margin: 0; }
.imgbox li {
	clear: both;
	list-style: none;
	width: 8em;
	float: left;
	margin: 0.5em 0;
	padding: 0.5em 0.5em 0.5em 48px;
	font-size: 90%;
	text-align: left;
	background: url(gfx_jigsaw.jpg) 0px 3px no-repeat;
	}
.imgbox li:hover, .imgbox li.selected { background: url(gfx_jigsawh.jpg) 0px 3px no-repeat; }
.imgbox li:hover a { color: rgb(235,135,35); text-decoration:none; }
	

table {	margin: 0 2em; border-spacing: 1em; }
tr { padding: 1em; border: 1px solid rgb(150,160,170); }
td { background: rgb(230,240,250); text-align: center; border: 1px solid rgb(150,160,170); }
td a { display: block; width: 100%; height: 100%; }
td a:hover { background: rgb(255,255,230); }
.thead { background: rgb(250,220,195); }
.trowa { background: rgb(254,250,246); }
.trowb { background: rgb(248,236,224); }

div#container:after, #logo:after, .menu:after, .submenu:after, #footer:after, .rcol:after, .lcol:after { clear: both; content: " "; }
	
/*----- sidebar options definitions -----*/
div.sideoptions {
	float: left;
	width: 160px;
	padding: 5em 1em 1em 1em;
	}
	
div.sideoptions ul { padding: 0 0 20px 15px; }
div.sideoptions li { padding: 0; margin: 0; }

/*----- menu area definitions -----*/	
/*----- css drop down menus -----*/
#menuitems, #menuitems ul {
	float: left;
	width: 740px;
	list-style: none;
	padding: 0;
	margin: 0;
	text-decoration: none;
	}

#menuitems li {
	float: left;
	padding: 6px 0 6px 0;
	margin: 6px 0 0 0;
	}

#menuitems li a {
	display: block;
	width: auto;
	}

#menuitems li ul {
	position: absolute;
	left: -999em;
	height: auto;
	width: 11.6em;
	z-index: 2;
	}
	
#menuitems li li {
	margin: 0;
	padding: 0.25em 1em;
	width: 9.6em;
	background: rgb(255,255,255);
	}

#menuitems li:hover, #menuitems li.sfhover {
/*	background-color: rgb(250,160,100); */
	background: url(gfx07_hilite.jpg) rgb(250,180,130);
	}
	
#menuitems li:hover ul, #menuitems li.sfhover ul {
	left: auto;
	border-top: 1px solid rgb(0,0,0);
	border-left: 1px solid rgb(0,0,0);
	border-right: 3px solid rgb(0,0,0);
	border-bottom: 3px solid rgb(0,0,0);
	}

#menuitems li.selected {
	background: rgb(160,174,178);
	}