/***********************************************************
     *             HOME PAGE CHANGES MUST USE body.bchomepages      *
     *              to specify styling or you may effect subpages           *
************************************************************/


/*************************
**** CIHE Home page START
*************************/
body.bchomepages {
    background-color:#E9E0CA;
    color:#5B5B5B;
}
body.bchomepages #topwrapper {
background:none repeat scroll 0 0 #E9E0CA;
width:100%;
}
body.bchomepages #top {
    background:url("/past/etc/designs/bc/research/cihe/images/header.png") repeat-x scroll 0 0 #E9E0CA;
height:100px;
width:982px;
}
body.bchomepages #header {
left:150px;
}
 body.bchomepages #header span.motto a {
background:url("/past/etc/designs/bc/research/cihe/images/bc_cihe.gif") no-repeat scroll 0 12px transparent;
    height:65px;
    width:585px;
    }
body.bchomepages #bcseal {
right:25px;
top:13px;
margin:0;
padding:0;
position:absolute;
text-indent:-2727px;
    }
body.bchomepages #bcseal a {
    background:url("/past/etc/designs/bc/research/cihe/images/bcseal.gif") no-repeat scroll 0 0 transparent;
height:44px;
width:44px;
display:block;
margin:0;
padding:0;
    }
    
/* THE FEATURE SECTION */
body.bchomepages #featurewrapper {
    width: 100%;
    margin: 0;
    padding: 0;
    color: #333;
    background: transparent !important;
    }
body.bchomepages #feature {
    width:982px;
    margin: 0 auto;
    text-align: left;
    background-color: #EfEbe1  !important;
    color: inherit;
    }
body.bchomepages #top-right {
    float:right;
    margin:0;
    padding: 12px 0 11px 0;
    width:770px;
    height: 300px;
    }
body.bchomepages #top-right div.cq-colctrl-lt0-c0  {
width:290px;
_width:275px;
margin-left:15px;
margin-right:0px !important;
padding-right:0px !important;
}
body.bchomepages #top-right div.cq-colctrl-lt0-c1  {
margin:13px 0 0 25px;
width:440px;
}
body.bchomepages #top-right img {
    margin:0;
    padding:0;
    border:0;
    }
body.bchomepages #top-right .bcimagerow .bcimage {
margin-right:10px;
height:120px;
width:120px;
max-height:120px;
max-width:120px;
}
body.bchomepages #top-right .parsys_column .bcimagerow .bcimage img {
    background-color:transparent;
margin-right:5px;
height:120px;
width:120px;
max-height:120px;
max-width:120px;
}
/* THREE COLUMNS */
body.bchomepages #columnwrapper {
    width: 100%;
    background:transparent;
    }
body.bchomepages #columns {
    background: #EFEBE1 url("/past/etc/designs/bc/research/cihe/images/mid_menu_bar.png") repeat-x;
    width: 982px;
    margin: 0 auto;
    padding:0 0 20px 0;
    text-align: left;
    }
body.bchomepages #columns h1 { 
    display: none; 
    }   
body.bchomepages #columns h2 {
    margin: 0 0 15px 0;
    height: 25px;
    text-indent: 0px;
    font-weight: normal; 
    color: #fff; 
    line-height: 27px; 
    font-size: 11px;
    font-family: arial; text-transform: uppercase; letter-spacing: 1px; 
    }
 body.bchomepages #columns h3 {
    margin: 0;
    font: bold 1.2em "Trebuchet MS", Verdana, Arial, sans-serif;
    letter-spacing: 1px;    
    }
body.bchomepages #columns h4 {
    margin: 0;
    font: bold 1.0em/1.2em "Trebuchet MS", Verdana, Arial, sans-serif;
    }
body.bchomepages #columns p { 
    margin: 0 0 15px;
    line-height: 1.4em;
    }
body.bchomepages #columns a, body.bchomepages #columns a:link, body.bchomepages #columns a:visited, body.bchomepages #columns a:active {
    text-decoration: none;
    }
