/*
Design by Free CSS Templates
http://www.freecsstemplates.org
Released for free under a Creative Commons Attribution 2.5 License
*/

/* links */
a {color: #730000;background-color: inherit;text-decoration: none;}


body {margin: 20px 0;padding: 0;background: #CECECE url(images/img1.gif);font: normal small "Trebuchet MS", Arial, Helvetica, sans-serif;}


h1, h2, h3 {color: #730000;}
h2 {font-size: 1.6em;}
h3 {margin: 0;font-size: 1em;}

p, ul, ol, blockquote {
	margin-top: 0;
}

a:link {color: #730000;text-decoration: none;}
a:hover {text-decoration: underline;font-weight: bold;}

img {border: none;}

/* Header */


#header * {
	margin: 0;
	text-decoration: none;
	text-transform: lowercase;
	font-weight: normal;
	color: #FFFFFF;
}

#header h1 {
	float: left;
	padding: 20px 0 0 330px;
	font-size: 3em;
}

#header h2 {
	float: left;
	padding: 20px 0 0 0;
	font-size: 1em;
}

/* ORIGINAL Menu */

/*#menu {width: 838px;height: 41px;margin: 0 auto;background: #2E2E2E url(images/img3.gif)}
#menu3 {width: 860px;height: 41px;margin: 0 auto;background: #2E2E2E url(images/img3.gif)}

#menu ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

#menu li {
	display: inline;
}

#menu a {
	display: block;
	float: left;
	height: 32px;
	padding: 9px 20px 0 20px;
	text-decoration: none;
	color: #CCCCCC;
}

#menu a:hover, #menu .active a {background: url(images/img4.gif);color: #FFFFFF;}
*/



/* Menu  March 2010*/

#menu {width: 840px;height: 24px;margin: 0 auto;background: #7B7B7B }
#menu3 {width: 860px;height: 24px;margin: 0 auto;background: #7B7B7B}

#menu ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

#menu li {
	display: inline;
}

#menu a {
	display: block;
	float: left;
	height: 32px;
	padding: 9px 10px 0 10px;
	text-decoration: none;
	color: #CCCCCC;
}
#menu a:hover, #menu .active a {background: #730000;color: #ffffff}





/* Content with image */
#content {width: 838px;margin: 0 auto;background: url(images/img5b.gif);padding:1px;}
#colOne {float: left;width: 160px;padding: 10px 10px 0 10px;}
#colTwo {float: left;width: 600px;padding: 10px 10px 0 10px;}
#colThree {float: left;width: 130px;padding: 10px 5px 0 5px;background-color:#bbbbbb;}

#content3 {width: 860px;margin: 0 auto;background: url("http://www.dpca.org/Legisltv/images/img5c.gif");}
#colOne3 {float: left;width: 160px;padding: 5px 5px 0 5px;}
#colTwo3 {float: left;width: 525px;padding: 5px 5px 0 5px;}
#colThree3 {float: left;width: 160px;padding: 5px;}



/* Content NO image*/
#contentNO {width: 838px;margin: 0 auto;}
#colOneNO {background-color: #bbbbbb;float: left;width: 160px;padding: 20px 10px 0 10px;}
#colTwoNO {background-color: #cccccc;float: left;width: 676px;padding: 20px 10px 0 10px;}
#colThreeNO {background-color: #bbbbbb;float: left;width: 160px;padding: 20px 10px 0 10px;}


/* Footer */

#footer {
	width: 838px;
	margin: 0 auto;
	padding: 10px 0;
	font-size: smaller;
	color: #999999;
	text-align: center;

}
#footer a {color: #CCCCCC;text-decoration: none;}
#footer a:link {color: #CCCCCC;text-decoration: none;}
#footer: a:hover {text-decoration: underline;font-weight: bold;}
#footer: li:hover {text-decoration: underline;font-weight: bold;}
#footer: ul:hover {text-decoration: underline;font-weight: bold;}


hr {
	background-color: #dc7c44; 
	color: #730000; 
	height: 1px; 
	width: 100%;
}


