/**********************
* BC Edu home page Specific Styles
* KT - 03-15-10
***********************/

/*****************
* Home Page
******************/

body {
background:none repeat scroll 0 0 #B29D6C; 
}
#header span.motto a {
background:url("/past/etc/designs/bc/global/gif/wordmark.gif") no-repeat scroll 0 29px transparent;
}


 /* TOP WRAPPER SECTION*/
 #topwrapper {
    background:transparent url("/past/etc/designs/bc/global/gif/background.gif") repeat-x scroll 0 0;
}
#top{
	height:110px;
}
#tertiarymenu {
	top:88px;
}
#tertiarymenu li {
	background:transparent url("/past/etc/designs/bc/global/gif/arrow.gif") no-repeat scroll 0 6px;
	float:left;
	margin:0 0 0 15px;
padding:5px 0 0 13px;
}
 
  
/* THE FEATURE SECTION */
#featurewrapper {
    width: 100%;
    margin: 0;
    padding: 0;
    color: #333;
    background: #e8e3d4 !important;
    }
#features {
    width: 760px;
    margin: 0 auto;
    text-align: left;
    color: inherit;
    position:relative;
}
#features p {
    font-size:1.1em;
    line-height:1.3em;
    margin:0;
}
#features h1 {
    display: none;
    }
#features h3 {
    margin: 2px 0 2px 0;
    font: bold 1.2em "Trebuchet MS", Georgia, Arial, sans-serif;
    letter-spacing:1px;
    }
#features h4 {
    margin: 4px 0 0 0;
    font: bold 1.0em/1.2em Arial, Verdana, sans-serif;
    text-transform:uppercase;
    }   
#features p {
    font-size: 1.1em;
    line-height: 1.3em;
    margin: 0;
    }

#mainfeature {
    float: left;
    margin: 19px 24px 0px 0;
    width: 400px;
    }
#mainfeature h3 {
    margin: 10px 0 3px;
    padding: 0;
    }   
#feature {
    float: left;
    width: 330px;
    margin: 18px 0 0 0;
    padding: 0;
    }
*html #feature {
    float:right;
    clear:left; /*  IE fix */
    }
#feature img {
    float: left;
    margin: 0px 15px 0 0;
    }

div.section {
    margin-bottom:0px;
}

#feature .clear {
    margin:-1px;
}

#mainfeature .textimage {
    margin-top:-6px;
    }


#features .textimage {
    margin-bottom:15px;
    }
 #feature .textimage {
    margin-bottom:27px;
    }

/* THREE COLUMNS */
#columnwrapper {
    width: 100%;
    background: #d7cbae url("/past/etc/designs/bc/global/gif/columns-heading.gif") repeat-x;
    }
#columns {
    width: 760px;
    margin: 0 auto;
    padding:0 0 20px 0;
    text-align: left;
    background: transparent url("/past/etc/designs/bc/global/gif/bchome-columns-background.gif") repeat-y;
    
    }
#columns h1 { 
    display: none; 
    }   
#columns h2 {
    margin: 0 0 15px 0;
    height: 25px;
    text-indent: -2727px;
    }
#columns h3 {
    margin: 0 0 3px;
    font: bold 1.2em "Trebuchet MS", Verdana, Arial, sans-serif;
    letter-spacing: 1px;
    }
#columns h4 {
    margin: 0;
    font: bold 1.0em/1.2em Arial,  Verdana,  sans-serif;
     text-transform:uppercase;
    }
#columns p { 
    margin: 0 0 15px;
    font-size: 1.1em;
    line-height: 1.3em;
    }

#columns a, #columns a:link, #columns a:visited, #columns a:active {
    text-decoration: none;
    }
#columns a:hover {
    text-decoration: underline;
    }
#columns h3 a,  #columns h3 a:link, #columns h3 a:visited, #columns h3 a:active {
    text-decoration:none;
}
#columns h3 a:hover{
    text-decoration:underline;
}

#bt-left, #bt-center, #bt-right {
    float:left;
    }

