#left{
  width: 315px;
  float: left;
}

#right{
  width: 640px;
  float: left;
  margin: 0px 0px 0px -5px;
}

#welcome{
  font: 20px/25px Georgia, "Times New Roman", Times, serif;
  width: 290px;
  height: 190px;
  float: left;
  padding: 20px 0px 0px 10px;
  color: #DDF4FF;
}

#welcome a{
  font-size: 17px;
  text-transform: uppercase;
  color: #47C6E8;
}

#home #features{
  float: left;
  width: 620px;
  height: 375px;
  padding: 10px;
  background: url(../images/css/background_home_features.png) no-repeat;
  font: 13px "Arial Narrow", Arial, Helvetica, sans-serif;
  position: relative;
  z-index: 9;
}

#home #features .feature {
  display: block;
  background: #fff;
  height: 375px;
  width: 620px;
  position: absolute;
}

#home #features a:hover {
  border: none;
  text-decoration: none;
}

#home #features a h2 {
  margin: 10px 5px;
  padding: 0;
  font-weight: normal;
  color: #43708F;
}

#home #features a p {
  color: #888;
  font: 13px "Arial Narrow", Arial, Helvetica, sans-serif;
  padding: 0;
  margin: 0 5px;
  width: 450px;
}

#home #features .feature.shown {
  z-index: 9;
}

span.feature_control {
  float: right;
  position: absolute;
  display: block;
  z-index: 10;
  margin: 352px 0 0 516px;
  background: #B3B3B3;
  border: 1px solid #B3B3B3;
}

#right span.feature_control a {
  display: block;
  float: left;
  color: #fff;
  padding: 5px 10px;
}

#right span.feature_control a.selected {
  background:#717171;
}

*html #home #features{
  background: url(../images/css/background_home_features.gif) no-repeat;
}

#home #marquee{
  float: left;
  width: 620px;
  height: 325px;
  padding: 10px;
  background: url(../images/css/background_home_marquee.png) no-repeat;
  font: 13px "Arial Narrow", Arial, Helvetica, sans-serif;
}

*html #home #marquee{
  background: url(../images/css/background_home_marquee.gif) no-repeat;
}

#home #marquee ul{
  padding: 0px;
  margin: 0px;
}

#home #marquee ul li{
  padding: 0px;
  margin: 0px;
  list-style: none;
  float: left;
  padding: 220px 0px 0px;
  height: 105px;
  width: 155px;
  background-repeat: no-repeat;
  cursor: hand;
  cursor: pointer;
}

#home #marquee ul li.m1{color: #8CAB47}
#home #marquee ul li.m2{color: #A42B36}
#home #marquee ul li.m3{color: #0D3E60}
#home #marquee ul li.m4{color: #076F92}

#home #marquee ul li .description{
  float: left;
  width: 141px;
  height: 56px;
  padding: 7px 7px;
}

#home #marquee ul li .link{
  width: 155px;
  height: 35px;
  float: left;
}

#blog{
  width: 315px;
  float: left;
  padding: 50px 0px 0px;
  background: url(../images/css/background_blog.jpg) no-repeat;
}

#tagCloud{
  float: left;
  width: 290px;
  padding: 5px 10px 5px;
}

#tagCloud ul{
  padding: 0px;
  margin: 0px;
}

#tagCloud ul li{
  padding: 0px;
  margin: 0px;
  display: inline;
  list-style: none;
}

#tagCloud a{
  padding: 4px 10px 4px 5px;
  float: left;
}

#tagCloud a.large{
  font-size: 18px;
  line-height: 18px;
  color: #0C395C;
}

#tagCloud a.medium{
  font-size: 14px;
  line-height: 16px;
  color: #125683;
}

#tagCloud a.small{
  font-size: 10px;
  line-height: 12px;
  color: #4E95C8;
}

#tagCloud a:hover{
  text-decoration: none;
  background: url(../images/css/background_tagCloud_ul_li_a.gif) no-repeat right center;
  color: white;
}

#bloggers{
  width: 300px;
  float: left;
  padding: 5px 0px 0px 5px;
  background: url(../images/css/background_bloggers.jpg) repeat-x;
}

#bloggers ul{
  padding: 0px;
  margin: 0px;
}

#bloggers ul li{
  float: left;
  padding: 0px;
  margin: 0px 10px;
  list-style: none;
  display: inline;
  width: 65px;
  padding: 4px 5px;
  background: url(../images/css/background_bloggers_ul_li.png) no-repeat;
  font: 10px "Arial Narrow", Arial, Helvetica, sans-serif;
  color: #666;
  text-align: center;
}

*html #bloggers ul li{
  background: url(../images/css/background_bloggers_ul_li.gif) no-repeat;
}

#bloggers ul li img{
  width: 65px;
  height: 65px;
  display: block;
  float: none;
}

#bloggers ul li a{
  color: #666;
  width: 65px;
  display: block;
}

#blog .link{
  float: left;
  width: 300px;
  padding: 0px 5px 5px;
}