body.bchomepages #columns a:hover {
    text-decoration: underline;
    }

/*** top features left menu ****/

body.bchomepages #top-left {
    float:left;
    clear:both;
    font:bold 1.2em  Arial, sans-serif;
    width:178px;
    text-align:left;
    padding:15px;
    border-right:1px solid #E9E0CA;
    }
body.bchomepages #top-left a, body.bchomepages #top-left a:link, body.bchomepages #top-left a:active, body.bchomepages #top-left a:visited {
    margin:0;
    text-decoration:none;
    }
body.bchomepages #top-left a:hover {
    text-decoration:underline;
    }
body.bchomepages #top-left ul {
    list-style:none;
    margin:9px 0 -4px;
    padding:0;
    font-size:0.9em;
}
body.bchomepages #top-left .bt-l-nav ul {
    border-top: 1px dotted #a19067;
    margin-right:20px;
    padding:10px 0 0 0;
    }
body.bchomepages #top-left li {
line-height:1.61em;
margin:0 17px 0 0;
padding:0;
text-transform:uppercase;
    }

body.bchomepages #top-left li.last {
    
    }
body.bchomepages #top-left li.first {
    padding-top: 4px;
    }
    
body.bchomepages #top-left .bt-l-nav {
font:0.8em Verdana,Arial,Helvetica,sans-serif;
margin-top:25px;
border-top:1px dotted #A19067;
padding-bottom:0px;
*padding-top:10px;
*margin-top:15px;
    }
body.bchomepages .bt-l-nav a {
    color:inherit;
text-decoration:underline !important;
    }

body.bchomepages #bt-left, body.bchomepages #bt-center, body.bchomepages #bt-right {
    float:left;
    }
body.bchomepages #bt-left {
  margin:0 5px 0 15px;
  _margin-left:8px;
width:200px;
    }
body.bchomepages #bt-center {
    width: 340px;
  border-right:1px solid #E9E0CA;
    border-left: 1px solid #E9E0CA;
    }
 body.bchomepages #bt-right {
padding:0 10px;
_padding:0px;
width:400px;
_width:390px;
    }
body.bchomepages #bt-right div.colctrl {
*margin:0;
*height:1px;
}
body.bchomepages #bt-right div.cq-colctrl-lt0-c0  {
margin-left:8px;
margin-right:5px;
padding-right:0;
width:190px;
}
body.bchomepages #bt-right div.cq-colctrl-lt0-c1  {
float:right;
width:190px;
_WIDTH: 175px! important;
}
body.bchomepages #bt-left h3,
body.bchomepages #bt-left h4,
body.bchomepages #bt-left p {
    margin-right: 15px;
    }
body.bchomepages #bt-center h3,
body.bchomepages #bt-center h4,
body.bchomepages #bt-center p { 
    margin-left: 15px;
    margin-right: 15px;
    }

body.bchomepages #bt-left h2 a, body.bchomepages #bt-center h2 a, body.bchomepages #bt-right h2 a {
    display: block;
    height: 25px;
    font-size: 15px; /* IE */
    }
body.bchomepages #bt-center h2 a:hover, body.bchomepages #bt-right h2 a:hover {
    background-position: 15px -25px;
    text-decoration: none;
    }
body.bchomepages#bt-right div.event {
    padding: 0;
    }
body.bchomepages #bt-right .textimage .text, body.bchomepages #bt-left .textimage .text {
*margin-top:-3px;
}
body.bchomepages #bt-left .textimage .image {
    float:left;
}
body.bchomepages #bt-left .textimage .image img {
    background:none repeat scroll 0 0 transparent;
border:medium none;
margin:3px 7px 0 0;
padding:0;
    }
body.bchomepages #columns #bt-left a, body.bchomepages #columns #bt-left a:link, body.bchomepages #columns #bt-left a:visited, body.bchomepages #columns #bt-left a:active,
body.bchomepages #columns #bt-center a, body.bchomepages #columns #bt-center a:link, body.bchomepages #columns #bt-center a:visited, body.bchomepages #columns #bt-center a:active
 {
color:#333333;
text-decoration:underline;
}
/*********
* Column Headers
**********/

