/*
 * CCTA layout css
 * Site scaffolding
 *
 * @author Benjamin Lowenstein 04/2009
 */

body {
  margin:0;
}
 
#container {
 	margin: 0 auto 10px; 
 	position: relative; 
 	width: 974px; 
  position:relative;
}

#ds_r, 
#header,
#mainContent,
#footer {
  position:relative;  
}

#ds_r {
  padding: 0 9px;
}

#col-left,
#col-center,
#col-right {
  float:left;
  display:block;
}

/*** SECONDARY PG MAIN CONTENT ***/
.secondary #mainContent {
  padding-top:40px;
  background: transparent url(../img/star_bg_transparent_secondary_lower.png) no-repeat scroll right top;
}

/*** PRIMARY PG MAIN CONTENT ***/

.primary #mainContent #col-left {
  width:245px;
  padding: .8em 40px 0 60px;
}

.primary #mainContent #col-right {
  width:557px;
  padding: .8em 40px 2em 14px;
}

  /* Spotlight */

.primary #mainContent #col-right ul#spotlight li {
  margin-bottom:1.5em;
  zoom:1; /* ie */
}

.primary #mainContent #col-right ul#spotlight li div.sTitle,
.primary #mainContent #col-right ul#spotlight li div.sBody,
.primary #mainContent #col-right ul#spotlight li div.sMore {
  float:left;
  display:block;
}

.primary #mainContent #col-right ul#spotlight li div.sTitle {
  width:120px;
  padding-right:10px;
}

.primary #mainContent #col-right ul#spotlight li div.sBody {
/*  width:355px;
  padding:0 10px 0 15px;*/
  width:350px;
  padding: 0 0 0 15px;
  line-height:220%;
}

.primary #mainContent #col-right ul#spotlight li div.sMore {
  padding-top: 2em;
}

  /*  Secondary pages */
.secondary #col-left {
  width:250px;
  padding:0px 50px 10px 50px;
  margin-bottom:60px;
  border-right:1px solid #dddddd;
}

.secondary #col-right {
  width: 520px;
  padding: 0px 50px 70px 35px;
}

.secondary #mainContent {

}

.secondary #col-right .node {

}

/*** BOTTOM CONTENT ***/

#bottomContent {
  padding: 20px 40px 20px 60px;
  zoom:1;
}

#bottomContent #pTitle {
  float:left;
  padding-top:10px;
}

#bottomContent #pTitle h2 {
  /*padding:.5em 0;*/
}

#bottomContent a {
  display:block;
  float:left;
  margin-left:120px;
}

/*** FOOTER ***/

#footer {
  padding-left: 60px;
  padding-bottom: 35px;
  padding-right: 30px;
  padding-top: 12px;
  margin: 0 7px;
  zoom:1;
}

#footer #fColL,
#footer #fColC,
#footer #fColR,
#footer #fColR2  {
  float:left;}

#footer #fColC span {
  position:relative;
  display:block;
}

#footer #fColL {
  padding-right:15px;
}

#footer #fColC {
	padding-left: 20px;
	padding-bottom: 0;
	padding-right: 25px;
	padding-top: 0;
}

#footer #fColR {
  padding-left:25px;
}

#footer #fColR ul#fMenu li {
  display:inline;
}

#footer #fColR2 {
  padding-left:25px; 
  display: block;
  margin: 0;
}

#footer #fColR2 a {
  margin-right: 4px;
  margin-left: 4px;
  padding: 0;
  float: right;
}
