/************************************************************
 *  layout.css
 *   Contains definitions that focus on the amount of
 *   space defined by the div. Of course, there has to be
 *   some typography information
 ***********************************************************/


/************************************************************
 * In the main, this section defines the containers that
 * shape the page
 ***********************************************************/
body { 
   position:         relative; 
   text-align:       left; 
   background:       url(../images/body_bg.jpg);
}

    /* Don't want spill over */
#banner,
#container,
#content,
#content_across,
#content_block,
#content_block_full,
#contents,
#main_container,
#main_block,
#secondary_content,
#secondary_nav
{ 
   overflow:         hidden;
}

#header { 
   /* intentionally empty */
}

#container { 
   width:            1048px;
   margin:           0 auto; 
}

#background_container { 
   background:       url(../images/body_bg_inner.jpg) repeat-y;
}

#branding {
   z-index:          10;
   position:         relative; 
   height:           113px;
   background:       transparent url(../images/GobalHeader.jpg) no-repeat 0 0; 
   text-align:       left;
   margin-left:      15px;
}

.unit { 
   clear:             both;
}

/*******************************************************************
 * Footer at the bottom of all pages
 ******************************************************************/
#site_info {
   background:       url(../images/footer_bg_tile.jpg) repeat-x; 
   width:            954px;
   height:           85px;
   margin-left:      45px;
   text-align:       center;
} 

/************************************************************
 * Menu styles are not modified or qualified for any page
 * style
 ***********************************************************/
#menu { 
   height: 25px; 
   margin-left:      50px;
   clear:            both;
}

#menu_container { 
  border-bottom:     1px solid  #B0C9DF;
  width:             200px;
}

/************************************************
 *  column definitions for all pages but home
 ***********************************************/
#secondary_nav { 
   float:             left;
   width:             200px;
   margin-right:      32px;
   margin-left:       4px;
}

#main_block { 
   float:             right;
   width:             697px;
}

#content_block {
   float:             left; 
   width:             469px; 

}

#content_block_full {
   float:             left; 
   width:             697px; 
}

#content_block_full .unit {
   padding: 10px;
}

#content_block_full img {
   padding: 10px;
}

#content_across { 
  position:           relative;
}

#secondary_content {
   float:             right;
   width:             210px; 
}

#contents { 
   width:             100%; 
}

#content_left, .content_left { 
   width:             225px;
   float:             left;
   margin-bottom:     40px;
   overflow:          hidden;
}

#content_right, .content_right { 
   overflow:          hidden;
   width:             225px;
   float:             right;
   margin-bottom:     40px;
}

.content_right span {
	text-align: left;
	padding-top: 5px;
}

#main_across { 
  padding: 0;
  margin:  0 12px 0 0;
}

/************************************************
 *  column definitions for home page
 ***********************************************/
#main_container {
   padding-top:       0px;
   margin-top:        0px;
   width:             952px;
   margin-left:       49px;
   padding-bottom:    30px;
} 


#home_secondary_nav { 
   float:             left;   
   width:             452px;
   margin-top:        6px;
   margin-left:       0px;
}

#home_main_block { 
   margin-top:        7px;
   float:             right;
   width:             494px;
}

#home_content_block {
   float:             left;
   width:             242px;
}

#home_secondary_content {
   margin-right:      4px;
   float:             right;
   width:             241px;
}

/*****************************************************
 *  Board Page styles
 *****************************************************/
#board #secondary_content { 
  padding-top:        0px;
}

#board #content_block #content_block_full .unit { 
  margin:             0 0 8px 0;
  padding:            0;
}

#board #content_block #content_block_full .content_left {
   width:             145px;
   float:             left;
   margin-bottom:     0px;
   padding-bottom:    0px;
}

#board #content_block #content_block_full h2 { 
   color:            #BD5304;
   margin-bottom:    0px;
}

#board #content_block #content_block_full h3 { 
   color:           #BD5304;
   margin-top:      0px;
   font-size:       15px;
   padding-left:    8px;
}

#board #content_block #content_block_full h4 { 
   font-style:      italic;
   color:           #3572b7;
   margin-top:      8px;
   font-size:       14px;
   padding-left:    8px;
}

#board #content_block #content_block_full .gototop .content_left {
   width:           355px;
   float:           left;
   margin-bottom:   0px;
   padding-bottom:  0px;
}

#board #content_block #content_block_full .gototop .content_right { 
   width:           105px;
   float:           right;
   margin:          -11px 4px 40px 0px;
   padding-bottom:  0px;
}

#board #content_block #content_block_full .content_right { 
   width:           310px;
   float:           right;
   margin-bottom:   0px;
   padding-bottom:  0px;
}

     /* This style is only used on board pages
      * but there is no  reason it couldn't
      * be used elsewhere  */

.gototop { 
   margin-top:      15px;
   clear:           both;
}

.gototop .content_left p { 
    text-align:     left;
    margin:         0;
    padding:        0;
}

.gototop img { 
    vertical-align: -11%;
}

.gototop .content_right p { 
    text-align:    right;
    margin:        0;
    padding:       0;
}

.gototop a { 
  text-decoration: none;
}

.gototopline {
    border-bottom:  1px dotted #CCC;  
	position:relative;
	top:-5px;
	margin-right:10px;
}

         /* draws a line across the area */
