html{
	padding:0;
	margin:0;
}
body {
background-color:#666666;
font-size: 11px;
font-family: Verdana, Arial, SunSans-Regular, Sans-Serif;
padding:0;
margin-top: 10px;
}
/* ----------Font/link settings---------- */
a {color:#666}
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: 1020px;
margin-bottom: 10px;
margin: 0 auto;
background-color:#CCCCCC;
}
#container[class="3col"] {
background-image:url('csspics/BG.PNG');
background-repeat:repeat-y
}
#container[class="2col"] {
background-image:url('csspics/BG2Col.PNG');
background-repeat:repeat-y
}

/* ----------banner for logo-------------- */
#banner {
background-color:#000;
margin:0px;
padding: 0px;
text-align:right;
}
/*#bannerImg{
	display:block;
	font-size:1px;
	background-image:url(csspics/banner.gif);
	background-position:top left;
	background-repeat:no-repeat;
	padding:0 0 184px 0;
	color:#3399CC;
}*/
#bannerImg{
	display:block;
	background-image:url('csspics/Logo.JPG');
	background-position: left center;
	background-repeat:no-repeat;
	font-size:9em;
	color:#3399CC; padding-left:10%; padding-right:10%; padding-top:20px; padding-bottom:20px
}
#banner a{
	text-decoration:none;
}

/* -----------------content--------------------- */
/* Content + container alignment stuff */
#container[class="3col"] #content {
border-right: solid 1px;
border-left: solid 1px;
margin: 0 235px 0 200px;
}
#container[class="2col"] #content{
border-left: solid 1px;
margin-left: 200px;
}
#content { 
	min-height:150px;
}


/* Content classes */
/*Universally useful*/
.UU{
	text-decoration:underline;
}
.center{
	width:100%;
	text-align:center;
}
.clearflt{
	width:1px;
	height:1px;
	clear:both;
}
.breakTitle{
	margin: 10px auto;
	margin-left:10px;
	margin-bottom:28px;
	height:1px;
	background-color:#000;
	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 {
float: left;
width: 200px;
max-width: 200px;
margin: 0;
padding: 0;
}
#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:#333;
	text-decoration:none;
}
#Nav p a:hover{
	background-color:#66FFFF;
	color:#3399CC;
}
#Nav p.title{
	display:block;
	padding:4px;
	background-color:#3399CC;
	font-size:12px;
	font-weight:bold;
}
.statcounter{
	display:none;
}
/* Extra Section */
#right {
float: right;
width: 235px;
margin: 0;
padding: 0;
}
#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;
}