body.bchomepages #bt-left h2 {
 /*background:url("/past/etc/designs/bc/research/cihe/images/announcements.gif") no-repeat scroll 33px 8px transparent;*/
 padding-bottom:15px;
 }
body.bchomepages #bt-center h2 {
 /*background:url("/past/etc/designs/bc/research/cihe/images/internationalhighered.gif") no-repeat scroll 33px 8px transparent;*/
 padding-bottom:10px;
 text-indent: 15px; 
 }
 body.bchomepages #bt-right h2 {
 /*background:url("/past/etc/designs/bc/research/cihe/images/important_updates.gif") no-repeat scroll 33px 8px transparent;*/
 }


body.bchomepages a.more {
    white-space: nowrap;
    }

/***********
* footer width
**********/
body.bchomepages #footer {
width:91em;
}

/********
* jQuery Carousel
********/

.jcarousel-container {
    position: relative;
}

.jcarousel-clip {
    z-index: 2;
    padding: 0;
    margin: 0;
    overflow: hidden;
    position: relative;
}

.jcarousel-list {
    z-index: 1;
    overflow: hidden;
    position: relative;
    top: 0;
    left: 0;
    margin: 0;
    padding: 0;
}

.jcarousel-list li,
.jcarousel-item {
    float: left;
    list-style: none;
    /* We set the width/height explicitly. No width/height causes infinite loops. */
    width: 75px;
    height: 75px;
}

/**
 * The buttons are added dynamically by jCarousel before
 * the <ul> list (inside the <div> described above) and
 * have the classnames "jcarousel-next" and "jcarousel-prev".
 */
.jcarousel-next {
    z-index: 3;
    display: none;
}

.jcarousel-prev {
    z-index: 3;
    display: none;
}
.jcarousel-container-vertical {
    width: 300px;
    height: 300px;
    background: #e8e8e8;
    border: 1px solid #fff;
    margin-left: auto;
    margin-right: auto;
    text-align: left;
}
 
.jcarousel-clip-vertical {
    top: 15px;
    width: 290px;
    height: 260px;
    margin: 0 5px;
    z-index: 20;
}
 
.mycarousel li,
.jcarousel-item-vertical,
.jcarousel-item-placeholder-vertical {
    width: 290px;
    height: auto;
    margin: 5px 0;
    list-style: none;
}
 
.jcarousel-item h3,
.jcarousel-item p {
    margin: 0;
}
 
.jcarousel-next-vertical {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 300px;
    height: 14px;
    cursor: pointer;
    border-top: 1px solid #fff;
    background: #8A0909 url(/etc/designs/bc/research/cihe/images/arrow-down.gif) no-repeat center;
}
 
.jcarousel-next-disabled-vertical {
    cursor: default;
    opacity: .5;
    -moz-opacity: .5;
    filter: alpha(opacity=50);
}
 
.jcarousel-prev-vertical {
    position: absolute;
    top: 0;
    left: 0;
    width: 300px;
    height: 14px;
    cursor: pointer;
    border-bottom: 1px solid #fff;
    background: #8A0909 url(/etc/designs/bc/research/cihe/images/arrow-up.gif) no-repeat center;
}
 
.jcarousel-prev-disabled-vertical {
    cursor: default;
    opacity: .5;
    -moz-opacity: .5;
    filter: alpha(opacity=50);
}


body.bchomepages .maroon, body.bchomepages .maroon:link, body.bchomepages .maroon:hover, body.bchomepages .maroon:visited {
background-color:transparent;
color:#8A0909;
font:700 12px "Trebuchet MS",Verdana,Arial,Helvetica,sans-serif;
letter-spacing:1px;
text-decoration:none;
}
body.bchomepages .loading {
    background: transparent url(/etc/designs/bc/research/cihe/images/loading.gif) 50% 50% no-repeat;
}
/**************************
* END HOME PAGE CSS
**************************/