#bt-left h3,
#bt-left h4,
#bt-left p {
    margin-right: 15px;
    }
#bt-center h3,
#bt-center h4,
#bt-center p { 
    margin-left: 15px;
    margin-right: 15px;
    }

#bt-left h2 a, #bt-center h2 a, #bt-right h2 a {
    display: block;
    height: 25px;
    font-size: 15px; /* IE */
    }
#bt-center h2 a:hover, #bt-right h2 a:hover {
    background-position: 15px -25px;
    text-decoration: none;
    }
#bt-right div.event {
    padding: 0;
    }
 
#bt-left, #bt-center {
    width:206px;
}

 #bt-center {
    width:206px;
    margin-left:1px;
    margin-right:1px;
}


#bt-right {
    width:340px;
    *width:340px;
    _width:339x;
}

#bt-left h3 , #bt-center h3 , #bt-right h3  {
    margin-bottom:0px;
    }
#bt-left .textimage  {
    margin-top:-8px;
    }
    

#bt-left .image_left img, 
#bt-center .image_left img, 
#bt-right .image_left img  {
margin:10px 10px 0 0;
float:left;
}
#bt-left .textimage img {margin: 3px 0 10px}


#bt-left h2,
#bt-right h2 {
    background:#D7CBAE url(/etc/designs/bc/global/gif/columns-heading.gif) repeat-x scroll 0 0;
}
#bt-center h2  { /* due to the center to right column overflow */
    background:#D7CBAE url(/etc/designs/bc/global/gif/columns-heading.gif) repeat-x scroll 0 0;
    text-indent:-2727px;

}


#bt-left h2 span.inside-bc {
    background: url("/past/etc/designs/bc/global/gif/inside-bc.gif") no-repeat left top;
    display:block;
}
#bt-center h2 span.bcnews a{
    background: url("/past/etc/designs/bc/global/gif/bc-news.gif") no-repeat 15px 0;
}
#bt-right h2 span.calendar a {
    background: url("/past/etc/designs/bc/global/gif/featured-events-cal.gif") no-repeat 15px 0;
    }

#bt-left h2 a:hover{
    background-position:0 -25px;
}

#bt-center h2 span.bcnews a:hover, #bt-right h2 span.calendar a:hover{
    background-position:15px -25px;
}



body.bchome #bt-center.textimage, body.bchome #bt-right.textimage  {margin:10px 0;}
body.bchome #bt-center .textimage .image, body.bchome #bt-right .textimage .image {float:left; margin:-8px 0 0 15px;}
*html body.bchome #bt-right .textimage .image {margin:-8px 0 10px 8px;}
#bt-right h3, #bt-right h4  {margin-left:15px; margin-right:15px;}
#bt-right .textimage  h3, #bt-right .textimage  h4  {margin-left:94px; margin-right:15px;line-height:14px;}
#bt-right p {margin-left:94px; margin-right:15px;}
body.bchome .textimage .text {margin-top:0;}
body.bchome .feature .textimage .text {margin-top:-13px;}

#columns a, #columns a:link, #columns a:visited, #columns a:active {
    text-decoration:underline;
}


#footer {
	padding:0 15px;
	color:#555;
	}
#footer p{
	padding: 5px 0 !important;
}
.mainfeature .textimage br {display:none}
.bt-center .news-item img{ float:left; margin:0 10px 0 15px;width:65px}
.news-item {margin-bottom:15px;}


#mainfeature .textimage {margin-top: 1px}
#feature {margin:31px 0 0}
.textimage .image_left{float:left; margin:0 0 5px}
#bt-left .none {margin:8px 0 0}
#bt-right  .image_left img{ margin-top:10px}

/*IE*/
#feature {_margin:18px 0 0;*margin-top:20px} 
#feature h3{_margin-top:12px; *margin-top:13px}
#search input#q {*font-size:11px}
#mainfeature .textimage {*margin-bottom:10px}
#feature .textimage {*margin-bottom:12px}
#tertiarymenu li {*margin-left:13px;}

/* END */