/*  Connecting Rural Communities Style Sheet - designed by Dana Noonan - noonan@infomaven.com */

/*  DOCUMENT STRUCTURE  */
#header, #footer, #main { display : block; }
#navtop, #sidebar, #navfoot, #pagenav { display : block; }
#headerprint, .skip,  .footerfile { display : none; }


/* LAYOUT */

body { color: #000000; background: #5C8A5C; text-align: center; margin: 0; padding: 0;}

/* styles that apply to all browsers */
body, div, p, dd, dt, li, tt { font-family : verdana, georgia, "trebuchet ms", sans-serif; 
font-size : 12px;}

#wrapper {
margin: 0 auto;
padding: 0; 
width: 800px;
text-align: left; 
color: #000000; background: #ffffff;
 }


#header { width: 800px; margin: 0 auto; padding: 0; 
color: #000000; background: transparent;
font-family: arial, helvetica, sans-serif; }


#sidebar { width: 220px; float: left; margin: 0 auto; padding: 15px 0 0 20px; 
font-family: arial, helvetica, sans-serif; }

/*#sidebar { width: 200px; float: left; margin: 0 auto; padding: 0; 
color: #000000; background: #ffffff;
font-family: arial, helvetica, sans-serif; }*/

#main { width: 540px; float: right; padding: 0 20px 20px 0px; 
color: #000000; background: #ffffff;
font: small verdana, lucida, geneva, helvetica, arial, sans-serif; }

#content { font: small verdana, lucida, geneva, helvetica, arial, sans-serif; }