.line { 
   border-top:     3px solid #CCC;   
}

.unitimage {
	float:left;
	width: 152;
}
.unittext {
	float:left;
	width: 315px;
	font-size:14px;
	line-height:20px;
}

.SectionLine {
	border-top:1pt solid #CCC;
	border-bottom:1pt dotted #CCC;
	padding-top:5px;
	padding-bottom:5px;
}

#success #content_block #content_block_full .content_left { 
  width:           226px;
  float:           left;
  margin-bottom:   0px;
  padding-bottom:  0px;
  padding-right:   3px;
}

#success #content_block #content_block_full .content_right { 
  width:           49%;
  float:           right;
  margin-bottom:   0px;
  padding-bottom:  0px;
}

#donors #main_across {
   margin:         0px;
   padding:        0px;
}

#board #main_across { 
   margin-bottom:    0px;
   padding-bottom:   0px;
}

#blue_background { 
  padding-top:     6px;
  padding-bottom:  1px;
  background:      #DBE7F2;
}

/************************************************************
 * Video. Fitting the graphic to the area can be difficult
 ***********************************************************/

.video {
  width:             100%;
  background-image:  url(../images/video_background.jpg);
  background-repeat: no-repeat;
  height:            246px;
  margin-bottom:     15px;
  position:          relative;

}

.video2 {
  width:             460px;
  background-image:  url(../images/videoicon.jpg);
  background-repeat: no-repeat;
  height:            310px;
  position:          relative;
}

.video2 #v7093 {
	padding-top:20px;
	margin-left:60px;
}

.videomedium {
  width:             230px;
  background-image:  url(../images/mediumvideo.jpg);
  background-repeat: no-repeat;
  height:            155px;
  position:          relative;
}

#content_block #content_block_full .video .content_left { 
   float:           left;  
   width:           165px;
   margin-left:     5px;
   margin-top:      10px;
}

#content_block #content_block_full .video .content_right {
   float:          left;
   width:           290px;
   margin-top:      15px;
}

#v7093 {
	padding-top:5px;
	margin-left:-10px;
}

.video h2 { 
	padding-top:35px;
   margin-left:     10px;
   color:           #BD5304;
}

.video p { 
   margin-left:    4px;
}

/************************************************************
 * Success Middle Highlight. Fitting the graphic to the area can be difficult
 ***********************************************************/

.success_middle_highlight {
  width:             460px;
  background-image:  url(../images/success_middle_highlight_section.jpg);
  background-repeat: no-repeat;
  height:            290px;
  margin-bottom:     15px;
  position:          relative;
	text-align:center;
	padding-top:25px;
}

#content_block #content_block_full .success_middle_highlight .content_left { 
   float:           left;  
   width:           165px;
   margin-left:     5px;
   margin-top:      10px;
}

#content_block #content_block_full .success_middle_highlight .content_right {
   float:          left;
   width:           290px;
   margin-top:      15px;
}

.success_middle_highlight h2 { 
   margin-left:     45px;
   color:           #BD5304;
}

.success_middle_highlight p { 
   margin-left:    4px;
}

/*************************************************
 * These styles are mostly used on news  pages
 ************************************************/
.event {
   font-size:       17px;
   margin:          0px;
   padding:         0px;
}

.date {
   margin:         0px;
   padding:        0px;
}

.author {
   margin:         0px;
   padding:        0px;
}

.what {
  font-size:       14px;
  margin:          0px;
  padding:         0px;
}

/*****************************************************************
 * SITE_MAP 
 ****************************************************************/

#site_map h1 {
   margin-bottom:  8px;
   padding-bottom: 0;
}

#site_map h2.line {
   padding-top:   8px;
   margin-top:    8px;
   border-top:    1px solid #CCC;
   font-size:     16px;
}

#site_map h3 {
   font-size:     14px;
}

#site_map #main_block p {
   margin:        0;
   padding:       0;
}

#site_map .content_block {
   float:         left; 
   width:         464px; 
}

#site_map .content_block .content_left { 
  width:          50%;
  float:          left;
  margin-bottom:  0px;
  padding-bottom: 0px;
  padding-right:  3px;
}

#site_map .content_block .content_right { 
  width:          49%;
  float:          right;
  margin-bottom:  0px;
  padding-bottom: 0px;
}

#site_map .secondary_content {
   margin-top:    4px;
   float:         right;
   width:         232px; 
}

#site_map .unit {
  padding-bottom: 15px;
}

#site_map .clearfix {
  margin-bottom: 25px;
}

#site_map .within_left {
  width:          50%;
  float:          left;
}

#site_map .within_right {
  width:          50%;
  float:          right;
}

#site_map #main_across {
  padding-bottom:  0px;
  margin-bottom:   0px;
}

/*****************************************************************
 * Job Listings 
 ****************************************************************/

#JobListings {
  padding-bottom:  0px;
  margin-bottom:   0px;
}

#JobListings .JobItem{
  padding-top:  10px;
  margin-bottom:   0px;
}

#JobListings .JobTitle{
}

#JobListings .JobResponsibilities{
}

#JobListings .JobRequirements{
	padding-top:10px;
}

#JobListings .JobSalary{
	padding-top:10px;
}