#home #calendar{
  width: 300px;
  height: 110px;
  float: left;
  width: 300px;
  height: 135px;
  padding: 5px 5px 15px;
  background: url(../images/css/background_coming_events.png) no-repeat;
}

.ie7 #home #calendar {
  margin-top: 78px;
}

#home #calendar .link{
  float: left;
  height: 35px;
  width: 95px;
  padding: 0px 0px 0px 205px;
}

#home #calendar #coming_events{
  float: left;
  width: 300px;
  height: 125px;
}

/*
*html #home #calendar #coming_events{
  background: url(../images/css/background_coming_events.gif) no-repeat;
}
*/

#info{
  float: left;
  width: 640px;
  height: auto;
  margin: 20px 0px 20px -5px;
  padding: 0;
}

#info .container{
  width: 620px;
  height: 210px;
  margin: 5px;
  padding: 15px 10px 0px 10px;
  background: none;
  background: url(../images/css/background_home_headlines.png) no-repeat center top;
}

.tabs ul{
  padding: 0px;
  margin: 0px;
}

.tabs ul li{
  padding: 0px;
  margin: 0px;
  list-style: none;
  display: inline;
  float: left;
  height: 35px;
  background-repeat: no-repeat;
}

.tabs ul li.tab1{width: 185px;}
.tabs ul li.tab2{width: 170px;}

#section1 .tabs .tab1{background-image: url(../images/css/tab1_active.gif);}
#section1 .tabs .tab2{cursor: hand; cursor: pointer; background-image: url(../images/css/tab2_inactive.gif);}

#section2 .tabs .tab1{cursor: hand; cursor: pointer; background-image: url(../images/css/tab1_inactive.gif);}
#section2 .tabs .tab2{background-image: url(../images/css/tab2_active.gif);}

#spotlight{}

#spotlight ul{
  padding: 0px;
  margin: 0px;
}

#section1 h3,
#section2 h3{
  text-indent: -999999px;
  font-size: 0;
  display: block;
  height: 29px;
  width: 175px;
  background: url(../images/css/title_news_headlines.jpg) no-repeat top left;
  margin: -5px 0 10px;
}
#section2 h3{
  background-image: url(../images/css/title_success_stories.jpg);
}

#spotlight ul li,
#headlines .headline{
  padding: 0px;
  margin: 0px;
  list-style: none;
  display: inline;
  width: 310px;
  float: left;
  height: 170px;
  overflow: hidden;
}

#spotlight .image,
#headlines .image{
  width: 155px;
  height: 100px;
  float: left;
  padding: 3px;
  margin: 0px 9px 0px 0px;
  display: inline;
  background: url(../images/css/background_spotlight_image.gif) no-repeat;
}

#spotlight .content,
#headlines .content{
  width: 135px;
  height: 137px;
  float: left;
  display: block;
}

#spotlight .content .name,
#headlines .content .title{
  font-size: 13px;
  line-height: 15px;
  font-weight: bold;
  padding: 0px 0px 4px;
}

#headlines .content .date{
  font-size: 11px;
  color: #008E96;

}

#spotlight .content .intro,
#headlines .content .intro{
  font-size: 11px;
  line-height: 16px;
  color: #666;
}

#spotlight .content .intro .scroll{
  overflow: auto;
  height: 113px;
}

#headlines .content .intro .scroll{
  overflow: auto;
  height: 95px;
}

#spotlight .link{
  width: 270px;
  /*height: 30px;*/
  float: left;
  background-repeat: no-repeat;
  font-size: 10px;
  color: white;
  /*text-transform: uppercase;*/
  padding: 8px 30px 8px 10px;
  height: 14px;
  text-align: right;
}

#spotlight .link a{
  color: white;
}

#spotlight .link a:hover{
  text-decoration: none;
}

#spotlight .s1 .content .name{color: #008E96;}
#spotlight .s2 .content .name{color: #006469;}

#spotlight .s1 .link{background-image: url(../images/css/background_spotlight_s1_link.gif);}
#spotlight .s2 .link{background-image: url(../images/css/background_spotlight_s2_link.gif);}


#headlines .link{
  float:left;
  width: 310px;
  height: 30px;
}

#twitter {
  background: url(../images/css/twitter_top.png) no-repeat center top;
  display: block;
  float: left;
  padding: 25px 0 0;
  margin: 10px 0 90px;
  width: 315px;
}

#twitter a.follow {
  background: url(../images/css/twitter_follow.png) no-repeat center top;
  display: block;
  height: 78px;
  overflow: hidden: 
  width:315px;
  position: relative;
  margin-bottom: -78px;
  text-indent: -999999px;
}

#twitter ul {
	padding: 0 20px 10px;
	margin: 0;
	list-style: none;
	width: 280px;
}

#twitter ul li {
	color: ##666666;
	font-size: 10px;
	padding: 10px 0;
	border-bottom: 1px solid #EBF1D6;
}

#twitter ul li span a {
	display: inline;
	font-style:normal;
}

#twitter ul li a {
	display: block;
	color: #036;
	font-style: italic;
}
