/*************************************
   WELCOME TO THE CUSTOM STYLESHEET
--------------------------------------
              style.css
        BlueTrip CSS Framework
    Put your custom styles in here.
***************************************/

/**************************************/
/*           COLOR SCHEME             */
/**************************************
- black		#000
- white		#fff
-           #
-           #
-           #
***************************************/


/**************************************/
/*              GLOBALS               */
/**************************************/
body, html
{
    background-color: #F1E9EA;
}
#headerwrap
{
    background: #F1E9EA url(/_layout/header_bk.gif) top left no-repeat;
    padding-top:31px;
}
#wrap
{
    background: #F1E9EA url(/_layout/body_bk.gif) top left repeat-y;
}
#innerwrap
{
    background: url(/_layout/footer_bk.gif) bottom left no-repeat;
    padding-bottom: 20px;
}
body.casestudy #wrap, body.courseunit #wrap
{
    background: #F1E9EA url(/_layout/body_bk_withcol.gif) top left repeat-y;
}
body.casestudy #innerwrap, body.courseunit #innerwrap
{
    background: url(/_layout/footer_bk_withcol.gif) bottom left no-repeat;
    padding-bottom: 20px;
}
body.casestudy #content, body.courseunit #content
{
    background: url("/_layout/col_bk.gif") no-repeat top 615px;
}
select, input, button
{
    font-family: "Lucida Sans Unicode" , "Lucida Grande" , Verdana, Arial, Helvetica, sans-serif !important;
    font-size:100%;
}
.c
{
    border-radius: 16px;
    -webkit-border-radius: 16px;
    -moz-border-radius: 16px;
		behavior: url(/PIE.htc);
		position:relative;		
}
.culabel, .cslabel
{
    font-size:.85em;
    float:left;
    color:#666;
}
.versionlabel
{
    font-size:.8em;
    float:left;
    padding-left:5px;
    color:#666;
}
.culabel
{
    /*color:#DE4887;*/
}

.casestudysummary, .courseunitsummary
{
    width: 210px;
    float: left;
    margin: 0 15px 15px 0;
    border: 6px solid #DE4887;
}
.casestudysummary {
    border: 6px solid #999;
}
.casestudysummary .summarywrap, .courseunitsummary .summarywrap
{
    margin: 10px;
    position:relative;
    height: 280px;
    width: 190px;
}
.casestudysummary .summarywrap 
{
    height: 180px;
}
.casestudysummary h5
{
    margin-top:0;
    color: #91A0CA;
    font-size: 1em;
}
.casestudysummary h4, .courseunitsummary h4
{
    font-size: 1.2em;
    clear:both;
    color: #000;
}

.casestudysummary h4 a, .courseunitsummary h4 a
{
    display:block;
    padding-left:20px;
    background:url(/_layout/icons/casestudy_sm.gif) 6px left no-repeat;
}
.courseunitsummary h4 a
{
    padding-left:28px;
    background:url(/_layout/icons/courseunit_lg.gif) 4px left no-repeat;
}
.casestudysummary h4.icon_video a
{
    background:url(/_layout/icons/casevideo_sm.gif) 6px left no-repeat;
}
.cslist
{
    list-style:none;
    margin-left:0;
}
.cslist li
{
    margin:0;
}
.cslist li a
{
    display:block;
    padding-left:20px;
    background:url(/_layout/icons/casestudy_sm.gif) 2px left no-repeat;
    font-size:.9em;
}
.cslist li.icon_video a 
{
    background:url(/_layout/icons/casevideo_sm.gif) 2px left no-repeat;
}
.casestudysummary a, .courseunitsummary a
{
    text-decoration: none;
    color: #000;
}
.casestudysummary .txt, .courseunitsummary .txt
{
    font-size: .85em;
    line-height: 1.15em;
}
.casestudysummary .downloads
{
    position:absolute;
    left:10px;
    bottom:4px;
    
   }