/* sidebar */
#sidebar {
	float: left;
	width: 23%;
	margin: 0;	padding: 0; 
	display: inline;		
}
#sidebar ul.sidemenu {
	list-style:none;
	margin:0px 0 0px 0px;
	padding:0;		
}
#sidebar ul.sidemenu li {
	margin-bottom:1px;
	border: 1px solid #f2f2f2;
	text-align:justify;
}
#sidebar ul.sidemenu a {
	display:block;
	font-weight:bold;
	color: #333;	
	text-decoration:none;	
	padding:2px 5px 2px 10px;
	background: #f2f2f2;
	border-left:4px solid #CCC;	
	
	min-height:18px;
}

* html body #sidebar ul.sidemenu a { height: 18px; }

#sidebar ul.sidemenu a:hover {
	padding:2px 5px 2px 10px;
	background: #f2f2f2;
	color: #730000;
	border-left:4px solid #730000;
}



/*Drop-down menu*/
.nav2 {float:left; width:840px; border:none; background:#7B7B7B ; color:rgb(75,75,75); font-size:90%;} /*Color navigation bar normal mode*/
.nav2 ul {list-style-type:none;}
.nav2 ul li {float:left; position:relative; z-index:auto !important /*Non-IE6*/; z-index:1000 /*IE6*/; border-right:solid 1px rgb(175,175,175);}
.nav2 ul li a {float:none !important /*Non-IE6*/; float:left /*IE-6*/; display:block; height:2.1em; line-height:2.1em; padding:0 16px 0 16px; text-decoration:none; font-weight:bold; color: rgb(100,100,100);}
.nav2 ul li ul {display:none; border:none;}

/*Non-IE6 hovering*/
.nav2 ul li:hover a {background:#7B7B7B; text-decoration:none;} /*Color main cells hovering mode*/
.nav2 ul li:hover ul {display:block; width:10.0em; position:absolute; z-index:999; top:3.0em; margin-top:0.1em; left:0;}
.nav2 ul li:hover ul li a {display:block; width:10.0em; height:auto; line-height:1.3em; margin-left:-1px; padding:4px 16px 4px 16px; border-left:solid 1px rgb(175,175,175); border-bottom: solid 1px rgb(175,175,175); background:#7B7B7B; font-weight:normal; color:rgb(50,50,50);} /*Color subcells normal mode*/
.nav2 ul li:hover ul li a:hover {background:#7B7B7B; text-decoration:none;} /*Color subcells hovering mode*/

/*IE6 hovering*/
.nav2 table {position:absolute; top:0; left:0; border-collapse:collapse;}
.nav2 ul li a:hover {background:#7B7B7B; text-decoration:none;} /*Color main cells hovering mode*/
.nav2 ul li a:hover ul {display:block; width:10.0em; position:absolute; z-index:999; top:3.1em; t\op:3.0em; left:0; marg\in-top:0.1em;}
.nav2 ul li a:hover ul li a {display:block; w\idth:10.0em; height:1px; line-height:1.3em; padding:4px 16px 4px 16px; border-left:solid 1px rgb(175,175,175); border-bottom: solid 1px rgb(175,175,175); background:#7B7B7B; font-weight:normal; color:rgb(50,50,50);} /*Color subcells normal mode*/
.nav2 ul li a:hover ul li a:hover {background:#7B7B7B; text-decoration:none;} /*Color subcells hovering mode*/

/*.header {width:840px; font-family:"trebuchet ms",arial,sans-serif;}
.header-top {width:840px; height:80px; background:rgb(240,240,240) url("../images/site/bg_head_top.jpg"); overflow:visible !important /*Firefox*/; overflow:hidden /*IE6*/;}
.header-middle {width:840px; height:150px; background:rgb(230,230,230) url("../images/site/bg_head_middle.jpg"); overflow:visible !important /*Firefox*/; overflow:hidden /*IE6*/;}
.header-bottom {width:840px; height:20px; background:#7B7B7B ;}
.header-breadcrumbs {clear:both; width:840px; padding:1.0em 0 1.5em 0; background:rgb(255,255,255) url("../images/site/bg_head_breadcrumbs.jpg") repeat-y;}
*/

.main {clear:both; width:840px; padding-bottom:30px; background:#7B7B7B url("../images/site/bg_main_withnav.jpg") top left repeat-y;}
.main-navigation {display:inline /*Fix IE floating margin bug*/; float:left; width:200px; overflow:visible !important /*Firefox*/; overflow:hidden /*IE6*/;}