body {
	font-family: Arial, Helvetica, sans-serif;
	margin: 0 auto;
	padding-top: 5px;
	background-image: url(../images/main-bg.jpg);
	background-repeat: repeat-x;
	background-color: #FFF;
}

.t0 { font-size: 24px; margin: 0px;}
.t1 { font-size: 18px; margin: 0px;}
.t2 { font-size: 16px; margin: 0px;}
.t3 { font-size: 14px; margin: 0px;}
.t4 { font-size: 12px; margin: 0px;}
.t5 { font-size: 10px; margin: 0px;}

a:link { 
	color: #fff;
	}
a:visited { 
	color: #fff;
	}
a:hover { 
	color: #CCCCCC;
	text-decoration: none;
	}
a:active { 
	color: #fff;
	}

b { padding: 0px; margin: 0px; }

#containtop { padding-top: 25px; }

.container { margin: 0 auto; width: 950px; height: auto; }

#headcontent {width: 950px; margin: 0 auto; text-align: right; }

#headcontain { margin-top: 18px; }

#header { margin: 0 auto; width: 950px; text-align: center; }

.contentcontain {width: 950px; margin: 0 auto; background: #fff;}
.content { width: 950px; margin: 0 auto; background: url(../images/content-top.jpg); background-repeat:no-repeat; background-position: top; background-color: #FFF; border-left: 1px solid #333; border-right: 1px solid #333; }
#contentbtm { width: 952px; margin: 0 auto; height: 26px; background-image: url(../images/content-btm.jpg); background-repeat: no-repeat; }

.clear {clear: both; }


<!-- Rounded Box -->

.xtop, .xbottom {display:block; background:transparent; font-size:1px;}
.xb1, .xb2, .xb3, .xb4, .xb1a, .xb2a, .xb3a, .xb4a {display:block; overflow:hidden;}
.xb1, .xb2, .xb3, .xb1a, .xb2a, .xb3a {height:1px;}
.xb2, .xb3, .xb4 {background:#999999; border-left:1px solid #000; border-right:1px solid #000;}
.xb2a, .xb3a, .xb4a {background:#fff; border-left:1px solid #000; border-right:1px solid #000;}
.xb1, .xb1a {margin:0 5px; background:#000;}
.xb2, .xb2a {margin:0 3px; border-width:0 2px;}
.xb3, .xb3a {margin:0 2px;}
.xb4, .xb4a {height:2px; margin:0 1px;}


.ftop, .fbottom {display:block; background:transparent; font-size:1px;}
.fb1, .fb2, .fb3, .fb4, .fb1a, .fb2a, .fb3a, .fb4a {display:block; overflow:hidden;}
.fb1, .fb2, .fb3, .fb1a, .fb2a, .fb3a {height:1px;}
.fb2, .fb3, .fb4 {background:#339999; border-left:1px solid #000; border-right:1px solid #000;}
.fb2a, .fb3a, .fb4a {background:#fff; border-left:1px solid #000; border-right:1px solid #000;}
.fb1, .fb1a {margin:0 5px; background:#000;}
.fb2, .fb2a {margin:0 3px; border-width:0 2px;}
.fb3, .fb3a {margin:0 2px;}
.fb4, .fb4a {height:2px; margin:0 1px;}

.fboxcontent {display:block; background: url(../images/featured-bg.jpg) #FFF repeat-x; border:0 solid #000; border-width:0 1px; padding: 0px; margin: 0px;}

.xboxcontent {display:block; background: url(../images/rounded-bg.jpg) #FFF repeat-x; border:0 solid #000; border-width:0 1px; padding: 0px; margin: 0px;}
.xboxtxt { padding: 10px; width: auto }
.xboxtxt p { margin: 0px; padding: 0px; }
#xmain { float: left; width: 950px; }

/*#twitsnazzy { float: left; width: 160px; margin-left: 10px; }
#twitsnazzy a { color: #333; }
#twitsnazzy a:hover { color: #999; }

#rsssnazzy { float: left; width: 160px; margin-left: 10px; margin-top: 10px}
#rsssnazzy a { color: #333; }
#rsssnazzy a:hover { color: #999; }*/

#newsnazzy { float: left; width: 450px; margin-top: 10px}
#newsnazzy a { color: #333; }
#newsnazzy a:hover { color: #999; }

#frogsnazzy { float: left; width: 450px; margin-top: 10px; margin-left: 50px;}
#frogsnazzy a { color: #333; }
#frogsnazzy a:hover { color: #999; }

#contactsnazzy { float: left; width: 950px; margin-top: 10px; }
#contactsnazzy a { color: #333; }
#contactsnazzy a:hover { color: #999; }

#sitesnazzy { float: left; width: 950px; margin-top: 10px; }
#sitesnazzy a { color: #333; }
#sitesnazzy a:hover { color: #999; }


<!-- Thumb Round -->
.xtop, .tbottom {display:block; background:transparent; font-size:1px;}
.tb1, .tb2, .tb3, .tb4 {display:block; overflow:hidden;}
.tb1, .tb2, .tb3 {height:1px;}
.tb2, .tb3, .tb4 {background:#333; border-left:1px solid #000; border-right:1px solid #000;}
.tb1 {margin:0 5px; background:#000;}
.tb2 {margin:0 3px; border-width:0 2px;}
.tb3 {margin:0 2px;}
.tb4 {height:2px; margin:0 1px;}

.tboxcontent {display:block; background:#333; border:0 solid #000; border-width:0 1px; padding: 0px; margin: 0px;}
.tboxtxt { padding: 10px; width: 150px; height: 100%; }
.tboxtxt p { margin: 0px; padding: 0px; }
#tsnazzy { margin-left: 50px; width: 180px; height: 100%; margin-top: 20px; }


/*#main-left { float: left; width: 200px; height: 100% }
#main-right { float: left; width: 480px; height: 100%; margin-left: 10px;}*/



/* Content */

/*.slide { width: 500px; height: 350px; margin-top: 20px; }
.slide img { border: 3px solid #000; }
.thumb {   border: 1px solid #000; margin-right: 5px; line-height:20px; }
.info {
	position: absolute;
	margin-top:-66px; margin-left:3px;
	height:70px; width: 500px;
	background: url('../images/transparent-bg.png');
}
.info h2{
	font-size:18px; font-family:Verdana;
	color:#fff; padding:5px; margin:0;
	overflow:hidden;
}
.info p{
	margin:0 5px;
	font-family:Verdana; font-size:11px;
	line-height:15px; color:#f0f0f0;
}
.info a{
	text-decoration:none;
	color:#fff;
}
.info a:hover{
	text-decoration:underline;
}

.image { float: left; height: 50px; width: 80px; }
.text { float: left; margin-left: 5px; height: 50px; width: 60px;  }
.text p { margin: 0px; padding: 0px; font-size: 12px; color: #FFF }*/


/* Site Map Styles */
.sitemap { margin-left: 10px; margin-right: 10px; }
.sitemap a:link { color: #000; text-decoration: none;}
.sitemap a:visited {color:#000; text-decoration: none;}
.sitemap a:hover {color:#666; text-decoration: none;}
.sitemap a:active {color: #000; text-decoration: none;}
.sitemap p {margin-bottom: 5px; }

.maptitle p { font-size: 16px; }
.mapitems {width: 220px; float: left; }
.mapitems li { list-style: none; margin-bottom: 3px; font-size: 14px;}
.mapitems ul { margin:0; padding: 0; list-style: none;}

.sitetitle { font-weight: bold; }

.left { width: 440px; float: left; border-right: 1px #333 solid }
.right { width: 440px; float: left; margin-left: 10px; }






/* Contact Styles */
.contact {margin-left: 10px; margin-right: 10px; }

.contactf ol {
		list-style:none;
		margin:0;
		padding:0;
		}
.contactf li {
	padding:6px;
	margin-bottom:1px;
	}
.contactf li#send {
	background:none;
	margin-top:6px;
	}
.contactf label {
	float:left;
	width:100px;
	text-align:right;
	margin-right:10px;
	color:#000;
	line-height:30px;	 /* This will make the labels vertically centered with the inputs */
	}

.contactf input{
	padding:4px;
	font-size:16px;
	border:1px solid #999999;
	width:200px;
	}
.contactf textarea {
	padding:4px;
	font-size:16px;
	border:1px solid #999999;
	width:500px;

}

.contactf input:focus,
.contactf textarea:focus {
	border:1px solid #999999;
	background: #FFC;
	}
.contactf button {
	padding: 4px;
	margin-left: 110px;
	font-size: 16px;
	
}


/* Homepage */

#intro { margin: 0px 0px 0px 10px; color: #000; position: relative}

#maincontent {width: 920px; background-color: #000; border: 1px #666 solid; height: 300px; margin: 0 auto; }
.wideimage { width: 920px; height: 300px; padding:0px; margin: 0px; }
.image { width: 720px; height: 300px; float: left; }
.imagedescription { float: left; width: 200px; color: #FFF;}
.desctitle { font-size: 36px; }
.descsm { font-size: 22px; }

#selectchannel { width: 920px; margin: 0 auto; color: #000; font-size: 16px; text-align: center}
#selectchannel a { color: #333; }
#selectchannel a:hover { color: #CCC; }

#left { float: left; }
#right { float: left;}


/* de Ferrers News */

.simplepie li { list-style: none; }



/* Tweets */

/*#twitter { margin-top: 50px; margin-left: 30px; }*/





/* New Slider */
/*#featured{
	width:500px;
	padding-right:200px;
	position:relative;
	height:100%;
	background:#fff;
	border:5px solid #666;
	float: left;
	margin-left: 30px;
}

#featured ul.ui-tabs-nav{
	position:absolute;
	top:0; left:500px;
	list-style:none;
	padding:0; margin:0;
	width:200px;
}
#featured ul.ui-tabs-nav li{
	padding:1px 0; padding-left:13px;
	font-size:12px;
	color:#666;
}
#featured ul.ui-tabs-nav li span{
	font-size:11px; font-family:Verdana;
	line-height:18px;
}
#featured .ui-tabs-panel{
	width:500px; height:350px;
	background:#999; position:relative;
        overflow:hidden;
}
#featured .ui-tabs-hide{
	display:none;
}
#featured li.ui-tabs-nav-item a{/*On Hover Style*/
	/*display:block;
	height:60px;
	color:#333;  background:#fff;
	line-height:20px;
	outline:none;
}
#featured li.ui-tabs-nav-item a:hover{
	background:#f2f2f2;
}
#featured li.ui-tabs-selected{ /*Selected tab style*/
	/*background:url('../images/selected.gif') top left no-repeat;
}
#featured ul.ui-tabs-nav li.ui-tabs-selected a{
	background:#666;
	color: #FFF;
}
#featured ul.ui-tabs-nav li img{
	float:left; margin:2px 5px;
	background:#fff;
	padding:2px;
	border:1px solid #eee;
}
#featured .ui-tabs-panel .info{
	position:absolute;
	top:280px; left:0;
	height:70px; width: 600px;
	background: url('../images/transparent-bg.png');
}
#featured .info h2{
	font-size:18px; font-family:Georgia, serif;
	color:#fff; padding:5px; margin:0;
	overflow:hidden;
}
#featured .info p{
	margin:0 5px;
	font-family:Verdana; font-size:11px;
	line-height:15px; color:#f0f0f0;
}
#featured .info a{
	text-decoration:none;
	color:#fff;
}
#featured .info a:hover{
	text-decoration:underline;
}
.noscript { 
	height: 20px;
	color: #000;
	background-color: #000;
	font-size: 10px;
}




/* NO Javascript */

#nojs { width: 532px; height: 73px; background-image: url('../images/js-bg.jpg'); background-repeat: no-repeat; margin: 0 auto }
#nojstxt { margin-left: 100px; font-size: 14px; margin-right: 10px; padding-top: 10px; }
#nojstxt a:link { color: #333; }
#nojstxt a:active { color: #333; }
#nojstxt a:visited { color: #333; }
#nojstxt a:hover { color: #666; }





/* Technology Show */
#techshow li:first-child { margin-top: 0px; }
#techshow li { list-style: none; width: 90%; margin: 0 auto; background-color:#CFDDDA; margin-top: 10px; }
#techshow li:hover { background-color:#CCC; }
#techshow p { float: left; padding: 10px; margin-left: 10px; font-size: 28px; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;}
#techshow img { padding: 3px; float: left; }
#techshow a:link { color: #333; text-decoration: underline; }
#techshow a:visited { color: #333; text-decoration: underline; }
#techshow a:hover { color: #999; text-decoration: underline; }
#techshow a:active { color: #333; text-decoration: underline; }




/* Footer Styles */
#footercontain { width: 100%; height: 100%; background-color: #000; }
#footer {margin: 0 auto; width: 950px; background-color: #000; color: #FFF;}
#footer a:link { color:#FFF;}
#footer a:visited { color: #FFF}
#footer a:active { color:#FFF;}
#footer a:hover { color: #CCC; text-decoration: underline;}