.casestudysummary .desc, .courseunitsummary .desc
{
    margin-left:70px;
}
.casestudysummary .desc a, .courseunitsummary .desc a
{
    text-decoration:none;
    color:#000;
}
.courseunitsummary .cslistwrap
{
    height:140px;
    position:absolute;
    left:10px;
    bottom:4px;
    
}
.coursesholder
{
    background-color: #DE4887;
    border-radius: 16px;
    -webkit-border-radius: 16px;
    -moz-border-radius: 16px;
    margin-right: 10px;
    padding: 6px 0 10px;
    position:relative;
    margin-bottom:6px;
		behavior: url(/PIE.htc);
		position:relative;		
}
.csheader 
{
        font-weight: bold;
    font-family: "FuturaStd", "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
    color: #000;
    font-size: 1.3em;
    padding: 15px;
    background-color: #2E8DB1;
    border-radius: 16px;
    margin:0 0 10px 0;
    -webkit-border-radius: 16px;
    -moz-border-radius: 16px;
		behavior: url(/PIE.htc);
		position:relative;		
    
}
#coursesholder .coursetitle
{
    clear: both;
}
.csresources 
{
    height:1660px;
    overflow:auto;
}
.coursesholder .coursetitle a, .coursesholder .coursetitle .t
{
    font-family: "FuturaStd" , "Lucida Sans Unicode" , "Lucida Grande" , Verdana, Arial, Helvetica, sans-serif;
    display: block;
    color: #000;
    text-decoration: none;
    padding: 10px 0;
    margin: 0 10px;
    font-size: 1.4em;
    font-weight: bold;
}
.coursesholder .coursetitle a.open
{
    background: url(/_layout/open.gif) no-repeat right 8px;
}
.coursesholder .coursetitle a.close
{
    background: url(/_layout/close.gif) no-repeat right 8px;
}
.coursesholder .units
{
    margin: 0 10px;
    width: auto;
    padding: 10px 10px 20px 20px;
    background-color: #FFF;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
		behavior: url(/PIE.htc);
		position:relative;		
}
a.dfn
{
    cursor: help;
    text-decoration: none;
    border-bottom: 1px dashed #000;
    color: #000;
}
.highlightbox
{
    float: right;
    width: 400px;
    border:6px solid #91A0CA;
    padding: 15px 20px 5px;
    margin: 0 0 20px 20px;
}
.loggedin 
{
    background:#FFF url(/_layout/loggedinbk.gif) top left no-repeat;
    font-size:1em;
    font-family: "FuturaStd" , "Lucida Sans Unicode" , "Lucida Grande" , Verdana, Arial, Helvetica, sans-serif;
    font-weight: bold;
    text-align:center;
    height:26px;
    line-height:26px;
}
.loggedin a 
{
    color:#000;
}
.userholder 
{
    position:relative;   
    padding-bottom:20px; 
}
#unmsg 
{
    font-size:.8em;
    font-weight:bold;
    position:absolute;
    line-height:1.1em;
    top:30px;
    left:0;
    width:160px;
}

/**************************************/
/*              HEADER                */
/**************************************/

#header
{
    height: 75px;
    overflow: hidden;
}
.title, .topleveltitle
{
    margin: 12px 0 6px;
    position: relative;
    width: 870px;
    height: 60px;
    overflow: hidden;
    background-color: #33CC00;
}
.topleveltitle
{
    height: 40px;
}
.title_bg
{
    position: absolute;
    z-index: 1;
}
.title h1, .topleveltitle h1
{
    position: relative;
    padding-left: 10px;
    font-weight: normal;
    z-index: 2;
}
.title h1
{
    padding-top: 14px;
}
.searchbox {
    width:140px;
    height:24px;
    border:1px solid #FFF !important;
    padding:0;
    margin:0;
    font-size:1.2em;
    position:absolute;
    top:6px;
    left:0;
 }
 .searchbtn 
 {
    position:absolute;
    right:4px;
    top:4px;
 }

