html{
	padding:0;
	margin:0;
}
body {
	background: url(csspics/BodyBG.png) top center no-repeat #FFF;
	font-size: 9px;
	font-family: Verdana, Arial, SunSans-Regular, Sans-Serif;
	padding:0;
	margin-top: 10px;
}
/* ----------Font/link settings---------- */
a {color:#000; text-decoration:underline;}
a:visited {color:#666}
a:hover {color:#000}
a:active { color:#666}

#content p, #content pre, #right p, #right pre, #content h2{
padding: 5px 10px;
margin:0px;
}
/* ----------Header settings---------- */
#header h1, #footer h1{
font-size: 30px;
font-weight:100;
/*background-color:#999999;*/
border-top:1px solid #564b47;
border-bottom:1px solid #564b47;
padding:5px 15px;
margin:0;
}

/* ----------container to center the layout-------------- */
#container{
width: 1000px;
margin: 0 auto;
}
/*#container[class="3col"] #contentContainer {
background-image:url('csspics/BG.PNG');
background-repeat:repeat-y
}
#container[class="2col"] #contentContainer {
background-image:url('csspics/BG2Col.PNG');
background-repeat:repeat-y
}*/

/* ----------banner for logo-------------- */
#banner {
margin:0px;
padding:0px;
overflow:hidden;
}

/*#bannerImg{
	display:block;
	background-image:url('csspics/testbanners/The Grange Banner.png');
	background-position: center center;
	background-repeat:no-repeat;
	font-size:9em;
	color:#3399CC;
	width:100%;
	padding-top:200px;
}*/

#bannerImg{
	display:block;
	height:200px;
	background-image:url('csspics/banners/Main-banner-new.png');
	background-position: center;
	background-repeat:no-repeat;
	font-size:9em;
	color:#3399CC;
	text-indent:-1000px;
}

#banner a{
	text-decoration:none;
}

/* -----------------content--------------------- */
/* Content + container alignment stuff */
#container[class="3col"] #content {
	margin-left:200px;
	margin-right:215px;
	margin-top:0px;
	margin-bottom:0px;
	padding:0px;
}
#container[class="2col"] #content{
margin-left: 200px;
}

#content {
	min-height:150px;
}

#contentContainer{
	padding:0px;
	margin:0px;
}

#Nav {
float: left;
width: 200px;
max-width: 200px;
background-color:#DFDFFF;
margin: 0;
padding: 0;
}

#right {
float: right;
width: 215px;
margin: 0;
padding: 0;
}

/* Content classes */
/*Universally useful*/
.UU{
	text-decoration:underline;
}
.center{
	width:100%;
	text-align:center;
}
.clearflt{
	width:1px;
	height:1px;
	clear:both;
}
.breakTitle{
	margin-left: 10px;
	text-align:center;
	font-size:18px;
}

/*Content specific*/
#content h1{
	font-size:34px;
	text-decoration:underline;
	font-weight: 100;
	padding: 5px 6px;
	margin:0;
}
#content .writer{
	font-style:italic;
}
#content p{
	font-size:15px;
}
#content .mainpara{
	font-size:18px;
}

/*Floated Image stuff*/
#content .imgleft{
	max-width:400px;
	float:left;
	width:auto;
	height:auto;
	margin:5px;
	padding:5px;
}
#content .imgright{
	max-width:400px;
	float:right;
	width:auto;
	height:auto;
	margin:5px;
	padding:5px;
}
#content .imgright p, #content .imgleft p{
	margin:0;
	padding:0;
	padding-top:3px;
	text-align:left;
}

