@import url(category.css);
body {
	margin: 0;
	padding: 0;
	font-family: "Trebuchet MS", sans-serif;
	font-size: medium;
	text-align: center;
}
img {
	border: none;
}
ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
h1 {
	margin: 0;
	padding: 0;
}
h2 {
	padding: 0;
	color: #deeff4;
	font-size: 150%;
	font-weight: normal;
	line-height: 1.3em;
	display: block;
	padding: 11px 4px 9px 0px;
}
h3 {
	margin: 0;
	padding: 0;
	padding-bottom: 5px;
	font-size: 120%;
	font-weight: normal;
	color: #778899;
}
h4 {
	margin: 0;
	padding: 0;
	margin-top:35px;
	margin-bottom: 5px;
	font-size: 135%;
	font-weight: normal;
	color: #2a363a;
}
a {
	text-decoration: none;
}
em {
	display: block;
	font-weight: bold;
	font-style: normal;
	line-height: 21px;
	font-size: 90%;
}
/* Layout --------------------- */
.divider {
}
.wrapper {
	width: 720px;
	margin: 0 auto;
	text-align:left;
}
.gutter {
	position: relative;
	padding: 10px;
}
/* Section Title ------------------ */
.secTitle {
	margin:20px 0px -11px 0px;
}
.secTitle span {
	display: block;
	margin-left: 8px;
	padding-left: 13px;
}
/* main section title */
#recentTitle h2 {
	background: transparent url(../images/bigTitleBgTop.gif) no-repeat top left;
}
#recentTitle {
	background: transparent url(../images/bigTitleBgBtm.gif) no-repeat bottom left;
}
/* categories */
#catTitle h2 {
	background: transparent url(../images/catTitleBgTop.gif) no-repeat top left;
}
#catTitle {
	background: transparent url(../images/catTitleBgBtm.gif) no-repeat bottom left;
}
/* top rated */
#topTitle h2 {
	background: transparent url(../images/topTitleBgTop.gif) no-repeat top left;
}
#topTitle {
	background: transparent url(../images/topTitleBgBtm.gif) no-repeat bottom left;
}
/* Header ------------------------ */
#header {
	background: url(../images/headerBG.gif) repeat-x top left;
}
#TEESheader {
	background: url(../images/headerBG.gif) repeat-x top left;
}
#TEESheader .wrapper {
	position: relative;
}
#TEESheader h1 {
	text-indent: -5000px;
	height: 97px;
	background: transparent url(../images/TEESlogo.jpg) no-repeat left center;
}
#header .wrapper {
	position: relative;
}
#header h1 {
	text-indent: -5000px;
	height: 97px;
	background: transparent url(../images/logo.jpg) no-repeat left center;
}
/* Main Nav ---------------------- */
#mainNav {
	width: 100%;
	display: block;
	float: left;
	line-height: 40px;
	background: #333e46 url(../images/mainNavBG.gif) repeat-x center left;
}
#mainNav ul li {
	display: inline;
	float: left;
	background: transparent url(../images/mainNavDivider.gif) no-repeat center left;
}
#mainNav ul li a:link, #mainNav ul li a:visited {
	padding: 0px 15px 0px 25px;
	float: left;
	font-size: 120%;
	color: #ebebeb;
}
#mainNav ul li a:hover, #mainNav ul li a:active {
	/* background: #0b6a97; */
	color: #FF6600;
}
#mainNav .first {
	margin: 0;
	background: none;
}
/* MainNav current page highlight ---------- */
body.home #mainNav a#sHome {
	color: #FF6600;
}
body.about #mainNav a#sAbout {
	color: #FF6600;
}
body.contact #mainNav a#sContact {
	color: #FF6600;
}
body.feedback #mainNav a#sFeedback {
	color: #FF6600;
}
body.comments #mainNav a#sComments {
	color: #FF6600;
}
/* Content ----------------------- */
#content {
	clear: both;
	background: #c7d1d4 url(../images/contentBG.gif) repeat-x top left;
}
#mainContent {
	float: left;
	width: 421px;
}
#mainContent2 {
	float: left;
	width: 720px;
}
#recent2 {
	width: 706px;
	margin-left: 7px;
	background: #e3ecf0;
	margin-bottom: 35px;
}
#recent {
	width: 406px;
	margin-left: 7px;
	background: #e3ecf0;
	margin-bottom: 35px;
}
#recent .first {
	margin-top: 0;
}
#recent h4.first {
	margin-top: 5px;
}
#recent a:link, #recent a:visited {
	color: #2a363a;
}
#recent a:hover, #recent a:active {
	border-bottom: 1px dotted #2a363a;
}
/* hide ugly dotted lines */
* html #recent a:hover {
	border-bottom: 1px solid #acb3b7;
}
#recent .gutter ul li {
	position: relative;
}
#recent p {
	margin-top: 11px;
	line-height: 1.2em;
	font-size: 15px;
}
#recent span {
	color: #FF6600;
	font-weight: bold;
	font-size: 110%;
}
#recent em {
	color: #2a5564;
}
#secContent {
	float: right;
	width: 288px;
}
#categories {
	margin-left: 6px;
	width: 272px;
	background: #FF9900 url(../images/catBoxBG.gif) no-repeat right top;
}
#categories ul {
	margin-bottom: 8px;
}
#categories .first {
	margin-top: -5px;
}
#categories ul a:link, #categories ul a:visited {
	display: block;
	font-size: 140%;
	padding: 5px 5px 3px 13px;
	color: #dfeaed;
	border-bottom: 1px solid #FFCC00;
	background: transparent url(../images/catNavIcon.gif) no-repeat center left;
}
#categories ul a:hover, #categories ul a:active {
	color: #003140;
}
#categories ul a span {
	color: #FFFF00;
}
/* Footer ------------------------ */
#footer {
	display: block;
	clear: both;
	background: url(../images/footerBG.jpg) repeat-x top left;
}
#footer p {
	margin: 0;
	padding: 20px 15px 30px 15px;
	text-align: left;
}
#footer span {
	color: #fff;
}
/* other ------------------------ */
.clear {
	clear: both;
}
#recent a.goTop {
	color: #8a9ea5;
	padding-left: 13px;
	background: transparent url(../images/goTopBG.gif) no-repeat 0% 40%;
}
#recent ul {
	margin-bottom: 50px;
}
/* Form styles --------------------- */
textarea {
	font-size: 110%;
	font-family: helvetica, tahoma, arial;
}
input {
	font-size: 110%;
	font-family: helvetica, tahoma, arial;
}
#topRated {
	margin-left: 6px;
	width: 272px;
	margin-bottom: 25px;
	color: #2a6500;
	background: #69c624 url(../images/topRatedBoxBG.gif) no-repeat top right;
}
#topRated h3 {
	margin: 0;
	padding: 0;
	margin-bottom: 3px;
	color: #effde5;
	font-size: 130%;
	background: none;
}
#topRated a:link, #topRated a:visited {
	color: #effde5;
}
#topRated a:hover, #topRated a:active {
	color: #003212;
}
#topRated span {
	color: #1c3908;
}
#topRated em {
	margin-bottom: 15px;
}
/* hack for IE to display correct font size */
* html body {
	font-size: small; /* for IE5/Win */
	f\ont-size: medium; /* for other IE versions */
}
.ccnotes {
	font-size: 12px;
	color:#666666
}
.ccdate {
	font-size: 12px;
	color:#CCCCCC;
	padding-top:2px;
}
.addhead {
	position:absolute;
	right:100px;
	top:20px;
	text-align:right;
	color:#FFF;
	font-size:15px;
	font-weight:bold;
}