/**************************************/
/*             NAVIGATION             */
/**************************************/
#nav
{
    background: url(/_layout/nav_bk.gif) 40px 0 no-repeat;
}
#nav ul
{
    margin: 0 0 0 10px;
    padding: 0;
    list-style: none;
    height: 40px;
    width: 870px;
    position: relative;
    overflow: hidden;
}
#nav ul li
{
    float: left;
    position: relative;
    margin: 0 0 0 10px;
    padding: 0;
    z-index: 20;
}
#nav ul li a
{
    font-size: 1.2em;
    font-family: "FuturaStd" , "Lucida Sans Unicode" , "Lucida Grande" , Verdana, Arial, Helvetica, sans-serif;
    color: #FFF;
    text-decoration: none;
    z-index: 10;
    display: block;
    height: 40px;
    line-height:40px;
    padding: 0 10px;
    position: relative;
    overflow: hidden;
    font-weight: bold;
    
}
#nav ul li ul { display:none; }

.subjectbtn
{
    margin-bottom: 4px;
    position: relative;
    width: 145px;
    height: 40px;
    overflow: hidden;
    background-color: #91A0CA;
}
.subjectbtn_bg
{
    position: absolute;
    z-index: 1;
}
.subjectbtn a
{
    position: relative;
    text-decoration: none;
		font-weight:normal !important;
    font-family: "FuturaStd" , "Lucida Sans Unicode" , "Lucida Grande" , Verdana, Arial, Helvetica, sans-serif;
    padding: 7px 0 0 14px;
    color: #000;
    z-index: 2;
    display: block;
    white-space: nowrap;
}
#subnav ul
{
    padding: 0;
    margin: 5px 0 0 20px;
}
#subnav ul li
{
    float: left;
    list-style: none;
    margin: 0 15px 0 0;
}
#subnav ul li a
{
    font-weight: bold;
    font-family: "FuturaStd", "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
    color: #000;
    font-size: 1.2em;
    display: block;
    padding: 0 15px;
    height:26px;
    line-height:26px;
    text-decoration: none;
    background-color: #333;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
		behavior: url(/PIE.htc);
		position:relative;		
}

h2.whatcan_hometitle {
    font-weight: bold;
    font-family: "FuturaStd", "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
    color: #FFF;
    font-size: 1.2em;
    display: block;
    padding: 0 15px;
    height:26px;
    line-height:26px;
    text-decoration: none;
    background-color: #97a6cd;
		float:left;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
		behavior: url(/PIE.htc);
		position:relative;		
}

#subnav .nav_courses a
{
    background-color: #DE4887;
}
#subnav .nav_casestudies a
{
    background-color: #2E8DB1;
}
#subnav .nav_assessment a
{
    background-color: #B0CD61;
}
#subnav .nav_training a
{
    background-color: #A3699F;
}
#subnav .nav_workshops a
{
    background-color: #FF6600;
}

/**************************************/
/*            MAIN CONTENT            */
/**************************************/

