html, body {height:100%}

body {margin:0 0 0 15px;background:url(http://www.directionservice.org/cadre/images/cadre_bkg2007.gif) repeat-y #cccc99;color:#000}

a {color:#CC0005}

body,p,td {font-family:"Trebuchet MS", "Lucida Sans", Georgia; font-size:1em}

#containertable {background:#eeeeee;width:975px;height:100%;margin-top:15px}

.topcells {background-color:#000000; color:#FFFFFF; font-size:.9em;}

.tplftcell {width:349px; padding:5px 0 5px 5px}
.tprtcell {width:620px;padding:5px 5px 5px 0px}

a.topcells {color:#FFFFFF}
#skiplink {
   position: absolute;
   top: -10em;
   left: -200em;
}

#leftcell {font-size:1.1em; font-weight:bold; background:#eeeeee; padding: 20px 10px 10px 10px}

#leftcol {width:180px;float:left;}

/* LEFT NAV */


#leftnav h1 {
   position: absolute;
   top: -20em;
   left: -200em;
}

#skiplink {
   position: absolute;
   top: -10em;
   left: -200em;
}



/*POPUP MENU*/
ul.makeMenu, ul.makeMenu ul { margin: 0px; padding: 0px; background-color:#eeeeee;z-index:1000 }

ul.makeMenu, ul.makeMenu ul { width: 180px;  padding-left: 0px; cursor: default; margin-left: 0px; font-weight:bold;z-index:1000  }
ul.makeMenu li { list-style-type: none; margin: 0px; position: relative; color: #000;border-bottom: 1px dashed #ccc; padding:2px 0 4px 0;z-index:1000 }
ul.makeMenu li > ul { visibility:hidden; position: absolute; top: -1px; left: 180px; background-color:#fff; border:1px solid #999;padding: 0 5px 0 5px;font-size:15px;z-index:1000 }
ul.makeMenu li:hover, ul.makeMenu li.CSStoHighlight { background-color: #none; color: #000;z-index:1000 }
ul.makeMenu ul.CSStoShow { visibility:visible;display: block; background-color:#FFFFFF;z-index:1000 }
ul.makeMenu li:hover > ul { visibility:visible;display: block;z-index:1000}
ul.makeMenu li a { color: #000; display: block; width: 100%; text-decoration:none }
ul.makeMenu li a.parent {background:url(http://www.directionservice.org/cadre/images/arrow.gif) no-repeat 167px 8px; z-index:1000}
ul.makeMenu li a:hover { color:#CC0000;text-decoration: none; }
ul.makeMenu li:hover > a { color:#CC0000; }

ul.makeMenu * { line-height: normal !important; } /* overriding my normal stylesheet */

/* END LEFTNAV */





#invislink {color:#CCCCCC}

#vettingbox {text-align:center; font-size:.7em;margin-bottom:10px; background: #cacaca; margin-bottom:25px; font-weight:normal; padding:6px}

.spotlight {border:1px solid #000; font:.8em normal arial, Verdana, Arial, Helvetica, sans-serif; text-align:center;margin:0 0 10px 0; background-color:#FFFFFF}

a.leftcolstuff {text-decoration:none}

a.red {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #CC0000;
	font-style: italic;
	font-weight: bold;
	text-decoration: underline;
}
a.red:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #CC0000;
	font-style: italic;
	font-weight: bold;
	text-decoration: none;
}
td.smaller {
	font-family:verdana, arial, sans;
	font-size:10px;
}
td.tdinput {
	font-family:verdana, arial, sans;
	font-size:13px;
}
td.admin {
	font-family:verdana, arial, sans;
	font-size:13px;
	color: #cc0000;
}
#apDiv1 {
	position:absolute;
	left:300px;
	top:2424px;
	width:687px;
	height:23px;
	z-index:1;
}

#titlebox {border-bottom:1px solid #ccc;padding:0 0 8px 0; margin:0 0 8px 0;  min-height:80px; height:auto !important; height:80px;}

#artauthor {font-style:italic;font-weight:normal;font-size:.9em}

#arttitle {font-size:24px; line-height:normal; margin:0}

#artdate {font-size:.7em;font-weight:normal;color:#555}

#prnt_email {font-size:.7em}

#artcontent {font-size:.9em; font-weight:normal;margin-top:15px}

#artprintthis {width:90px; float:right;margin-right:10px}

#artemailthis {width:82px;float:right; text-align:right}

div.linkstyle {font:normal 12pt "Trebuchet MS", "Lucida Sans", Georgia; font-weight:normal}

div.linkstyle a {font-style:normal;}

#signup {margin-bottom:25px; background-color:#cacaca; padding:4px 6px 7px 6px}

.artmaindiv {width:675px; position:absolute;top:80px;left:220px;padding:0 0 0 48px; border-left:1px solid #cacaca}

.homemaindiv {width:700px; position:absolute;top:85px;left:210px;padding:0 0 0 40px; border-left:1px solid #cacaca}

#spot_bw {border-top:3px solid #000;border-left:1px solid #000;border-right:1px solid #000; border-bottom:1px solid #000; background:#fff;text-align:center;font:normal .7em Arial, Helvetica, sans-serif;padding:5px;width:200px; margin-top:12px;margin-bottom:7px;display:block}

.spottable {}

#frnt_subtitle { color:#FFFFFF; background:url(images/h3_bkg_rt.gif) 100% 0%  no-repeat #777777; display:block; margin:0;padding-left:0}

#toptanbar {position:absolute;z-index:100;top:0px;height:15px;width:975px; background-color:#cccc99;padding:0;margin:0}

.sh {font-weight:bold}

.wht {font-size:.5em; padding:1px; margin:3px 0 0 0;}
.wht2 {font-size:.5em; padding:1px; margin:3px 0 0 0;}

#maincol {margin-top:10px}