html {background:#000 url(images/backgrid2.gif) repeat 0px 0px;}
body {background:transparent url(images/lineback.gif) repeat 0px 0px; font-family:verdana, arial, helvetica, sans-serif; width:990px; border-style:solid; border-color:#000; border-width:0px 1px 0px 1px; height:1130px; font-size:11px; margin:0 auto; padding:0px;}

p {font-size: 11px; color:#333333; margin:24px 0px 0px 20px;}

/* standard links */
a:link, a:visited, a:active {color:#005500;}

/* header */
div#header {background:transparent; width:956px; height:auto; margin:16px 0px 0px 16px; padding:0px; float:left; border-color:#505050; border-style:solid; border-width:1px 1px 0px 1px;}
div#header div#logo {background:transparent url(images/opd_logo2_sm.png) no-repeat 0px 0px; width:102px; height:88px; margin:18px 20px 12px 21px; float:left;}
div#header h1 {color:#FF9900; width:700px; height:auto; margin:20px 0px 0px 0px; padding:5px 0px 5px 0px; float:left; font-size:28px;}
div#header h2 {color:#AABB00; width:700px; height:auto; margin:0px 0px 0px 0px; padding:5px 0px 12px 0px; float:left; font-size:21px;}

div#maintabs {background:transparent; width:950px; height:auto; margin:0px auto; padding:0px; float:left; clear:left;}
div#maintabs a:link, div#maintabs a:visited {
background:#333333; width:150px; height:22px; margin:5px 0px 0px 20px; padding:6px 0px 0px 0px; float:left; text-align:center; text-decoration:none; color:#999999; font-weight:bold; letter-spacing:3px;}
div#maintabs a:hover {background:#222222; color:#FFFFBB;}
div#maintabs a.selected:link, div#maintabs a.selected:visited {background:#88CC00; color:#005500;}


div#row2tabs {background:#88CC00; width:956px; height:auto; margin:0px 0px 0px 0px; padding:16px 0px 0px 0px; float:left; clear:left; border-bottom:1px solid #005500;}
div#row2tabs a:link, div#row2tabs a:visited {background:#333333; width:90px; height:18px; margin:0px 0px -1px 8px; padding:4px 0px 0px 0px; float:left; text-align:center; text-decoration:none; color:#999999; font-weight:bold; letter-spacing:1px; font-size:10px; border:1px solid #222222;}
div#row2tabs a:hover {background:#222222; color:#FFFFBB;}
div#row2tabs a.selected:link, div#row2tabs a.selected:visited {background:#88CC00; color:#990000; border-width:1px; border-style:solid; border-color:#005500 #005500 #88CC00 #005500;}

p.explain {font-size: 11px; color:#BB0000; margin:24px 0px 0px 20px; float:left; display:inline; width:900px; font-style:italic;}

/* content */
div#pagecontent {background:#88CC00; width:958px; height:auto; margin:0px 0px 0px 16px; padding:0px 0px 16px 0px; float:left;}

div#leftcolumn {background:#AAEE00; width:608px; height:auto; margin:25px 0px 0px 20px; padding:0px 0px 0px 0px; float:left; display:inline;}
div#rightcolumn{background:#BBFF66; width:288px; height:auto; margin:25px 0px 0px 20px; padding:0px 0px 0px 0px; float:left; display:inline;}

div#topcolumn {background:#AAEE00; width:918px; height:auto; margin:25px 0px 0px 20px; padding:0px 0px 0px 0px; float:left; display:inline;}
div#bottomcolumn{background:#BBFF66; width:918px; height:auto; margin:35px 0px 0px 20px; padding:0px 0px 0px 0px; float:left; display:inline;}

div.leftfeature {} /* used w/ featurizer (along with div#leftcolumn) for non-default widths */
div.rightfeature {} /* used w/ featurizer (along with div#rightcolumn) for non-default widths */

	div#leftcolumn h1, div#rightcolumn h1, div#topcolumn h1, div#bottomcolumn h1 {font-family:"segoe ui", verdana, arial, sans-serif; font-size:14px; background:#FFBB00; color:#005500; margin:0px 0px 0px 0px; padding:6px 0px 6px 6px; line-height:18px; border-bottom:1px solid #AAEE00; height:auto; width:auto;}
	
	div#leftcolumn h2, div#rightcolumn h2, div#topcolumn h2, div#bottomcolumn h2 {font-family:"segoe ui", verdana, arial, sans-serif; font-size:14px; background:#990000; color:#FFFF66; margin:0px 0px 0px 0px; padding:6px 0px 6px 6px; line-height:18px; border-bottom:1px solid #AAEE00; height:auto; width:auto;}
	
	div#leftcolumn p, div#rightcolumn p, div#topcolumn p, div#bottomcolumn p {font-family:"segoe ui", verdana, arial, sans-serif; font-size:12px; background:#FFFFBB; color:#005500; margin:0px 0px 0px 0px; padding:6px 0px 6px 6px; line-height:18px; border-bottom:1px solid #AAEE00; height:auto; width:auto; letter-spacing:1px;}
	
	div#leftcolumn p span, div#rightcolumn p span, div#topcolumn p span, div#bottomcolumn p span {font-size:10px; color:#505050;}
	
	div#leftcolumn ul, div#rightcolumn ul, div#topcolumn ul, div#bottomcolumn ul {margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; height:auto; width:auto; list-style:none;}
	div#leftcolumn ul li, div#rightcolumn ul li, div#topcolumn ul li, div#bottomcolumn ul li {font-family:"segoe ui", arial, sans-serif; font-size:12px; color:#005500; margin:0px 0px 0px 0px; padding:6px 0px 6px 22px; line-height:18px; border-bottom:1px solid #AAEE00; height:auto; width:auto; background: #FFFFBB url(images/bullet.gif) no-repeat 6px 10px; letter-spacing:1px;}

div#showcasebox {position:relative;}
img#mainimg {z-index:0; padding:0px; position:absolute;}
div#mask {position:absolute; z-index:1; top:0px; left:0px; padding:0px; position:absolute;}
a.hotspot:link, a.hotspot:visited {border:1px solid red; position:absolute; z-index:2;}
	
/* footer */
div#footer {background:#333333; width:180px; height:auto; margin:0px 0px 0px 792px; padding:2px 0px 3px 0px; float:left; border-color:#505050; border-style:solid; border-width:0px 1px 1px 1px;}
div#footer p {width:164px; height:auto; margin:10px auto; padding:0px; font-size:10px; color:#638341; text-align:center;}

/*
div#titlespace div#logo {background:transparent url(images/opd_logo2_sm.png) no-repeat 0px 0px; width:102px; height:88px; margin:18px 20px 0px 21px; float:left;}
div#titlespace p {color:#FF9900; width:700px; height:auto; margin:20px 0px 0px 0px; padding:5px 0px 5px 0px; float:left; font-size:28px;}
div#titlespace span {color:#AABB00; width:700px; height:auto; margin:0px 0px 0px 0px; padding:5px 0px 5px 0px; float:left; font-size:21px;}



div#contentcolumn1, div#contentcolumn2, div#contentcolumn3 {background:#110000; width:308px; height:auto; margin:18px 0px 0px 18px; padding:5px 0px 0px 0px; float:left; display:inline;}

div#footer {background:orange; width:992px; height:100px; float:left;}

div.project {background:#87AE00; width:524px; height:auto; float:left; margin:0px 1px 12px 0px; padding:0px 0px 10px 0px;}
div.projecttitle {background:#660000; width:524px; height:27px; margin:0px; padding:0px; float:left; clear:left; }
	div.projecttitletext {background:#222222; width:438px; height:22px; float:left; clear:left; font-size:13px; font-weight:bold; color:#FF9900; margin:0px 0px 0px 0px; padding:3px 0px 0px 6px; border-style:solid; border-color:#999999; border-width:1px 0px 1px 1px;}
	div.projecttitletools {background:#222222; width:78px; height:22px; float:right; margin:0px 0px 0px 0px; padding:3px 0px 0px 0px; border-style:solid; border-color:#999999; border-width:1px 1px 1px 0px;}

div.projectbody, div.projectbodyhide {width:512px; height:auto; background:#B9BD45; float:left; clear:left; margin:0px; padding:0px 0px 10px 12px;}
div.projectbody {display:block; visibility:visible;}
div.projectbodyhide {display:none; visibility:hidden;}
	
div.project label {background:#CCCCCC; width:482px; height:auto; font-size:11px; color:#000000; border-style:solid; border-color:#EEEEEE; border-width: 0px 1px 1px 1px; margin:0px 0px 12px 0px; padding:4px 8px 4px 8px; float:left; clear:left;}

div.project p {background:transparent; width:496px; height:auto; font-size:11px; float:left; clear:left; line-height:16px; margin:0px 0px 8px 0px; padding:0px 2px 0px 2px;}
*/