﻿/*= GRC Mods =*/


#class1
{
     link: text-decoration: none;
     visited: {text-decoration: none};
     A:active {text-decoration: none}
     A:hover {text-decoration: underline; color: red;}
}     





body { 

color:black; /*= Text =*/
background:#688b9a; /*= Background Color Behind Body Container =*/
font-family: verdana, arial, helvetica, sans-serif, MS Sans Serif; /*= Fonts =*/
margin:0px; /*= Margin Around Body Container =*/

}

/*= COA Code =*/

/*=Define Text Appearance Globally=*/

h1 {

font-size:12px;
font-weight:bold;
text-align:left;
padding:0;
margin:0;

}

src {
	
border=0;	

}

/*=Define Body=*/

#bodycontainer {

width:790px; /*=Content will fit @ 800x600, but will still have horizontal scroll bar at that res due to image for background shadow=*/
height:1920px;

margin:0px auto 0px auto; /*=Centers=*/

background:url('../images/page_bg.png');
background-repeat:repeat-y;

background-color:white;

}

#bodycontainerspecial {

width:790px; /*=Content will fit @ 800x600, but will still have horizontal scroll bar at that res due to image for background shadow=*/
height:2200px;

margin:0px auto 0px auto; /*=Centers=*/

background:url('../images/page_bg.png');
background-repeat:repeat-y;

background-color:white;

}

#bodycontainerlong {

width:790px; /*=Content will fit @ 800x600, but will still have horizontal scroll bar at that res due to image for background shadow=*/
height:4000px;

margin:0px auto 0px auto; /*=Centers=*/

background:url('../images/page_bg.png');
background-repeat:repeat-y;

background-color:white;

}

#bodycontainerlonger {

width:790px; /*=Content will fit @ 800x600, but will still have horizontal scroll bar at that res due to image for background shadow=*/
height:15000px;

margin:0px auto 0px auto; /*=Centers=*/

background:url('../images/page_bg.png');
background-repeat:repeat-y;

background-color:white;


}

#bodycontainerlongest {

width:790px; /*=Content will fit @ 800x600, but will still have horizontal scroll bar at that res due to image for background shadow=*/
height:30000px;

margin:0px auto 0px auto; /*=Centers=*/

background:url('../images/page_bg.png');
background-repeat:repeat-y;

background-color:white;

}


#header {
	position:relative;      /*=GRC position our child objects relative to this div =*/
	float:left;
	vertical-align:top;	         /*=GRC protect from super-large user text sizing =*/
	border:0 none;
	margin:0;
	width:772px;
	height:150px;                                  	
	background:url('../images/headerbackground1x150.png');
	background-repeat:repeat-x;
	left:10px;
	top:0px;
		 
}

.headerlogo {
	text-align:center;
	position:absolute;
	top:0px;
	left:0px;
	float:left;
	vertical-align:top;
	border:0;
	padding:0;
	margin: 0px 0 0 0px;
	/*background:url('../images/logoaltsolo.jpg');*/
	width:106px;
	height:100px;
	
}

.headerpic {                                                
	position:absolute;
	border:0;
	margin:0;
	padding:0px;
	top:0px;
	right:1px;
	width:631px;
	height:132px;
	z-index:1000;
	/*background:url('../images/inset.png');*/
}

.pics {
	
position:absolute;
border:0;
margin:0;
padding:0px;
top:3px;
right:5px;
width:622px;
height:122px;	
	
}

.left {

position:absolute;        /* establish a menu-relative positioning context */
	float:left;                                     /* play nicely with others */
	margin:0;
	padding:0;
	border:0;
	height:21px;                                  /* the menu's overall height */
	width:139px;   
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;         /* this (and also below) sets the menu's font size */
	/*border-bottom:1px solid black;       give us a black border underneath */
	top:134px;
	left:1px;
}

.middle {

width:520px;
height:1720px;

margin-left:141px;
margin-top:2px;

}

.right {

width:104px;

/*margin-left:667px;*/
float:right;
padding-right: 1px;
margin-top:-1720px;

}


.title {


padding-top:5px;
padding-bottom:5px;

}


.title2 {

position:relative;
top:0px;

}


.newsbig {

float:left;
background:url('../images/mayorbig.jpg');
background-repeat:no-repeat; 
width:270px; 
height:211px; 

padding-right:3px;
margin:1px;
}

.news {

width:auto%;

float:none;

text-align:justify;

list-style-type:circle;

font-size:9pt;

padding:0px;

}

.newsfront {

width:98%;

float:none;

text-align:justify;

list-style-type:circle;

font-size:9pt;

padding:0px;

}

.news li {

line-height:1.5em;
font-size:8pt;

}