/*Slider CSS*/
#slideshow {
	margin:0 auto;
	position:relative;
	width:100%;
}
#slideshow #slidesContainer {
  margin:0 auto;
  overflow:auto; /* allow scrollbar */
  position:relative;
}
#slideshow #slidesContainer .slide h1{
	font-size:25px;
	padding-top:0px;
}
.control {
  display:block;
  width:39px;
  height:263px;
  overflow:visible;
  text-indent:-10000px;
  position:absolute;
  cursor: pointer;
  z-index:50;
}
.control2 {
  display:block;
  width:39px;
  height:263px;
  position:absolute;
  z-index:50;
}
#content h2{
	font-size:15px;
	font-weight:600;
}
#leftControl {
  top:0;
  left:0;
  background:transparent url(csspics/control_left.png) no-repeat 0 0;
  z-index:100;
}
#rightControl {
  top:0;
  right:0;
  background:transparent url(csspics/control_right.png) no-repeat 0 0;
  z-index:100;
}
#leftControl:hover{
	background:transparent url(csspics/control_left_over.png) no-repeat 0 0;
}
#rightControl:hover{
	background:transparent url(csspics/control_right_over.png) no-repeat 0 0;
}
#leftControl2 {
  left:0;
  background:transparent url(csspics/control_left_dull.png) no-repeat 0 0;
}
#rightControl2 {
  right:0;
  background:transparent url(csspics/control_right_dull.png) no-repeat 0 0;
}
#leftControl2,#rightControl2{
	top:0;
	z-index:99;
}
#slidesContainer .slide img {
  float:right;
  margin:5px;
}
#sliderTabsContainer{
	top:-15px;
	left:50px;
	position:relative;
}
#sliderTabsContainer .tab{
	text-align:center;
	position:absolute;
	top:0px;
	display:block;
	background:url(csspics/tabUp.png) transparent 0 0;
	
}
#sliderTabsContainer .tab:hover{
	cursor: pointer;
	background:url(csspics/tabOver.png) transparent 0 0;
}
#sliderTabsContainer .tabSelected,#sliderTabsContainer .tabSelected:hover{
	cursor: pointer;
	background:url(csspics/tabSelectedUp.png) transparent 0 0;
}
#sliderTabsContainer .tab:hover div{
	margin-top:10px;
}
#sliderTabsContainer .tabSelected div,#sliderTabsContainer .tabSelected:hover div{
	margin-top:3px;
}

/* Older news */
#olderNews{
	margin: 0 5px;
	font-size-adjust:0.45;
}
#olderNews h1{
	font-size:30px;
}
#olderNews img{
	float:right;
	margin: 1px;
}
/* --------------Float sections------------- */
/* Navigation */
#Nav p{
	padding:0;
	margin:0;
}
#Nav a{
	padding-top:4px;
	padding-bottom:4px;
}
#Nav p a:visited, #Nav p a:active, #Nav p a{
	padding-left:10px;
	display:block;
	width:190px;
	color:#000;
	text-decoration:none;
}
#Nav p a:hover{
	background-color:#FFF;
	color:#009;
}
#Nav p.title{
	display:block;
	padding:4px;
	background-color:#BDBDFD;
	font-size:12px;
	font-weight:bold;
}
.statcounter{
	display:none;
}

/* Right Section */
#right h1 {
font-size:20px;
font-weight: 100;
padding: 5px 6px;
margin:0;
}
.poll-top{
	height:10px;
	background-image:url('poll-top.png');
	background-repeat:no-repeat;
	background-position:bottom;
}
.poll-bottom{
	height:10px;
	background-image:url('poll-bottom.png');
	background-repeat:no-repeat;
	background-position:top;
}
#OPP-powered-by{
	display:none;
}

/* -----------feedback------------------------- */
#feedback{
	width:30px;
	height:93px;
	position:fixed;
	top:50px;
	right:0px;
}
#feedback a{
	display:block;
	background:url(csspics/feedbacklink.png) right no-repeat;
	width: 100%;
	height:100%;
}
#feedback a:hover{
	background:url(csspics/feedbacklinkroll.png) right no-repeat;
}

/* -----------footer--------------------------- */
#footer {
clear: both;
margin: 0;
padding: 0;
text-align: right;
border: none;
}

#footer h1{
font-size: 10px;
border: none;
}