/*
Title: 		New River Notes
Author: 	Rich Ballard
Update: 	Feb 2006
*/

/*
. = class = assign to many element
# =id = assign to only one element

*/

/*Outline of styles
Top level styles are body and frame.  These control the general layout and look of the pages.  

The following are the main divisions of the styles:

header and footer divisions - these define the unique styles for the header and footer sections of the file.

mainbody is a wide column that is used for the main data on the page.  It contains other special styles

sidecol is a narrow column intended to be on the left.  It is used to contain a table of contents menu and links to lists, weather, etc.

bottomsidecol is a second side column intended to be on the bottom left. It may not be used.

*/

/* ---------------------------------

The following is intended to set up initial conditions by zero out some values and setting other intial values to 
those selected for the design layout.   

--------------------------------------- */



/* Frame set up */

* {
	margin: 0;
	padding: 0;
}


/* font-size 62.5% below makes the default font in most browsers appear as 10px. So a font-size of 1.2em would look like 12px.  */ 


body {
	text-align: center;
	background-color: #eee;
	font-size: 62.5%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}



/* ---------------------------------------
	Common HTML Elements
--------------------------------------- */

input {font-weight: normal;
	font-size: smaller;

}
p {
	margin: 1em 0 1em 0;
	padding: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

h1 {
	margin: 0;
	padding: 0;
}

h2 {
	margin: 0;
	padding: 0;
}

h3 {
	margin: 0;
	padding: 0;
}

h4 {
	margin: 0;
	padding: 0;
}

h5 {
	margin: 0;
	padding: 0;
}

blockquote {

}

code {

}

abbr, acronym {
	font-style: normal;
}


em {
	font-style: italic;
}

s, strike {
	text-decoration: line-through;
}

address {
	margin: 0;
	padding: 0;
	font-style: normal;
}

td {vertical-align: top;
}

map {
	margin: 0;
	padding: 0;
}

/* ---------------------------

Special style classes 

----------------------------- */

.box { border-style: ridge;
	border-width: 6px;
	border-color: red;
	padding: 8px;
	font-size: smaller;
}

.bigbold {font-weight: bolder;
	font-size: larger;
	}

.center {text-align: center;
}

.imageright {margin-left: -11em;
}
/* ----------------------------

The following sets up the location, size and base parameters for the major structural divisions including frame, header, footer, mainbody. sidecol, etc.

---------------------- */

/* frame is the top level division of the design.  This applies the background image to the frame and sets the frame width so that text will have a maximum width. */

#frame {
	position: relative;
	margin: 0 auto 0 auto;
	max-width: 80em;
	text-align: left;
	background-image:url("../img/nrnbg.jpg");
	background-color: white; 
	background-attachment: fixed;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ddd;
	height: 1%;
}

#wide {	position: relative;
	margin: 0 auto 0 auto;
	max-width: 100em;
	text-align: left;
	background-image:url("../img/nrnbg.jpg");
	background-color: white; 
	background-attachment: fixed;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ddd;
	height: 1%;

}

#full {	position: relative;
	margin: 0 auto 0 auto;
	width: auto;
	text-align: left;
	background-image:url("../img/nrnbg.jpg");
	background-color: white; 
	background-attachment: fixed;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ddd;
	height: 1%;

}

#mainbody {
	background: transparent;
	margin: 0;
	padding: 0px 2.5em 1.6em 13.5em;
	background: transparent;
	font-size: 1.4em;
 
}


#sidecol {
	position: absolute;
	left: 0px;
	position: absolute;
	top: 12em;
	width: 15.5em;
	margin: 0;
	padding: 0 0 1.6em 0;
	background: transparent ;
	text-align: center;
}

#bottomsidecol {
	position: absolute;
	left: 0px;
	bottom: 7em;
	width: 15.5em;
	margin: 0;
	padding: 0 0 1.6em 0;
	background: transparent ;
}