.news a:visited {color:blue; text-decoration:none;}
.news a:hover {color:red; text-decoration:none;}
.news a {color:blue; text-decoration:none;}
.news a:active {color:blue; text-decoration:none;}


.news2 {

float:left;

padding-right:3px;
}


.newsbody {

margin-top:5px;

width:48%;

float:left;

text-align:left;

font-size:9pt;

}

.newsbody li {

line-height:1em;
font-size:8pt;

}


.faqbody {

float:left;

padding:3px;
margin:0;
border:0;
list-style-type:none;          /* we don't want to view the list as a list */
font-size:10px;
width:260px;

}

.faqbody a:visited {color:black; text-decoration:none; width:150px;}
.faqbody a:hover {text-decoration:none; color:blue; width:150px;}
.faqbody a {color:black; text-decoration:none; width:150px;}
.faqbody a:active {color:black; text-decoration:none; width:150px;}


.faqbody2 a:visited {color:black; text-decoration:none; width:150px;}
.faqbody2 a:hover {background-color:white; text-decoration:none; color:blue; width:150px;}
.faqbody2 a {color:black; text-decoration:none; width:150px;}
.faqbody2 a:active {color:black; text-decoration:none; width:150px;}

.sep3 {

text-align:center;
padding-left:3px;

float:left;

}

.faqbody2 {

float:left;

padding:0px;
margin-top:5px;
margin-left:0px;
border:0;
list-style-type:none;          /* we don't want to view the list as a list */
font-size:10px;
width:290px;

}

.newsbig2 {

float:left;
background:url('../images/nch-sketch.jpg');
background-repeat:no-repeat; 
width:247px; 
height:171px; 

padding:6px;
margin:6px;
}

.footer{

text-align:center;
font-size:10px;
line-height:2.5em;
}

.footer a:visited {color:black; text-decoration:none;}
.footer a:hover {color:blue;}
.footer a {color:black; text-decoration:none;}
.footer a:active {color:black; text-decoration:none;}

.newsearch{
  position:relative;
  top:270px;

}


.searchoval {

position:absolute;
border:0;
margin:0;
padding:0;
top:0px;
right:0px;

}

#search {                                                    /* search button */
	position:absolute;
	border:0;
	margin:0;
	padding:0;
	top:285px;
	left:38px;
	width:60px;
	height:19px;
}

#search2 {                                                    /* search button */
	position:absolute;
	border:0;
	margin:0;
	padding:0;
	top:275px;
	left:25px;
	width:60px;
	height:19px;
}

#text {                                                 /* search text field */
	position:absolute;
	border:1px solid #404040;
	margin:0;
	padding:0;
	top:265px;
	left:0px
	height:1.215em;
	width:130px;        
	font-size:14px !important;
	background:#fefefe;
}

.lamp {                                   
	position:absolute;
	top:45px;
	/*left:545px;*/
	right:1px;
	width:46px;
	height:45px;
}

.sep {

margin-top:-3px;

}

.sepr {

border:0;
margin-bottom:10px;

padding:0;

text-align:left;

vertical-align:top;

}



.sepzl {

border-style:none;

padding-top:10px;
padding-bottom:35px;

}

.button {
	width:100%;
	height:100%;
	border-right: 1px solid #000;
	padding: 0 0 1em 0;
	margin-bottom: 1em;
	background-color: #90bade;
	color: #333;
	}
	
	.button ul {
		list-style: none;
		margin: 0;
		padding: 0;
		border: none;
		}
		
	.button li {
		border-bottom: 1px solid #90bade;
		margin: 0;
		}
		
	.button li a {
		display: block;
		padding: 1px 1px 1px 0.5em;
		border-left: 1px solid #1958b7;
		border-right: 1px solid #508fc4;
		background-color: #2175bc;
		color: #fff;
		text-decoration: none;
		width: 100%;
		}

	html>body .button li a {
		width: auto;
		}

	.button li a:hover {
		border-left: 10px solid #1c64d1;
		border-right: 10px solid #5ba3e0;
		background-color: #2586d7;
		color: #fff;
		}

.faq {
float:left;
padding-left:1px;
padding-top:4px;
margin:0;
border:0;
list-style-type:none;          /* we don't want to view the list as a list */
line-height:.4em;           /* globally set the menu's item spacing. note */
font-size:11px;
width:150px;
height:auto;

}


.newslink {

position:relative;
top:10px;	
float:left;	
list-style-type:none;

	

}

.newslink a:visited {color:black; text-decoration:none;}
.newslink a:hover {color:black; text-decoration:none; color:blue;}
.newslink a {color:black; text-decoration:bold; width:}
.newslink a:active {color:black; text-decoration:none;}

.hander
       {
           cursor:pointer;
       }