/* The Williamsport Guardian CSS Stylesheet (style.css) */

html, body {
	margin : 0; padding : 0;
	background-color: #EEEEEE;
}


/* Spaces
.layout, #layout {
	position: absolute;
	z-index: 1;
	left: 0px;
	top: 0px;
	width: 101.5%;
	height: auto;
	text-align: center;
}
.content, #content {
	position: relative;
	top: 0px;
	z-index: 1;
	width: 980px;
	height: auto;
	margin: 0 auto;
	text-align: center;
	left: 0px;
}

.top, #top { z-index: 2; position: relative; top: 0px; left: 0px; width: 100%; height: auto; }
	.header, #header { position: relative; width: 100%; background-color: #CCCCCC; }
	.midder, #midder { position: relative; width: 100%; text-align: left; }
		.left, #left { position: relative; left: 125px; width: 100px; top: 0px; }
		.middle, #middle { position: absolute; left: 250px; top: 0px; width: 600px; }
		.right, #right { position: relative; left: 775px; top: 0px; width: 150px; }
.bottom, #bottom { z-index: 2; position: relative; width: 100%; left: 0px; text-align: left; background-color: #009900; }
	.footer, #footer { position: relative; left: 0px; width: 100%; }

*/
a.link_main { color : #000000; }

/* Sections */

table.section {}
td.section_paper { vertical-align: top; width: 125px; }
td.section_list { vertical-align: top; width: 400px; }

	#content { /*border: 1px solid black;*/ background-color: #FFFFFF; }
	#header { position: relative; top: 0px; height: 180px; background-image: url(/`media/images/graphics/bg_header.gif);  background-repeat: repeat-x; background-color: #FFFFFF; }
	#midder { position: relative; top: 0px; background-color: #FFFFFF; }
	#footer { position: relative; top: 0px; background-color: #000000; color: #FFFFFF;  }
	#left { position: absolute; top: 0px; left: 0px; }
	#middle { position: absolute; top: 0px; left: 175px; width: 630px; }
	#right { position: absolute; top: 0px; left: 805px; width: 175px; }




/* shell */
#layout { position: absolute; top: 5px; }
	#content { position: relative; margin: 0 auto; }
		#top { position: relative; display: block; top: 0px; left: 0px; height: auto; vertical-align: top; }
			#header { 
				display: block;
				position: relative; top: 0px; left: auto; 
				width: 980px; height: 150px; 
				background-color: #000000; 
			}
			
			#midder { 
				display: block; 
				position: relative; top: 0px; left: 0px; 
				z-index: 10;
				width: 100%; height: auto; 
				text-align: left; vertical-align: top; 
				background-color: #FFFFFF; 
			}
			
			
				#left { 
					display: block;	float: left; 
					position: relative; top: 0px; left: 0px; 
					z-index: 30;
					width: 180px; height: auto;
					padding: 0px 10px 10px 10px; 
					vertical-align: top; text-align: left;
				}

					#navigate_side { width: 160px; }
					img.navigate_side { width: 150px; height: 40px; background-color: #FFFFFF; }
					td.navigate_side, td.navigate_main { text-align: left; border: 1px solid #CCCCCC; }
					a.navigate, a:hover.navigate { color: #FFFFFF; font-weight: bold; }
					a:hover.navigate { color: #FF0000; }

				#middle { 
					display: block;	float: left;
					position: relative; 
					top: 0px; left: 0px;
					width: auto;
					z-index: 20;
					margin-top: 0;
					vertical-align: top; text-align: left;
				}
				
				#right { 
					display: block;	float: left;
					position: relative; top: auto; left: auto;
					z-index: 30;
					margin-top: 0;
					vertical-align: top; text-align: left;
				}
				
		#bottom { display: block; float: none; position: relative; top: 0px; height: auto; vertical-align: top; }
			#footer { 
				position: relative; top: 0px; 
				background-color: #000000;
				display: block; margin: 0 auto; 
				text-align: center; 
			}


/* magic code for a liquid 3-column layout */
div#midder{ float: left; width: 100%; background-color: #FFFFFF; }
div#middle{ margin: 0 180px; }
div#left{ float: left; width:180px; margin-left:-100%; }
div#right{ float: left; width:180px; margin-left: -180px; }
div#footer{ clear: left; width:100%; background-color: black; }
/* (???) */


/* Ritsu's style code */
.nav {
	PADDING-RIGHT: 0px; PADDING-LEFT: 25px; FONT-WEIGHT: bold; FONT-SIZE: 11px; PADDING-BOTTOM: 2px; COLOR: #990000; PADDING-TOP: 2px; BORDER-BOTTOM: #cccccc thin ridge; FONT-FAMILY: Arial, Helvetica, sans-serif; LETTER-SPACING: 0.15em
}
.nav A {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-WEIGHT: bold; FONT-SIZE: 11px; PADDING-BOTTOM: 0px; COLOR: #990000; PADDING-TOP: 0px; FONT-FAMILY: Arial, Helvetica, sans-serif; LETTER-SPACING: 0.15em; TEXT-DECORATION: none
}
.nav A:hover {
	FONT-WEIGHT: bold; FONT-SIZE: 11px; COLOR: #000033; FONT-FAMILY: Arial, Helvetica, sans-serif; LETTER-SPACING: 0.15em; TEXT-DECORATION: underline
}
.subheader {
	PADDING-RIGHT: 0px; BORDER-TOP: #000033 1px solid; PADDING-LEFT: 5px; FONT-SIZE: 12px; PADDING-BOTTOM: 2px; COLOR: #ffffff; PADDING-TOP: 2px; BORDER-BOTTOM: #000033 1px solid; FONT-FAMILY: Arial, Helvetica, sans-serif; LETTER-SPACING: 0.25em; BACKGROUND-COLOR: #990000
}
.body {
	PADDING-RIGHT: 25px; PADDING-LEFT: 25px; FONT-SIZE: 12px; PADDING-BOTTOM: 5px; COLOR: #000000; LINE-HEIGHT: 1.25; PADDING-TOP: 5px; FONT-FAMILY: Arial, Helvetica, sans-serif; LETTER-SPACING: 0.05em
}
.body A {
	COLOR: #990000; TEXT-DECORATION: none
}
.body A:hover {
	COLOR: #000033
}
#insidenav A {
	FONT-SIZE: 12px; COLOR: #000000; FONT-FAMILY: Arial, Helvetica, sans-serif; LIST-STYLE-TYPE: disc; TEXT-DECORATION: none
}
#insidenav A:hover {
	COLOR: #990000; TEXT-DECORATION: underline
}
#insidenav {
	PADDING-RIGHT: 0px; PADDING-LEFT: 10px; FONT-WEIGHT: bold; FONT-SIZE: 14px; PADDING-BOTTOM: 0px; COLOR: #000000; PADDING-TOP: 20px; FONT-FAMILY: Arial, Helvetica, sans-serif; LETTER-SPACING: 0.1em
}
.footer2 {
	PADDING-RIGHT: 10px; BORDER-TOP: #990000 1px solid; PADDING-LEFT: 0px; FONT-WEIGHT: normal; FONT-SIZE: 9px; PADDING-BOTTOM: 2px; COLOR: #ffffff; PADDING-TOP: 2px; BORDER-BOTTOM: #990000 1px solid; FONT-FAMILY: Arial, Helvetica, sans-serif; LETTER-SPACING: 0.15em; BACKGROUND-COLOR: #000033; TEXT-ALIGN: right
}
.footer A {
	COLOR: #ffffff; TEXT-DECORATION: none
}
.byline {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-WEIGHT: bold; FONT-SIZE: 12px; PADDING-BOTTOM: 0px; MARGIN-LEFT: 10px; COLOR: #000000; LINE-HEIGHT: 1.25; PADDING-TOP: 0px; FONT-FAMILY: "Times New Roman", Times, serif; LETTER-SPACING: 0.25em
}
H1 {
	PADDING-RIGHT: 5px; PADDING-LEFT: 5px; FONT-SIZE: 26px; PADDING-BOTTOM: 5px; MARGIN-LEFT: 10px; COLOR: #000000; LINE-HEIGHT: 1.25; PADDING-TOP: 5px; FONT-FAMILY: "Times New Roman", Times, serif; LETTER-SPACING: 0.05em
}
H2 {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-SIZE: 16px; PADDING-BOTTOM: 5px; MARGIN-LEFT: 10px; COLOR: #000000; LINE-HEIGHT: 1.25; PADDING-TOP: 5px; FONT-FAMILY: Arial, Helvetica, sans-serif; LETTER-SPACING: 0.05em
}
P {
	PADDING-RIGHT: 25px; PADDING-LEFT: 25px; FONT-SIZE: 12px; PADDING-BOTTOM: 5px; COLOR: #000000; LINE-HEIGHT: 1.5; PADDING-TOP: 5px; FONT-FAMILY: Arial, Helvetica, sans-serif; LETTER-SPACING: 0.05em
}
A {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-WEIGHT: bold; FONT-SIZE: 11px; PADDING-BOTTOM: 0px; COLOR: #990000; PADDING-TOP: 0px; FONT-FAMILY: Arial, Helvetica, sans-serif; LETTER-SPACING: 0.15em; TEXT-DECORATION: none
}
A:hover {
	FONT-WEIGHT: bold; FONT-SIZE: 11px; COLOR: #000033; FONT-FAMILY: Arial, Helvetica, sans-serif; LETTER-SPACING: 0.15em; TEXT-DECORATION: underline
}
LI {
	FONT-SIZE: 12px; MARGIN-LEFT: 20px; LINE-HEIGHT: 1.5em; FONT-FAMILY: Arial, Helvetica, sans-serif; LETTER-SPACING: 0.05em
}
.photocaption {
	FONT-SIZE: 12px; FONT-FAMILY: "Times New Roman", Times, serif
}
td { 
	vertical-align: top;
}
/* custom */
a.article { color: #000000; font-family: "Arial"; font-size: 8pt; }

/* Comments */
.comments {
	border: 1px solid #FF0000;
	width: 100%;
}

/* Headings */
.heading, .title {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 22pt;
}
.subheading, .subtitle {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14pt;
}
.story { 
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11pt;
	text-align: justify;
	vertical-align: top;
}
.bodytext, .copy, .textcopy {
	font-family: "Times New Roman", Times, serif;
	font-size: 12pt;
	text-align: justify;
	vertical-align: top;
}
.caption {
	font-family: "Times New Roman", Times, serif;
	font-size: 10pt;
	font-weight: bold;
	text-align: justify;
	vertical-align: top;
}
.quotation, .citation {
	font-family: "Times New Roman", Times, serif;
	font-size: 12pt;
	font-style: italic;
}
.copyright, .generation {
	font-family: "Times New Roman", Times, serif;
	font-size: 9pt;
	font-style: italic;
}
/* Formatting */
.paragraph {}
.picture {
	border: 1px solid #000000;
}

/* Tags */
.volumeTag { 
	font-variant: small-caps;
}