.layout { color: #000000; background: #ffffff; }

.compressed { font: 10pt arial, helvetica, sans-serif; }
.hang { text-indent: -1.5em; margin-left: 2.2em; } 

ol { margin: 0; padding-left: 2.5em; }


/* FOOTER */

#footer { clear: both; margin: 0;  padding: 0; color: #ffffff; background: #5C8A5C; } 
#footer hr { display: none; }
div.footer-screen { display: block }
div.footer-print { display: none }


/*  IMAGE TABLES  */
div.timage td { padding-left : 0px; padding-right : 4px; }
div.timage td li { padding-left : 0px; padding-right : 4px; }
div.timage td p { padding-left : 0px; padding-right : 4px; }

/*  DATA TABLES  */
th { padding-left : 4px; padding-right : 4px; font-family : arial, helvetica, sans-serif; font-size : 12px; text-align : left; }
td { padding-left : 4px; padding-right : 4px; font-family : arial, helvetica, sans-serif; font-size : 12px; }
td li { padding-left : 4px; padding-right : 4px; font-family : arial, helvetica, sans-serif; font-size : 12px; }
td p { padding-left : 4px; padding-right : 4px; font-family : arial, helvetica, sans-serif; font-size : 12px; }

/*  LINKS (not menu links )  */
a:link { color : #000080; background-color : transparent;  }
a:visited { color : #000080; background-color : transparent; }
a:hover { color : #FF0000; background-color : transparent; text-decoration : underline; }
a:active { color : #FF0000; background-color : transparent; }

.tagline { text-align: right; /*padding-left: 8px;*/ padding-bottom : 3px; background-color : #96CA96; color : #ffffff; font-family : "comic sans ms", "trebuchet ms", verdana, sans-serif; font-size : 18px; }

/*  HEADINGS  */

h2 { /*font-size : 160%px; */ color :#B22222; background-color : transparent; }
h3 { font-size :  large;  color : #006400; background-color : transparent; }
h4 { /*font-size : 130%; */ color : #bd0000; background-color : transparent; }

p.section { font-size : 130%;  color : #BDB76B; background-color : transparent; letter-spacing:25%; font-family : "trebuchet ms", verdana, sans-serif;  font-variant: small-caps; }

p.card1 { font-size : 90%;  letter-spacing:25%; font-family: arial, verdana, sans-serif;  font-variant: small-caps; }

p.card2 { font: bold 12px Arial, Helvetica, Verdana, sans-serif; }
p.card3 { font: 12px Arial, Helvetica, Verdana, sans-serif;}

.pullquote  { float: right; width: 250px; border: thin solid 1px #000000; padding-right: 5px; padding-left: 10px;  padding-bottom: 5px; margin: 5px; padding-top: 10px; line-height: 16px; } 

h4.section { font-size : 130%;  /*color : #808000; background-color : transparent;*/ letter-spacing:25%; font-family : "trebuchet ms", verdana, sans-serif;  font-variant:small-caps; }


/*  LISTS  */

.main li { padding-bottom: 4px; }
.main dt { padding-bottom: 4px; }
.main dd { padding-bottom: 4px; }

/*  QUOTES AND SOURCES  */
.quoted { margin-left : 20px; margin-right : 40px;  padding : 5px 5px 5px 5px; font-family : arial, helvetica, sans-serif; }
.source { padding-right : 50px; font-family : arial, helvetica, sans-serif; font-size : x-small; text-align : right; }


/* FORMS */

div.row { clear: both;   padding-top:4px;   }
.label { float: left; width: 20px; text-align: left; padding-top: 5px; }
.formw { float: left; width: 50px; text-align: left; padding: 0 0 0 40px; } 


/*  DISPLAY BOXES  */

.def { font-family : arial, helvetica, sans-serif;  border : thin dashed #cc9933; padding-left : 10px; padding-right : 10px; padding-top : 5px; padding-bottom : 5px; color : #000000; background-color : #ffffcc; }

.info { border: thin dotted 2px #000000; margin: 6px 3px 6px 3px;	padding: 4px;  background-color: #ccffcc;}
.info2 { border: thin solid 1px #000000; margin: 4px 3px 4px 0px;	padding: 4px;  background-color: #ffffcc;}


/*html div.pullquote {float: right; width: 140px; color: #A09080;  background-color : #ffffff;
	border: solid #908070; border-width: 7px 0;
	font: bold 14px Arial, Helvetica, Verdana, sans-serif;
	line-height: 16px; font-style: italic ;
	padding: 3px 2px; margin: 1px 7px;}
*/



/*  IMAGES  */
.imgright { border: none; margin: 1em 0em 1em 1em; clear: right; float: right; }
.imgleft { border: none; margin: 1.5em 1.5em 1.5em 0em; clear: left; float: left; }

/* MISC */

div.clearer {clear: left; line-height: 0; height: 0;}

.left { float: left;width: 50%; text-align: left; }
.right { float: right;width: 50%;text-align: right }

.center { text-align: center; }

.alert { color: #FF0000; background-color: transparent; } /* red */
.white { color: #fff; background-color: transparent; }
.highlight { color: #000000; background-color: #FFFF00; }

p#visibility { visibility: visible }
p#display { display: none }

.extra { line-height : 120%; }


/*  MISC PREDEFINED TAGS*/

acronym { border-bottom : 1px dotted #000000; }
pre { font-family : arial, helvetica, sans-serif; font-size : small; }
strong {font-weight: bold;	color: #333333;}
cite { font-style: italic }
hr { color: #666666;  background-color: transparent;  border: none; height: 1px; }


/*  FONT RESIZING HACK  */
/* styles that apply to everything but netscape 4 */
/*/*/a{}
body, body div, body p, body th, body td, body li, body dd, body code, body tt, body h3 {
  font-size: x-small;
  voice-family: "\"}\"";
  voice-family: inherit;
  font-size: small;
}
html>body, html>body div, html>body p, html>body th, html>body td, html>body li, html>body dd, html>body code, html>body tt, html>body h3 {
  font-size: small;
}
body h1 {
  font-size: large;
  voice-family: "\"}\"";
  voice-family: inherit;
  font-size: x-large;
}
html>body h1 {
  font-size: x-large;
}
body h2 {
  font-size: medium;
  voice-family: "\"}\"";
  voice-family: inherit;
  font-size: large;
}
html>body h2 {
  font-size: large;
}
/* end ns4 hack */


/*  MENU LINKS */

.menuleft2 { padding : 0px; font-family: arial, helvetica, sans-serif; font-size: 12px; background-color: #E7FFCC; color: #000000; text-decoration : none; 
	border-right: #333333 1px solid;  border-left: #333333 1px solid; 
	border-top: #333333 1px solid; border-bottom: #000000 1px solid; }

a.menuleft2 { padding : 0px; font-family: arial, helvetica, sans-serif; font-size: 12px; background-color: #E7FFCC; color: #000000; text-decoration : none; 
	border-right: #333333 1px solid;  border-left: #333333 1px solid; 
	border-top: #333333 1px solid; border-bottom: #000000 1px solid; }


menuleft1 { padding : 0px 3px 0px 3px;  font-family: arial, helvetica, sans-serif; font-size: 12px; background-color: red; color : #000000; text-decoration : none; 
	border-right: #333333 1px solid;  border-left: #333333 1px solid; 
	border-top: #333333 1px solid; border-bottom: #000000 1px solid; }

a.menuleft1 { padding : 0px 3px 0px 3px;  font-family: arial, helvetica, sans-serif; font-size: 12px; background-color: red; color : #000000; text-decoration : none; 
	border-right: #333333 1px solid;  border-left: #333333 1px solid; 
	border-top: #333333 1px solid; border-bottom: #000000 1px solid; }

a.menuleft { padding : 0px 3px 0px 3px;  font-family: arial, helvetica, sans-serif; font-size: 12px; background-color: #ffffff; color : #000000; text-decoration : none; 
	border-right: #333333 1px solid;  border-left: #333333 1px solid; 
	border-top: #333333 1px solid; border-bottom: #000000 1px solid; }



/*a.menuleft { padding : 0px 3px 0px 3px; background-color :#BDB76B; color : #000000; text-decoration : none; }
*/
a.menufoot { padding : 0px 3px 0px 3px; background-color: #96CA96; color : #000000; text-decoration : none; }
a.menufoot:link { padding : 0px 3px 0px 3px; background-color : #96CA96; color : #000000; text-decoration : none; }
a.menufoot:visited { padding : 0px 3px 0px 3px; background-color : #96CA96; color : #000000; text-decoration : none; }
a.menufoot:hover { padding : 0px 3px 0px 3px; background-color : #808000; color : #ffffff; text-decoration : underline; }


.navfoot {
	/*border-bottom : #000000 1px solid;*/
	background-color : #96ca96; 	color : #000000;
	font-family : arial, "trebuchet ms",verdana,sans-serif; font-size : 13px;
}

.footer { margin-top : 0px; margin-bottom : 1px;  color : #ffffff; background : #5C8A5C; font-family : arial, "trebuchet ms",verdana,sans-serif; font-size : 12px;
}

/*#content dt { padding : 0 0 6px 19px; background : url(images/goldsq.gif) no-repeat 0 2px; }*/


/*  MENUS */

.navleft {
	/*border : 1px solid #008080;
	*/
	margin : 20px 5px 5px 5px;
	padding : 2px 2px 2px 2px;
	position: absolute;
	left: 50px;
	top: 100px;
	width: 180px;

/*	float : left;
	width : 180px;
	position : absolute;  */
}

#navlist {float: left; }

#navlist ul {
	margin: 0; /*removes indent ie and opera*/
	padding: 0; /*removes indent mozilla and nn7*/
	list-style-type: none; /*turns off display of bullet*/
	font-family: arial, helvetica, sans-serif;
	font-size: 13px;
}

#navlist li {
	margin: 0 0 1px 0;
}

#navlist a {
	/*/*/display: block;
	padding: 1px 1px 1px 10px;
	border: 1px solid #000000;
	width: 170px;
	background-color: #669966; /* */
}

#navlist a:link, #navlist a:visited {
	color: #000000;
	/*/*/color: #eeeeee;
	text-decoration: none; /* */
}
#navlist a:hover {
	border: 1px solid #333333;
	background-color: #96CA96;
	color: #000000;
}

.navlist ul { margin: 0px 0px 16px; 
	padding-right: 0px; padding-left: 0px; padding-bottom: 0px; 
	padding-top: 0px; 
	font-size: 13px;  font-family: arial, helvetica, sans-serif; 
	list-style-type: none;
}
.navlist li {
	margin: 0px 0px 1px
}

.navlist a {  width: 170px; display: block; 
	border-right: #333333 1px solid; border-top: #333333 1px solid;
   	border-left: #333333 1px solid; border-bottom: #333333 1px solid; 
	padding-right: 2px;  padding-left: 24px; 
	padding-bottom: 0px; 	padding-top: 0px; 
	 background-color: transparent;
}

/*.navlist a:link {	color: #eeeeee; text-decoration: none; }
.navlist a:visited { color: #eeeeee; text-decoration: none; }*/

.navlist a:hover {
	border-right: #333333 1px solid; border-top: #333333 1px solid;  
	border-left: #333333 1px solid; border-bottom: #333333 1px solid; 
	background-color: #ff6600; color: #333333; 
}

.navcurrent { width : 150px;
	margin: 0; /*removes indent ie and opera*/
	padding: 0; /*removes indent mozilla and nn7*/
	list-style-type: none; /*turns off display of bullet*/
	font-family: arial, helvetica, sans-serif;
	font-size: 13px;
}


/* cuurent section */
.navcurrent { 
/*/*/display: block;
	padding: 1px 1px 1px 10px;
	border-right: #333333 1px solid;  border-left: #333333 1px solid; 
	border-top: #333333 1px solid; border-bottom: #000000 1px solid; 
	width: 170px;
	margin: 0px 0px 0px;  
	font-size: 13px; font-family: arial, helvetica, sans-serif; font-style: italic;
 	background-color: #ffffcc;
}

.navarticles { width : 150px;
	margin: 0; /*removes indent ie and opera*/
	padding: 0; /*removes indent mozilla and nn7*/
	list-style-type: none; /*turns off display of bullet*/
	font-family: arial, helvetica, sans-serif;
	font-size: 12px;
}

.navarticles { 
/*/*/display: block;
	padding: 1px 1px 1px 10px;
	border-right: #333333 1px solid;  border-left: #333333 1px solid; 
	border-top: #333333 1px solid; border-bottom: #000000 1px solid; 
	width: 170px;
	margin: 0px 0px 0px;  
	font: 12px arial, helvetica, sans-serif; 
   background-color: #ff0050;
}

/* current article */
.navcurrent2 { width : 150px;
	margin: 0; /*removes indent ie and opera*/
	padding: 0; /*removes indent mozilla and nn7*/
	list-style-type: none; /*turns off display of bullet*/
/*	font: 12px arial, helvetica, sans-serif; */
}

.navcurrent2 { 
/*/*/display: block;
	padding: 1px 1px 1px 10px;
	border-right: #333333 1px solid; border-left: #333333 1px solid; 
	border-top: #333333 1px solid; border-bottom: #000000 1px solid; 
	width: 170px;
	font: 13px arial, helvetica, sans-serif; /*font-style: italic;*/
 	color : #000000; background-color: #F0E68C;
}

.navcurrent3 { width : 170px;
	margin: 0; /*removes indent ie and opera*/
	padding: 0; /*removes indent mozilla and nn7*/
	list-style-type: none; /*turns off display of bullet*/
/*	font: 12px arial, helvetica, sans-serif;
color : #000000; background-color: #333333;
*/*/display: block;
/*	padding: 2px 2px 2px 10px;*/
	width: 170px;
	font: 13px arial, helvetica, sans-serif;
/* 	color : #fffff; background-color: #669966;*/
}