/* HTML entities -------------------*/

body {
	margin: 0;
	padding: 0;
	font-family: helvetica, tahoma, arial;
	font-size: medium;
	text-align: center;
	/*color: #748388;*/
	color:#333;
	background: #29343a;
}
img {
	border: none;
}
ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
td.small1 {font:10px Verdana;}

.clear {
clear:both;
margin-top:-1px;
height:1px;
overflow:hidden;
}

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;
	margin-bottom: 20px;
	margin-top: 40px;
	font-size: 180%;
	font-weight: normal;
	color: #9fafb4;
}
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: 760px;
	margin: 0 auto;
	text-align:left;
	
	
}
.gutter {
	position: relative;
	padding: 20px;
	
	
}



/* Header ------------------------ */
#header {
	background: #3a8ab3 url(../images/web-content-header-bg.gif) repeat-x top left;
}
#header .wrapper {
	position: relative;
}
#header h1 {
	text-indent: -5000px;
	height: 97px;
	background: transparent url(../images/logo.jpg) no-repeat center left;
}
#header #search {
	margin: 0;
	padding: 0;
	position: absolute;
	top: 0;
	right: 3px;
	width: 266px;
	height: 97px;
	background: transparent url(../images/searchBG.gif) no-repeat bottom right; 
}
#header #search input {
	color: #2b3a45;
	width: 189px;
	font-size: 100%;
	vertical-align: middle;
	margin-top: 47px;
	margin-left: 14px;
	background: #dee9ec;
	border: 1px solid #304e59;
}
#header #search input.goBtn {
	width: 41px;
	height: 24px;
	border: none;
	margin-left: 5px;

}


/* Main Nav ---------------------- */
#mainNav {
	width: auto;
	display: block;
	float: left;
	line-height: 40px;
	background: #333e46;
	padding-left:60px;
}
#mainNav ul li {
	
	padding-left:15px;
	display: inline;
	float: 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: #1aa1ff;
}	
#mainNav .first {
	margin: 0;
	background: none;
}








/* Content ----------------------- */
#content {
	clear: both;
	background: #c7d1d4 url(../images/web-content-bg.gif) repeat-x top left;
	
	
}
#mainContent {
	float: left;
	width: 421px;
	
}
#recent {
	width: 760px;
	
	margin-left: 7px;
	background: #fff;
	margin-bottom: 35px;
	font-size:12px;
}
#recent .first {
	color:#666699;
	padding:5px;
	margin-top: 10px;
	margin-bottom:0px;
}
#recent h4.first {
	margin-top: 25px;
}
#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 .gutter ul li a.more {
	float: right;
	margin-top: -52px;
	margin-right: 2px;
	color: #69808b;
	font-size: 140%;
}
#recent p {
	margin-top: 11px;
}
#recent span {
	color: #0091c7;
	font-weight: bold;
	font-size: 90%;
}
#recent em {
	color: #2a5564;
}
/*-----------------------------------------------------*/
#secContent {
	float: right;
	width: 288px;
	
}
#categories {
	margin-left: 6px;
	width: 272px;
	background: #24a1c6 url(../images/catBoxBG.gif) no-repeat top right;
}
#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 #0786ac;
	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: #00536c;
}



/* Footer ------------------------ */
#footer {
	clear: both;
	padding-top: 10px;
	color: #fff;
	background: #29343a;
}
#footer p {
	margin: 0;
	padding: 20px 15px 80px 15px;
	text-align: left;
	background: #29343a url(../images/footerBG.gif) no-repeat top left;
}
#footer span {
	font-size: 11px;
}
#footer a, #footer a:visited {
	color: #9edeff;
	text-decoration:underline;
}

/* other ------------------------ */
.clear {
	clear: both;

}
#recent a.goTop {
	color: #8a9ea5;
	padding-left: 13px;
	background: transparent url(../images/goTopBG.gif) no-repeat 0% 40%;
}
.text p {
	line-height: 1.4em;
}
h4.success {
	font-size: 150%;
	margin-top: 5px;
	margin-bottom: 10px;
	padding: 6px;
	padding-left: 35px;
	background: #d1e6ef url(../images/confirmIcon.gif) no-repeat 2% 50%;
	border: 1px solid #96abb4;
}
h4.error {
	font-size: 150%;
	margin-top: 5px;
	margin-bottom: 10px;
	padding: 6px;
	padding-left: 35px;
	background: #d1e6ef url(../images/errorIcon.gif) no-repeat 2% 50%;
	border: 1px solid #96abb4;
}
.paginate {
	position: relative;
	padding-left: 15px;
	display: block;
	line-height: 29px;
	font-size: 110%;
	color: #7d8f96;
	background: #5d7078;
}
#recent .paginate a:link, #recent .paginate a:visited {
	color: #dfdfdf;
	font-weight: bold;
}
#recent .paginate a:hover, #recent .paginate a:active {
	color: #fff;
	border: none;
}
.paginate a.viewAll {
	position: absolute;
	right: 0;
	margin-right: 14px;
	color: #73d2ff;
}
#recent ul {
	margin-bottom: 50px;
}
#recent a.reviewBtn {
	padding: 5px;
	padding-left: 22px;
	background: #c4d9e2 url(../images/reviewBtnIcon.gif) no-repeat 8% 50%;
}
#recent a.reviewBtn:hover {
	color: #2f6283;
	border: none;	
}

/* get rid of annoying powered by */
span.affstyle {
	display: none;
}



/* Form styles --------------------- */
#recent .txt {
	margin-top: -3px;
	width: 365px;
	font-size: 110%;
	color: #465c66;
	border: 1px solid #9db8c4;
	background: #d5e8f0;
}
textarea {
	font-size: 110%;
	font-family: helvetica, tahoma, arial;
}


/* hack for IE to display correct font size */
* html body {
	font-size: small; /* for IE5/Win */
	f\ont-size: medium; /* for other IE versions */
}
/*Nifty Corners Cube CSS by Alessandro Fulciniti
The following classes are added dinamically by javascript,
and their use should be avoided in the markup */

b.niftycorners,b.niftyfill{display:block}
b.niftycorners *{display:block;height: 1px;line-height:1px;font-size: 1px;
    overflow:hidden;border-style:solid;border-width: 0 1px}
/*normal*/
b.r1{margin: 0 3px;border-width: 0 2px}
b.r2{margin: 0 2px}
b.r3{margin: 0 1px}
b.r4{height: 2px}
b.rb1{margin: 0 8px;border-width:0 2px}
b.rb2{margin: 0 6px;border-width:0 2px}
b.rb3{margin: 0 5px}
b.rb4{margin: 0 4px}
b.rb5{margin: 0 3px}
b.rb6{margin: 0 2px}
b.rb7{margin: 0 1px;height:2px}
b.rb8{margin: 0;height:2px}
b.rs1{margin: 0 1px}
/*transparent inside*/
b.t1{border-width: 0 5px}
b.t2{border-width: 0 3px}
b.t3{border-width: 0 2px}
b.t4{height: 2px}
b.tb1{border-width: 0 10px}
b.tb2{border-width: 0 8px}
b.tb3{border-width: 0 6px}
b.tb4{border-width: 0 5px}
b.tb5{border-width: 0 4px}
b.tb6{border-width: 0 3px}
b.tb7{border-width: 0 2px;height:2px}
b.tb8{border-width: 0 1px;height:2px}
b.ts1{border-width: 0 2px}