#content h1
{
    margin: 12px 0 6px;
}
#content h2
{
    font-size: 1.1em;
    font-weight: bold;
    margin: 6px 0 3px;
}
.lessonplansbtn
{
    position: relative;
    float: right;
    margin: 20px 0 5px 10px;
}
#lessonplancontent 
{
    padding:20px;
    font-size:100%;
}
.casestudyimage
{
    position: relative;
    float: right;
    margin: 0 0 10px 10px;
}
.casestudyimage_small, .courseunitimage_small
{
    position: relative;
    float: left;
    margin: 0 6px 0 0;
}
.casestudyimage .img_border, .casestudyimage_small .img_border, .courseunitimage_small .img_border
{
    position: absolute;
    z-index: 2;
}
.casestudyimage .img_holder, .casestudyimage_small .img_holder, .courseunitimage_small .img_holder
{
    position: relative;
    z-index: 1;
}
.shaded
{
    background-color: #dee3ef;
    padding: 10px 20px;
}
.bordered
{
    border:6px solid #999;
    padding: 10px 20px;
}
.bordered a {color:#000}
.teachertext
{
    background-color: #91A0CA;
    padding: 10px 20px;
    margin: 10px 0 20px;
}
.home_content
{
		clear:both;
    position: relative;
    z-index: 8;
    font-size: .85em;
    line-height: 1.25em;
}
.home_content ul
{
}
.home_content ul li
{
    margin-bottom: 3px;
}
.linkstolink
{
    position: relative;
    z-index: 10;
}
.linksto
{
    background-color: #FFF;
    border: 6px solid #33CC00;
    padding: 14px;
    position: absolute;
    top: 22px;
    left: 0;
}
.linksto a
{
    white-space: nowrap;
}

#breakingnews 
{
    float:right;
    width:245px;
    padding-top:74px;
    background:url(/_layout/breakingnews_title.gif) top left no-repeat;
}
#breakingnews ul
{
    margin:0;
    padding:0;
    list-style:none;
    height:100px;
    overflow:hidden;
}
#breakingnews li
{
    margin:0;
    padding:0;
    list-style:none;
    width:245px;
    height:100px;
    text-align:center;
}
#breakingnews li a
{
    text-decoration:none;
    color:#000;
    display:block;
    font-size:14px;
    padding-bottom:4px;
    text-transform:uppercase;
    font-weight: bold;
    font-family: "FuturaStd", "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
}
/**************************************/
/*               SIDEBAR              */
/**************************************/

#sidebar
{
    color: #666;
}
#sidebar h2
{
    color: #91A0CA;
    margin: 12px 0 4px 0;
}
#sidebar a
{
    color: #666;
    font-size: .9em;
}
.resourcebox
{
    border: 6px solid #91A0CA;
    border-radius: 16px;
    -webkit-border-radius: 16px;
    -moz-border-radius: 16px;
    padding: 10px 10px 0 10px;
		behavior: url(/PIE.htc);
		position:relative;		
}
.resourcebox a img, .resourceboxnoborder a img
{
    margin-right: 10px;
}
#sidebar .contents
{
    font-weight: bold;
}
#sidebar .contents a
{
    text-decoration: none;
}
#filterform select
{
    width:124px;
}

/**************************************/
/*               FOOTER               */
/**************************************/
#footer
{
    background-color: #F1E9EA;
    text-align: center;
    padding: 5px 0 20px 0;
    color: #666;
}
#footer a
{
    color: #666;
}


/**************************************/
/*            HOME TICKER             */
/**************************************/
ul.marquee {
    /* required styles */
    display: block;
    padding: 0;
    margin: 4px 0;
    list-style: none;
    line-height: 1;
    position: relative;
    overflow: hidden;

    /* optional styles for appearance */
    width: 620px;
    height: 27px; /* height should be included to reserve visual space for the marquee */
}

ul.marquee li {
    /* required styles */
    position: absolute;
    top: -999em;
    left: 0;
    display: block;
    white-space: nowrap; /* keep all text on a single line */

    /* optional styles for appearance */
    padding: 0 5px;
    font-weight:bold;
    line-height:27px;
}
ul.marquee li span 
{
    font-weight:normal;
    margin-right:10px;
}

#testimonials 
{
    list-style:none;
}
#testimonials li 
{
    clear:both;
    font-family: "FuturaStd", "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
    margin:20px 0;
    font-size:1.6em;
    line-height:1.2em;
}
#testimonials li strong
{
    font-size:.6em;
    font-style:normal;
    float:right;
    padding-bottom:40px;
}

#forumbtn
{
    float: right;
    width:380px;
    text-align:center;
}
#forumbtn a
{
    font-weight: bold;
    font-family: "FuturaStd", "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
    color: #000;
    font-size: 1.2em;
    display: block;
    text-decoration: none;
    border:4px solid #CCC;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
		behavior: url(/PIE.htc);
		position:relative;		
}

.syllabuslinktable { width:100%; border-color:#666;}
.syllabuslinktable th { background-color:#666; color:#FFF; border-color:#666;}
.syllabuslinktable td
{
vertical-align:top;
border-color:#666;
}
.syllabuslinktable tr.alt td { background-color:#EEE;}
.syllabuslinktable tr.over td { background-color:#999; color:#FFF;}
#teachingmaterials {
  height:290px;
}