#header {
	background-color: transparent;
	background-image:  url("../img/smnrl.png") ;
	background-repeat: no-repeat;
	background-position:  65em;  
	padding: 6em 0 0 0;
	margin: 0 3em 0 0;
	border-bottom-style:groove;
}

#footer {
	text-align: left;
	clear: both;

	margin: 0;
	padding: 0.33em 1.5em 0.66em 1.5em;
	color: #acacac;
	font-size: xx-small;
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;


}

#generalbody {padding-left: 1em;
	padding-right: 1em;
	font-size: medium;
}



/* Structural subdivisions of the above top level divisions - none */

/* -------------------------------

Styling divisions of structural divisions
-------------------------------------------- */
/* Header */

/* ---------------------------------------
	Page Header
--------------------------------------- */

#header h1 {font-style: oblique; 
	margin: 0;
	
	
}


#header h2 {
	font-style: oblique;
	position: absolute;
	left: 2em;
 	top: .2em;
 	font-size: 4em !important;
	font-weight: bold;
	color: green;
	background-color: transparent;
	font-family: "Palatino", "Book Antiqua" , serif;
	width: 2000em;
}



#header p.tagline {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px !important;
	color: #6e2703;
	margin: 0 0 2em 0;
	padding: 0 0 0 1.5em;
	letter-spacing: .3em;
	width: 2000em;

}

/* ---------------------------------------
	Footer
--------------------------------------- */


#footer p {
	margin: 0;
	padding: 1.3em 0;
}

/* ---------------------------------------
	Sidecolumn
--------------------------------------- */

#sidecol a{	font-size: small;
}


#menulist ul li {list-style-type: upper-alpha; 
	list-style-position: inside;
	text-align: left;
	padding-top: 0;
	padding-bottom: 0; 
	border-style: solid;
	border-color: #6633CC;
	border-width: 1px;
	background-color: 	#F0F8FF;
	font-size: small;
}

#menulist a {
	text-decoration: none;
}

#menulist  p {	
	font-size: medium;
	font-weight: bold;
	color: lime;
	background-color: navy;
	border-style: solid;
	border-color: Silver;
	border-width: .4em;


}



#menulist ul a:hover {background-color: aqua; 
	font-weight: bold;
	color: red;

}


/* ---------------------------------------
	Mainbody
--------------------------------------- */

#countylogo  {	font-size: smaller;
	text-align: center;
	padding: 2em;
	
}	


#mainbody ul li {list-style-type: upper-alpha; 
	text-align: center;
	padding-top: .5em;
	padding-bottom: .5em;
	border-top-style: ridge; 
	font-size: large;
	border-width: .5em;
}

#mainbody ul li p {font-size: medium;

}


#mainbody ul ul li {list-style-type: decimal; 
	text-align: left;
	padding-bottom: 0;
	padding-top: 0;
	border-top-style: none; 
	font-size: medium;

}



#mainbody ul ul ul li {list-style-type: lower-alpha; 
	list-style-position: inside;
	text-align: left;
	padding-bottom: 0;
	padding-top: 0;
	padding-left: 1em;
	border-bottom-style: none; 
	font-size: medium;

}


#mainbody h3 {font-size: smaller;

}


/* Specific styles for use in general places */

.new {
	background-color: transparent;
	background-image:  url("../img/new.gif") ;
	background-repeat: no-repeat;
	background-position: bottom right;
}

.no {
	display: none;
}

.centerlarge {font-size: large;
	font-weight: bold;
	text-align: center;
	color: red;
	}
	
#mainbody li img {
	border-style: none;
}


/* --------------------------
Generalbody 

----------------------------- */

#generalbody h2, h3, h4, h5{text-align: center;
	
}

#generalbody h3 a {font-size: small;

}

#generalbody li {list-style-position:inside
}

/*-------------------------
For Census Tables
-------------------------*/
.column_gray {background-color: #d4ecfb; width:30px; 
}
.column_clear {width:30px;
}