* {margin:0;padding:0} /* stylesheet works well for firefox, safari, oepra browsers but for Internet Explorer it works well _only_ with conditional comments (which target floated div widths and margins) in html/php pages for the juniata county website at: co.juniata.pa.us */

body {

	font-family: Arial,Helvetica,sans-serif;

	background-image: url(gwgrad2.jpg);

	background-repeat: repeat-x;

	color: #000;

	background-color: #fff;

	}

.clear {

	clear: both;

	padding-bottom: 1px;	/* for Gecko-based browsers */

	margin-bottom: -1px;	/* for Gecko-based browsers */

}

.inside {

	padding: 0 4px;

}

ul, ol, dl, p, h1, h2, h3, h4, h5, h6 {

	margin-top: 14px;

	margin-bottom: 14px;

	padding-top: 0;

	padding-bottom: 0;

}

#wrapper {

	width: 780px;

	margin-right: auto;

	margin-left: auto;

	color: #000;

	background-color: #cee4cf;/* background color to cover IE8 slice at top of content*/

  border-left: 1px solid #8fbc8f;

	border-right: 1px solid #8fbc8f;	

}

#header {

  color: #000;

	height: 178px;

	width: 780px;

	background-color: #cee4cf;

	background-image: url(header8.jpg);

	background-repeat: no-repeat;

	margin-bottom:0;

}

#header h1 {

  font: normal 160% Georgia, "Times New Roman", Times, serif;

	padding-left: 244px;

	padding-top: 4px;

	margin-top: 0px;

	color: #000;

	background-color: transparent;

}

#header h2 {

  font: normal 150% Georgia, "Times New Roman", Times, serif;

	color: #000;

	background-color: transparent;

	padding-left: 244px;

}

/* Begin CSS Drop Down Menu */

#hnav {

margin:0;

padding: 0;

margin-top:63px;

background-image: url(menuh.jpg);

background-repeat: no-repeat;

width: 780px;

float:left;

	display: inline;

font-size: 80%;

color: #633;

}

#hnav a {

float:left;

	display: inline;

width: 123px;

padding: 0px 2px;

line-height:2.0;

text-align: center;

}

#hnav a.short {

width: 80px;

}

#hnav li {

	margin:0;

	padding: 0;

	float:left;

	display: inline;

	    min-height: 1px; 			/* Sophie Dennis contribution for IE7 */

    vertical-align: bottom; /* Sophie Dennis contribution for IE7 */

}

#hnav ul {

margin: 0;

padding: 0;

width: 100%;

list-style-type:none;

}

#hnav a:link, #hnav a:visited, #hnav a:active	/* menu at rest */

	{

	color: #000;

	background-color: transparent;

	text-decoration:none;

	}

#hnav a:hover	/* menu at mouse-over  */

	{

	color: #fff;

	background-color: #8fbc8f;

	text-decoration:none;

	}	

#hnav a.top_parent, #hnav a.top_parent:hover  /* attaches down-arrow to all top-parents */

	{

	background-image: url(navdown_green.gif);

	background-position: right center;

	background-repeat: no-repeat;

	}

#hnav a.parent, #hnav a.parent:hover 	/* attaches side-arrow to all parents */

	{

	background-image: url(nav_green.gif);

	background-position: right center;

	background-repeat: no-repeat;

	}

#hnav ul ul {

	position:absolute;

	z-index:500;

	top:auto;

	display:none;

	padding:0;

	margin:0;

	margin-top:24px;

	width: 270px;

	background-image: url(gwgrad.jpg);

	background-repeat: repeat-x;

}

#hnav ul.elect {

width: 127px;

margin-left: 60px;

}

#hnav ul.dept {

margin-left: 60px;

}

#hnav ul.dept a {

width: 131px;

}

#hnav ul ul ul {

	top:0;

	left:100%;

}

div#hnav li:hover {

	cursor:pointer;

	z-index:100;

}

div#hnav li:hover ul ul,

div#hnav li li:hover ul ul,

div#hnav li li li:hover ul ul,

div#hnav li li li li:hover ul ul

{display:none;}

div#hnav li:hover ul,

div#hnav li li:hover ul,

div#hnav li li li:hover ul,

div#hnav li li li li:hover ul

{display:block;}

/* End CSS Drop Down Menu */



.content {

	width: 780px;

	clear: left;

	float: left;

	display: inline; /* for IE browsers with float */

	color: #000;

	background-image: url(lgrn_bg.jpg);

	background-repeat: repeat-x;

	background-color: #fff;

	margin-top: -2px; 

	padding-top: 0px;

}

.content p {

	font-size: 90%;

	line-height: 1.1;

}

.content p.tiny {font-size: 70%;}

.content a:link {

  color: #000;

  background-color: transparent;

}

.content a:visited {

  color: #000;

  background-color: transparent;

}

.content a:hover {

  color: #363;

  background-color: transparent;

}

.content h1 {

	font: normal 180% Georgia, "Times New Roman", Times, serif;

	color: #000;

	background-color: transparent;

	padding:0;

}

.content h2 {

	font: 120% Georgia, "Times New Roman", Times, serif;

	color: #000;

	background-color: transparent;

	border-bottom: 1px dotted #636;

	line-height: 1.5;

}

.content h3 {

	font: italic 110% Georgia, "Times New Roman", Times, serif;

	color: #000;

	background-color: transparent;

}

.content h4 {

	font: normal 110% Georgia, "Times New Roman", Times, serif;

	color: #000;

	text-align:left;

	background-color: transparent;

	text-decoration:none;

}

