.content{
	float:left;
	background:url(../images/3column.bg.gif) repeat-y right;
	
}
.leftBlock{
	width:230px;
	padding:20px 24px 0 24px;
	background:none;
}
#msgBlocks {
	width:252px;
	padding:13px 13px 0 13px;
	background:none;
}
#msgBlocks div.blocks {
	float:left;
	color:#1d6e85;
	margin:0px 0px 13px 0px;
	padding:0px;
	width:252px;
	height:69px;
	background:  #f2f2f2 url(../images/home.msg.block.gif) no-repeat;
}
#msgBlocks p {
	padding:12px 0px 0px 50px;
}
.middleBlock{
	float:left;
	width:424px;
	padding:20px 10px 0 10px;
	background:url(../images/home.sepBg.jpg) repeat-x;
	min-height:600px;
}

.tabList div.loader {
	background:#FFFFFF url(../images/grid.loader.gif) no-repeat scroll center;
	border:5px solid #FAFAFA;
	height:200px;
	width:625px;
}

/*#homeCourses{
	margin-bottom: 10px;
}

#homeGroups{
	margin-bottom: 10px;
}*/

#homeSites{
	margin-bottom: 10px;
}

.courseList div.tab{ 
	width:424px;
	height:34px;
}

.courseList div.tab a{
	width:139px;
	margin-right:3px;
	background:url(../images/tab.inactiveSmall.gif) top no-repeat;
	text-align:center;
	font: normal 14px  "Trebuchet MS", Georgia, "Times New Roman";
	line-height:29px;
	text-decoration:none;
	color:#293239;
}
.courseList div.tab a.selected{
	background:url(../images/tab.activeSmall.gif) top no-repeat;
	color:#FFFFFF;
	font-weight:bold;
}
.courseList div.tab a.last{
	margin:0 0 0 1px;
}
.courseList div.tabContent{ 
	width:424px; 
	padding:0px;
	margin:0px;
}

.courseList div.tabContent div{
	width:379px;
	padding:5px 5px 5px 40px;;
}

.courseList div.tabContent div br{
	clear:both;
}
.courseList div{ 

	background:#FAFAFA url(../images/ico.courseListSmall.gif) no-repeat 10px 10px;
}
.courseList div.private{ 
	background:#FAFAFA url(../images/ico.privateSmall.gif) no-repeat 10px 10px;
}
.courseListAssigned  div{
	background:#FAFAFA url(../images/ico.courseListAssigned.gif) no-repeat;
}
.tabList .bar{
	background:#D7E9F5;
	text-align:left;
	padding:6px 0 5px 10px ;
	color:#1F5F9A;
	width:414px;
}
#courseNumpad{
	width:420px;
	padding:0px 0px 0px 0px; 
}
.courseList div.tabContent div.loader{
	width:368px;
}	

.grid h3{
	background:#52AED4 url(../images/home.block.topCurve.bg.gif) no-repeat scroll center top;
	color:#FFF;
	margin: 0px;
	padding:6px 0pt 5px 10px;
	text-align:left;
	width:414px;
}

/**** GroupList css ****/
.groupList div{ 
	float:left;
	padding:0px;
	background: #FFF;
}

.groupList div.tab{ 
	width:424px;
	height:34px;
}
.groupList div.tabContent{ 
	width:424px; 
}

.groupList div.tabContent div {
	float:left;
	padding:5px 5px 5px 40px;
	width:379px;
	background: #FAFAFA url(../images/ico.groupListSmall.gif) no-repeat 10px 10px
}

