.wrapper {
	width: 994px;
	height: 400px;
	padding-top: 90px;
	margin-right: auto;
	margin-left: auto;
}

	.wrapper h1 {
		font: bold 20px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
		margin-top: 0;
		margin-bottom: 5px;
		float: left;
		clear: right;
	}

	.wrapper h2{
			color: #175c9c;
			font: bold 12px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
			float: right;
			position: relative;
			margin: 0 2px 8px;
	}

 div.image {
	background-color: #ADAFB3;
	text-align: center;
	font: 12px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	float: left;
}

/*--------panel divs ---------*/

	.leftPanel, .rightPanel, .blog {
		float:left;
		height: 477px;
		position: relative;
;
}



	.leftPanel, .rightPanel {
		width: 200px;
	}

		.leftPanel {
			margin: 0 10px 5px;
}

		.blog {
			width: 520px;
			margin: 0 15px 5px;
}


		.rightPanel {
			margin: 0 10px 5px;
		}

/*-------left panel-----------*/



	.leftPanel div.image{
		width: 100%;
		height: 145px;
		float: left;
	margin-bottom: 5px;
}

		.leftPanel div.image#tips{
			height: 200px;
	margin-top: 15px;
}

/*-------blog panel-----------*/

.blog div.image {
	background-color: white;
	border: 5px solid #ADAFB3;
	font: 12px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	text-align: center;
	width: 510px;
	height: 200px;
}

ul.blogItems {
	width: 510px;
	font: 15px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	list-style-type: none;
	float: left;
	padding: 5px;
	margin: 0 0 5px;
	border-bottom: 1px solid black;
}

	ul.blogItems#new {
		background-color: #ADAFB3;
		border-bottom-style: none;
}

	ul.blogItems li {
		display: inline;
		position: relative;
		font-size: 14px;
		margin: 0;
		padding-bottom: 6px;
		padding-left: 5px;
	padding-right: 5px;
}


		ul.blogItems li.date {
			float: left;
			width: 60px;
			left: 3px;
}

		ul.blogItems li.title {
			color: #175c9c;
			float: left;
			width: 285px;
			text-align: left;
			font-weight: bold;
}

		ul.blogItems li.desc {
			float: left;
			width: 405px;
			padding: 0;
			margin-top: 8px;
			margin-right: 6px;
			margin-left: 90px;
}

		ul.blogItems li.comments {
			position: relative;
			text-align: left;
			width: 125px;
			font-weight: bold;
			float: left;
}

		ul.blogItems img {
			float: left;
			position: relative;
			margin: 0;
		}

/*-------right panel-----------*/

.rightPanel div.image{

	height: 100px;
	width: 100%;
	float: left;
	margin-bottom: 10px;
}

.rightPanel div.image#time{
	height: 40px;
	margin-bottom: 12px;
}

	.rightPanel p {
	font: 14px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	clear: left;
}


/*----------carousel items--------*/

#carousel {

        position:relative;
        width: 200px;
        list-style: none;
		height: 150px;
		overflow: hidden;
		display: block;
		float: left;
}
#left, #right{

	background-color: #1a99cb;
	width: 31px;
	height: 20px;
	float: left;
	z-index: 5;
	top: -100px;
}
#left {
	float: left;
	position: relative;
	right: 10px;
}

#right {
	float: right;
	position: relative;
	left: -10px;
}

#carousel ul {
     padding: 0px;
     margin: 0px;
     position:relative;

}
 #carousel li {
     display: inline;
 }

 #carousel img {
	border: 0px;
	display: inline;


}

#ttToonHqTellMore a:link{color:#175c9c;text-decoration:none;}
#ttToonHqTellMore a:visited{color:#175c9c;text-decoration:none;}
#ttToonHqTellMore a:hover{color:#175c9c;text-decoration:none;}
#ttToonHqTellMore a:active{color:#175c9c;text-decoration:none;}