.content h5 {

  margin: 2px;

}

.content img {

  border:2px solid #96ba96;

	margin: 10px;

}

.content ul {

  padding-left:30px;

	list-style-image: url(green_dia.gif);

	font-size:90%;

}

.content ol {

  padding-left:30px;

	padding-right:20px;

	font-size:90%;

}

.content dt {

  font: bold 96% Georgia, "Times New Roman", Times, serif;

  text-transform:capitalize;

	color: #000;

	background-color: transparent;

}

.content dd {

  padding:10px;

	font-size:96%;

}

.mild dt {

  font: bold 96% Georgia, "Times New Roman", Times, serif;

  text-transform:none;

	color: #000;

	background-color: transparent;

}

.side {

	float:left;

	display: inline; /* for IE browsers with float */

	width: 250px;

	margin-top: -30px;

	padding: 6px 2px 6px 6px;

	border: 0px solid #aaa;

	background-color: transparent;

}

.news {

  width: 480px;

	float:left;

	display: inline; /* for IE browsers with float */

	margin: 0 16px;

	caption-side: top;

}

.news tr:hover, .wide-content tr:hover {

	color: #000;

	background-color: #ff9;

}

.news td, .wide-content td {

 padding: 3px 6px;

 font-size: 96%;

}

.wide-content th {

 padding: 3px 6px;

}

.news h2 {

margin-top: 0;

}

.border {

border: 1px solid #000;

}

.news-box {

float:left;

	display: inline; /* for IE browsers with float */

	margin: 10px;

	width: 280px;

}

.news-box h2 {

padding: 0 2px;

}

.urhere, a.urhere {

  font-size:80%;

	color: #777;

	margin-top: 10px;

}

.urhere a:hover {

  font-size:80%;

	color: #999;

}
#ann1 {
padding: 2px;
margin: 0;
width: 240px;
	border: 1px solid #339;
	background-color: #ff3;
}
.inside p.small {
font-size: 80%;
}
#ann1 p.tiny {
 font-size: 70%;
 margin-top: -10px;
}

#print_forms {
margin: 0;
width: 240px;
	padding: 2px;
	border: 1px solid #339;
	background-color: #fff;
}
.print_forms, .print_frms {
width: 240px;
	padding: 2px;
	border: 0px solid #d0b5d0;
	background-image: url(lgrn_bg.jpg);
	background-repeat: repeat-x;
}
.print_forms img {
border: 2px solid #fff;
}
.print_forms a {
text-decoration: none;
}
.print_frms {
width: 240px;
	padding: 2px;
	border-left: 1px solid #d0b5d0;
	border-right: 1px solid #d0b5d0;
	border-bottom: 1px solid #d0b5d0;
	border-top: 0px solid #d0b5d0;
	background-image: url(lgrn_bg.jpg);
	background-repeat: repeat-x;
}
.print_frms a {
text-decoration: underline;
}

.pic {

  width: 400px;

  border:0px solid #d0b5d0;

}

body#home li.home  {

	color:#000;

	background-color:#339;

	}

body#home li.home a:link, body#home li.home a:visited {

  color:#000;

	background-color:#339;

}

#footer {

  clear:both;

	font-size:100%;

	color: #000;

	width: 780px;

	background: #84af84;

	background-image: url(wggrad.jpg);

	background-repeat: repeat-x;

	border-top:1px solid #aaa;

	text-align:center;

}

#footer p {

  padding: 2px;

	margin:0;

}

#footer a {

  color:#000;

	background-color: transparent;

}

#footer a:hover {

  color:#363 !important;

	background-color: transparent;

}

.fnav {

	font-size:90%;

	margin: 0;

	padding: 0;

	width: 100%;

	margin-top: -2px;

}

.fnav ul {

  list-style-type: none;

	margin: 10px 0px 5px 0px;

	padding: 6px 0px;

	text-align: center;

}

.fnav li {

	display:inline;

}

.fnav li a {

  padding:6px 0px 6px 10px;

	color:#fff;

	background-color: transparent;

	text-decoration:none;

}

.fnav ul li a:hover {

  color:#339;

	background-color: transparent;

	text-decoration:underline;

}

.fnav li a span {

padding: 0;

}

.underline {

  text-decoration:underline;

}

.small {

 font-size:80%;

}

.tiny {

 font-size:70%;

}

.center {text-align:center;}

.left {

margin: 10px 10px 5px 0;

float: left;

	display: inline; /* for IE browsers with float */

}

.right {

margin: 10px 0 5px 10px;

text-align: right;

}
.title {

font-weight: bold;

font-size: 110%;

}

#footer p.right a:hover {

 text-decoration: none;

}

.indent {

text-indent: 20px;

}

.wide-content {

width: 740px;

margin-left: 20px;

}

caption {
font-weight: bold;
}

.leftup {

margin: 0px 10px 5px 0;

float: left;

	display: inline; /* for IE browsers with float */

}

.pixcolumn {

float: left;

display: inline; /* for IE browsers with float */

width: 160px;

padding-left: 10px;

}

.pix td, .pix tr, .pix img {

margin: 0px;

padding: 0px;

}

.bridge {

background-image: url(academ_pomeroy_bridge.jpg);

	background-repeat: no-repeat;

}
.construction {
width: 460px;
background: #fff;
color: #000;
border: 2px dashed #96ba96;;
}

.construction p {
margin: 10px 10px 20px 10px;;
}