.groupList span{color:#569545;float:left;}
.groupList span a{color:#569545;text-decoration:none;font-weight:bold;}
.groupList span a:hover{color:#fff;background:#569545;}

/***** SiteList css ****/
.siteList div{ 
	float:left;
	padding:0px;
	background: #FFF;
}



.gridBlockInfo a {
	color:#889038;
	text-decoration:none;
}
.gridBlockInfo a.groupOwner {
	background:transparent url(../images/ico.author.gif) no-repeat scroll 0%;
	font-weight:bold;
	padding:0px 0px 0px 15px;
}

.leftBox{
	margin-bottom:20px;
	width:230px;
	float:left;
}
.leftBox h3{
	font: bold 16px  "Trebuchet MS", Georgia, "Times New Roman";
	margin:0;
	background:#D7E9F5 url(../images/box.top.gif) top no-repeat;
	color:#1f5f9a;
	text-align:left;
	text-transform:lowercase;
	height:28px;
	padding:5px 14px 0px 20px;
	border-bottom:1px solid white;
	width:196px;
}

.leftBox div{
	background:#EEF7FC url(../images/box.bottom.gif) bottom no-repeat;
	padding:15px;
	color:#3f3f73;
	font-size:13px;
	text-align: justify;
	float:left;
	width:200px;
}
.leftBox a.link{
	text-decoration: none;
	color:#1787a8;
}

.more{
	float: left;
	padding: 5px  0 5px 0;
	color:#889038;
	border: 0px solid red;
	width:424px; 
	text-align:right;
	margin:0px 0px 0px 0px;
}

.more a{
	text-decoration:none;
	font-weight:bold;
	color:#889038;
}
	
.siteList div.website{
	clear:both;
	float:left;
	border: 1px solid #E4E4E4;
	width:422px;
	/*height: 72px;
	padding: 5px 5px 5px 5px;
	margin:3px 0px 3px 0px;
	background: #FFFFFF;*/
	float:left;
	overflow:hidden;
}

.siteList div.website img{
	float:left;
	vertical-align:middle;
	padding: 2px 8px 2px 2px;
}
.siteList div.website div.titleDiv{
	width: 330px;
}
.siteList div.website div.titleDiv a{
	float:left;
	font-weight: bold;
	color: #549748;	
	text-decoration:none;
	overflow:hidden;
}

.siteList div.website.website ul{
	padding:0px;
	margin:0px;
	list-style:none;
	width:60px;
	height:10px;
	display:block;
	float:right;
	background:url(../images/userSite.ratingStar.jpg) repeat-x left top;
	position: relative;
	line-height:10px;
}
.siteList div.website.website ul li{
	text-indent: -90000px;
	padding:0px;
	margin:0px;
	float: left;
	height: 10px;
	line-height:10px;
	width:10px;
	left:0px;
}

.siteList div.website ul li.currentRating {
	background: url(../images/userSite.ratingStar.jpg) left center;
	position: absolute;
	text-indent: -9000px;
	z-index: 1;
	line-height:10px;
}
.siteList div.website ul li a {outline: none;display:block;width:12px;height: 10px;text-decoration: none;text-indent: -9000px;z-index: 20;position: absolute;padding: 0px;margin:0px;}
.siteList div.website ul li a.one {left:0px;}
.siteList div.website ul li a.one:hover {width:12px;}
.siteList div.website ul li a.two {left:12px;}
.siteList div.website ul li a.two:hover {width:24px;}
.siteList div.website ul li a.three {left:24px;}
.siteList div.website ul li a.three:hover {width:36px;}
.siteList div.website ul li a.four {left:36px;}
.siteList div.website ul li a.four:hover {width:48px;}
.siteList div.website ul li a.five {left:48px;}
.siteList div.website ul li a.five:hover {width:60px;}
.siteList div.website ul li a:hover{background: url(../images/userSite.ratingStar.jpg) left bottom;z-index: 2;left: 0px;}

div.keywords{
	overflow:hidden;
	height:18px;
	width: 320px;
	
	
}
.siteList div.website span.keywords{
	color:#549748;
	overflow:hidden;
	font-size:12px;
	
}
.siteList div.website span.desc{
	float:left;
	height: 37px;
	display: block;
}