.defaultLayout{} /* W3C CSS validator likes CSS files to start with a class instead of comments */

/* 
Standard Layout
Mike Cooper, UTMB Public Affairs 
Last Updated: October 30, 2010
*/


html, body 
{
    padding:0;
    margin:0;
    margin-top:0px;
    margin-bottom:0px;
	height:100%; /* needed for container min-height */
	min-height:100%;
    bottom:0px;
    top:0px;
    text-align:left;
    min-width:1000px;
}


div#container /* main page container */
{
    position:relative; /* needed for footer positioning*/
	margin:0 auto;  /*center, not in IE5 */
    /*height:auto !important;  post-IE6 */
	/*height:100%;  IE6: treated as min-height*/
	/*min-height:100%;  post-IE6 */
    text-align: left !important;
    /*border:1px solid #fff;*/
    width:1000px;
    /*background-color:#fff;  Left column color ---[tip]----------------->>> */
    /*background-color:Yellow;  FOR TESTING */
    
    position: relative;
	top: 0px;
}
div#container_inner /*gutter*/
{
    /*padding:0px;*/
    padding-left:10px;
    padding-right:10px;
}



div#header
{
    /*background-color:#fff;
    background: no-repeat top right url("images/header.bkgd.gif");*/
    /*border-bottom:1px solid #fff; -- PULLED -- */
    min-height:86px;
    /*background-color:Orange;  FOR TESTING */
}
div#header_inner /*gutter*/
{
    padding:0px;
}



div#headerleft
{
    float:left;
    position:relative;
    /*background-color:Aqua;  FOR TESTING */
}
div#headerleft_inner /*gutter*/
{
    /*padding-top:16px;
    padding-left:10px;*/
    
    padding-top:22px;
    margin-bottom:19px;
    /*padding-left:10px;*/
    
}
div#headerlogo /* logo */
{
    width:183px;
    height:54px;
    background:no-repeat top left url(images/header.logo2.png); /**/
    border-right:1px solid #cc0033;
}


div#headertitle /*area title*/
{
    float:left;
    position:absolute;
    top:40px;
    /*top:0px;*/
    left:216px;
    z-index:100;
    /*background-color:Red;  FOR TESTING */
    /*width:510px;
    height:84px;*/
}
div#headertitle_inner /*gutter*/
{
    font-size:95%;
}



div#headerright /* top right nav */
{
    color:#ddd;
    float:right;
    position:relative;
    /*background-color:Lime;  FOR TESTING */
}
div#headerright_inner /*gutter*/
{
    padding-top:15px;
    /*padding-right:10px;*/
    text-align:right;
    
    /*margin-top:10px;
    margin-right:10px;*/
    
}



div#headernav /* main navigation */
{
    clear:both;
    /*background:#5a678d repeat-x top right url(images/header.navbar.bkgd.gif);*/
    min-height:25px;/**/
    /*border-top:1px solid #090d2b; -- PULLED -- */
    /*border-bottom:1px solid #fff; white border between mainnav + breadcrumbs*/
    /*border-bottom:1px solid #21285d !important; utmb blue -- PULLED -- */
    /*background-color:#5a678d; -- PULLED -- */
    padding-bottom:6px;
    /*background-color:Green;  FOR TESTING */
}
div#headernav_inner /*gutter*/
{
    padding-top:1px;
    padding-left:1px;
}



div#breadcrumbs /* NOTE: you can turn breadcrumbs on/off from MasterPage code behind */
{
    clear:both;
    color:#666;
    font-size: 10px;
    /*background-color:#f2f3ed; light tan*/
    /*background-color:#d3d6ab; gold*/
    /*border-bottom:1px solid #fff; -- PULLED -- */
    /*background: repeat-y top left url("../../App_Assets/images/breadcrumbs.fade.jpg");*/
    /*background-color:Fuchsia;  FOR TESTING */
}
div#breadcrumbs_inner /*gutter*/
{
    padding-top:5px;
    padding-bottom:5px;
    padding-left:5px; 
    padding-right:5px;
    height:100%;
}



div#footer 
{
    clear:both;
    width:auto;
    color:#ddd;
    padding-top:20px;
}
div#footer_inner 
{
    border-top:1px solid #ccc;
    /*padding-top:10px;
    border-top:1px solid #f2f3ed; --pulled-- light tan*/
    /*background-color:Aqua;  FOR TESTING */
}



div#footerleftcorner
{
    float:left;
    width:120px;
    height:100px;
    /*background:#f2f3ed; --pulled-- light tan*/
    text-align:center;
}
div#footerleftcorner_inner {}
div#footerleftcorner_inner div.banner 
{
    background: no-repeat top left url("images/footer.utmb.seal.logo.gif");
}
.footerbanner
{
    display:block;
    width:85px;
    height:91px;
    background-color:Red;
}

div#footerrightcorner
{
   float:right;
   width:120px;
   height:100px;
   /*background:#f2f3ed; --pulled-- light tan*/
   text-align:center;
}
div#footerrightcorner_inner {}
div#footerrightcorner_inner div.banner
{
    background: no-repeat top left url("images/footer.green.logo.gif");
}

div#footercenter
{
    float:left;
    left:121px;
    width:740px;
    /*height:105px;
    padding-top:10px;
    background:#f2f3ed; --pulled-- light tan*/
}



div#copyright
{
    clear:both;
    padding-top:20px;
    padding-bottom:10px;
    text-align:center;
    color:#888;
    font-size:0.8em;
    /*background-color:Orange;  FOR TESTING */
    line-height:1.5em;
}
div#copyright a 
{ 
    color:#444; 
    /*color:#21285d;*/ 
    text-decoration:none; 
}
div#copyright a:hover  
{
    color:#cc0000; 
    text-decoration:underline; 
}



div#subfooter
{
    
}


div#content /*page content container*/
{
    margin:0px;
    padding:0px;
    text-align:left;
    height:100%;
    /*background: repeat-x url(images/bkgd.fade1.gif);*//* nav column fade ---[tip]----------------->>> */
    /*background-color:Red;*/
}
div#content_inner /*gutter*/
{
    padding:0px;
    overflow:hidden;
    
} 




div#bodycontainer /*body content container*/
{
    float:right; 
    /*border-left:1px solid #c3d0de; -- pulled --*/
    /*width:809px; -- pulled --*/
    min-height:600px;
    /*background: repeat-x url(images/bkgd.fade1.gif);*//* nav column fade ---[tip]----------------->>> */
    /*background-color:Fuchsia; right column color ---------------------------[tip]----------------->>> */
}
div#bodycontainer_inner /*gutter*/
{
    padding:0px;
} 






/* LAYOUT FULL - no columns - blank page */

div#layout_full 
{
    width:980px;
}
    div#layout_full_inner 
    {
        padding:10px;
        min-height:600px;
        background-color:#fff;
        /*border:1px solid #bbb;*/
    }




/* LAYOUT 1 - [navcolumn only] */
/* see: expert profile */

div#layout_1a /* col 1 */
{
    float:left;
    width:160px;
}
    div#layout_1a_inner
    {
        padding-top:30px;
        padding-right:10px;
        min-height:580px;
    }
    
div#layout_1b /* col 2 */
{
    float:left;
    width:820px;
}
    div#layout_1b_inner
    {
        padding:10px;
        min-height:600px;
        background-color:#fff;
        /*border:1px solid #bbb;*/
    }
    
div#layout_1_breadcrumbs
{
    /*margin-left:160px;*/
}



/* LAYOUT 2 */ 
/* see: home, experts, contact, newsroom, newsroom article, mediateam, magazine, impact */

div#layout_2a /* col 1 */
{
    width:160px;
    float:left;
}
    div#layout_2a_inner
    {
        padding-top:30px;
        padding-right:10px;
        min-height:580px;
    }
    
div#layout_2b /* col 2 */
{
    float:left;
    width:570px;
}
    div#layout_2b_inner
    {
        padding:10px;
        min-height:600px;
        background-color:#fff;
        /*border:1px solid #bbb;*/
    }
    
div#layout_2c /* col 3 */
{
    float:right;
    width:250px;
}
    div#layout_2c_inner
    {
        padding-top:23px;/**/
        padding-left:10px;
        min-height:600px;
    }

div#layout_2_breadcrumbs
{
    margin-right:250px;
}



/* LAYOUT 3 - see layout: education, research */

div#layout_3a /* col 1 */
{
    float:left;
    width:160px;
}
    div#layout_3a_inner
    {
        padding-top:30px;
        padding-right:10px;
        min-height:580px;
    }
    
div#layout_3b  /* col 2 */
{
    float:left;
    width:610px;
}
    div#layout_3b_inner
    {
        padding:10px;
        min-height:600px;
        background-color:#fff;
        /*border:1px solid #bbb;*/
    }

div#layout_3c /* col 3 */
{
    float:right;
    width:210px;
}
    div#layout_3c_inner 
    {
        padding-top:23px;/**/
        padding-left:10px;
        min-height:600px;
    }

div#layout_3_breadcrumbs
{
    margin-right:210px;
}



/* LAYOUT 4 */
/* see layout: about */

div#layout_4a /* col 1 */
{
    float:left;
    width:160px;
}
    div#layout_4a_inner
    {
        padding-top:30px;
        padding-right:10px;
        min-height:580px;
    }
    
div#layout_4b /* col 2 */
{
    float:left;
    width:640px;
}
    div#layout_4b_inner
    {
        padding:10px;
        min-height:600px;
        background-color:#fff;
        /*border:1px solid #bbb;*/
    }
    
div#layout_4c /* col 3 */
{
    float:right;
    width:180px;
}
    div#layout_4c_inner
    {
        /*padding-top:23px;*/
        padding-left:10px;
        min-height:600px;
    }

div#layout_4_breadcrumbs
{
    margin-right:180px;
}



/* LAYOUT 5 - big right column only */

div#layout_5a /* col 1 */
{
    float:left;
    width:730px;
}
    div#layout_5a_inner
    {
        padding:10px;
        min-height:600px;
        background-color:#fff;
        /*border:1px solid #bbb;*/
    }
    
div#layout_5b /* col 2 */
{
    float:right;
    width:250px;
}
    div#layout_5b_inner 
    {
        padding-top:7px;/**/
        padding-left:10px;
        min-height:600px;
    }

div#layout_5_breadcrumbs
{
}



/* LAYOUT 6 - small right column only */

div#layout_6a /* col 1 */
{
    float:left;
    width:770px;
}
    div#layout_6a_inner
    {
        padding:5px;
        min-height:600px;
        background-color:#fff; 
        /*border:1px solid #bbb;*/
    }
    
div#layout_6b /* col 2 */
{
    float:right;
    width:210px;
}
    div#layout_6b_inner 
    {
        padding-top:7px;/**/
        padding-left:10px;
        min-height:600px;
    }

div#layout_6_breadcrumbs
{
    width:770px;
}





/* LAYOUT 7 - nav col + 2 equal body columns */

div#layout_7a /* col 1 */
{
    float:left;
    width:160px;
}
    div#layout_7a_inner
    {
        padding-top:30px;
        padding-right:10px;
        min-height:600px;
    }
    
div#layout_7b /* col 2 */
{
    float:left;
    width:410px;
}
    div#layout_7b_inner 
    {
        padding:10px;
        margin-right:5px;
        min-height:600px;
        background-color:#fff; 
        /*border:1px solid #bbb;*/
    }
    
div#layout_7c /* col 3 */
{
    float:right;
    width:410px;
}
    div#layout_7c_inner 
    {
        padding-top:23px;/**/
        padding:10px;
        margin-left:5px;
        min-height:600px;
        background-color:#fff; 
        /*border:1px solid #bbb;*/
    }
div#layout_7_breadcrumbs
{
}






/* LAYOUT 8 - nav col + 3 equal body columns */

div#layout_8a /* col 1 */
{
    float:left;
    width:160px;
}
    div#layout_8a_inner
    {
        padding-top:30px;
        padding-right:10px;
        min-height:600px;
    }
    
div#layout_8b /* col 2 */
{
    float:left;
    width:273px;
}
    div#layout_8b_inner 
    {
        padding:10px;
        margin-right:5px;
        min-height:600px;
        background-color:#fff; 
        /*border:1px solid #bbb;*/
    }
    
div#layout_8c /* col 3 */
{
    float:left;
    width:274px;
}
    div#layout_8c_inner 
    {
        padding:10px;
        margin-left:5px;
        margin-right:5px;
        min-height:600px;
        background-color:#fff; 
        /*border:1px solid #bbb;*/
    }

div#layout_8d /* col 3 */
{
    float:right;
    width:273px;
}
    div#layout_8d_inner 
    {
        padding:10px;
        margin-left:5px;
        min-height:600px;
        background-color:#fff; 
        /*border:1px solid #bbb;*/
    }
   
div#layout_8_breadcrumbs
{
}









/*FLASH*/
div#media_box /* NOTE: you can turn flashmovie on/off from MasterPage code behind */
{
    top:0px; 
    margin:0px; 
    padding-left:1px;
    background-color:#fff;
    /*height:219px;  NOTE: can change height from codebehind */
    /*width:788px;   NOTE: can change width from codebehind */
    overflow:hidden; 
    border-bottom:1px solid #c3d0de;
}
    div#media_box_inner /* NOTE: you can turn flashmovie on/off from MasterPage code behind */
    {
    }




/* outer divs - "original tan drop shadow" - NOTE: you can turn on/off from MasterPage */
div#outer1, div#outer2, div#outer3, div#outer4, div#outer5
{
    border-width: 1px;
    border-style: solid;
    top:0px; 
    bottom:0px;
}

div#outer1 /*lightest*/
{
    width:990px; 
    margin-left:-495px; 
    left: 50%; 
    position:relative; 
    border-color:#dee0d5; /*original*/
}
div#outer2 
{
    width:988px; 
    height:100%; 
    border-color:#dbdcd2; /*original*/
}
div#outer3 
{
    width:986px; 
    height:100%;
    border-color:#d4d6cc; /*original*/ 
}
div#outer4 
{
    width:984px; 
    height:100%; 
    border-color:#cbcdc3; /*original*/ 
}
div#outer5 /*darkest*/
{
    width:982px; 
    height:100%; 
    border-color:#bebfb6; /*original*/
}






/* 
    jQuery box rounded corners, ref via script --------------------------------------------->>>
    see: app_assets/scripts/pageDesign.js 
*/



/* 
    "tabs" #bbb w/ slight drop, pg bkgd tan corner matte
    usage: <div class="boxtabs"></div> 
*/
span.tab {} /* leave blank: just a reference */
span.jtabs { }

    span.jtabs_t {background: url(images/boxes/box1_t.gif) 0 0 repeat-x;/*float:left;width:100%;*/}
    span.jtabs_b {/*background: url(images/boxes/box1_b.gif) 0 100% repeat-x;*/}
    span.jtabs_l {background: url(images/boxes/box1_l.gif) 0 0 repeat-y;}
    span.jtabs_r {background: url(images/boxes/box1_r.gif) 100% 0 repeat-y;}
    
        span.jtabs_bl {/*background: url(images/boxes/box1_bl.gif) 0 100% no-repeat;*/}
        span.jtabs_br {/*background: url(images/boxes/box1_br.gif) 100% 100% no-repeat;*/}
        span.jtabs_tl {background: url(images/boxes/box1_tl.gif) 0 0 no-repeat;}
        span.jtabs_tr {background: url(images/boxes/box1_tr.gif) 100% 0 no-repeat;} 
        
        
        


/* 
    "box" #bbb w/ slight drop, pg bkgd tan corner matte
    usage: <div class="box"></div> 
*/
div.box {} /* leave blank: just a reference */
div.jbox { background:#fff; }

    div.jbox_t {background: url(images/boxes/box1_t.gif) 0 0 repeat-x;float:left;width:100%;}
    div.jbox_b {background: url(images/boxes/box1_b.gif) 0 100% repeat-x;}
    div.jbox_l {background: url(images/boxes/box1_l.gif) 0 0 repeat-y;}
    div.jbox_r {background: url(images/boxes/box1_r.gif) 100% 0 repeat-y;}
    
        div.jbox_bl {background: url(images/boxes/box1_bl.gif) 0 100% no-repeat;}
        div.jbox_br {background: url(images/boxes/box1_br.gif) 100% 100% no-repeat;}
        div.jbox_tl {background: url(images/boxes/box1_tl.gif) 0 0 no-repeat;}
        div.jbox_tr {background: url(images/boxes/box1_tr.gif) 100% 0 no-repeat;padding:5px;} 







/* roundbox [#aaa w/ white matte corner] */
div.roundbox {}
div.roundbox_t {background: url(../../App_Assets/images/boxes/box.aaa.edge.gif) 0 0 repeat-x;}
div.roundbox_b {background: url(../../App_Assets/images/boxes/box.aaa.edge.gif) 0 100% repeat-x}
div.roundbox_l {background: url(../../App_Assets/images/boxes/box.aaa.edge.gif) 0 0 repeat-y}
div.roundbox_r {background: url(../../App_Assets/images/boxes/box.aaa.edge.gif) 100% 0 repeat-y}
div.roundbox_bl {background: url(../../App_Assets/images/boxes/box.aaa.corner.bot.left.gif) 0 100% no-repeat}
div.roundbox_br {background: url(../../App_Assets/images/boxes/box.aaa.corner.bot.right.gif) 100% 100% no-repeat}
div.roundbox_tl {background: url(../../App_Assets/images/boxes/box.aaa.corner.top.left.gif) 0 0 no-repeat}
div.roundbox_tr {background: url(../../App_Assets/images/boxes/box.aaa.corner.top.right.gif) 100% 0 no-repeat;padding:5px;/**/} 

/* roundbox1 [#ccc w/ tan matte corner] */
div.roundbox1 {}
div.roundbox1_t {background: url(../../App_Assets/images/boxes/roundbox1.edge.top.gif) 0 0 repeat-x;}
div.roundbox1_b {background: url(../../App_Assets/images/boxes/roundbox1.edge.bot.gif) 0 100% repeat-x}
div.roundbox1_l {background: url(../../App_Assets/images/boxes/roundbox1.edge.left.gif) 0 0 repeat-y}
div.roundbox1_r {background: url(../../App_Assets/images/boxes/roundbox1.edge.right.gif) 100% 0 repeat-y}
div.roundbox1_bl {background: url(../../App_Assets/images/boxes/roundbox1.corner.bot.left.gif) 0 100% no-repeat}
div.roundbox1_br {background: url(../../App_Assets/images/boxes/roundbox1.corner.bot.right.gif) 100% 100% no-repeat}
div.roundbox1_tl {background: url(../../App_Assets/images/boxes/roundbox1.corner.top.left.gif) 0 0 no-repeat}
div.roundbox1_tr {background: url(../../App_Assets/images/boxes/roundbox1.corner.top.right.gif) 100% 0 no-repeat;padding:5px;/**/} 

/* roundbox2 [#aaa w/ white matte corner & #eee fill] */
div.roundbox2 {}
div.roundbox2_t {background: url(../../App_Assets/images/boxes/box.aaa.edge.gif) 0 0 repeat-x;}
div.roundbox2_b {background: url(../../App_Assets/images/boxes/box.aaa.edge.gif) 0 100% repeat-x}
div.roundbox2_l {background: url(../../App_Assets/images/boxes/box.aaa.edge.gif) 0 0 repeat-y}
div.roundbox2_r {background: url(../../App_Assets/images/boxes/box.aaa.edge.gif) 100% 0 repeat-y}
div.roundbox2_bl {background: url(../../App_Assets/images/boxes/box.aaa.corner.bot.left.gif) 0 100% no-repeat}
div.roundbox2_br {background: url(../../App_Assets/images/boxes/box.aaa.corner.bot.right.gif) 100% 100% no-repeat}
div.roundbox2_tl {background: url(../../App_Assets/images/boxes/box.aaa.corner.top.left.gif) 0 0 no-repeat}
div.roundbox2_tr {background: url(../../App_Assets/images/boxes/box.aaa.corner.top.right.gif) 100% 0 no-repeat;padding:5px;/**/} 


/* roundbox corner fades */
div.roundbox_cornerfade_tl {background: url(../../App_Assets/images/boxes/roundbox.corner.fade.top.left.gif) 0 0 no-repeat}
div.roundbox_cornerfade_br {background: url(../../App_Assets/images/boxes/roundbox.corner.fade.bot.right.gif) 100% 100% no-repeat}



/* Style Guide: layout template examples - see: ~/App_Layouts/default.aspx */
div#styleguide_layout_1
{
    display:block;
    width:150px;
    height:118px;
    border:1px solid #4a6b8c;
    background:#eee repeat-x top left url(images/layout_1.gif); /**/
    margin-top:10px;
}
div#styleguide_layout_2
{
    display:block;
    width:150px;
    height:118px;
    border:1px solid #4a6b8c;
    background:#eee repeat-x top left url(images/layout_2.gif); /**/
    margin-top:10px;
}
div#styleguide_layout_3
{
    display:block;
    width:150px;
    height:118px;
    border:1px solid #4a6b8c;
    background:#eee repeat-x top left url(images/layout_3.gif); /**/
    margin-top:10px;
}
div#styleguide_layout_4
{
    display:block;
    width:150px;
    height:118px;
    border:1px solid #4a6b8c;
    background:#eee repeat-x top left url(images/layout_4.gif); /**/
    margin-top:10px;
}
div#styleguide_layout_5
{
    display:block;
    width:150px;
    height:118px;
    border:1px solid #4a6b8c;
    background:#eee repeat-x top left url(images/layout_5.gif); /**/
    margin-top:10px;
}
div#styleguide_layout_6
{
    display:block;
    width:150px;
    height:118px;
    border:1px solid #4a6b8c;
    background:#eee repeat-x top left url(images/layout_6.gif); /**/
    margin-top:10px;
}
div#styleguide_layout_7
{
    display:block;
    width:150px;
    height:118px;
    border:1px solid #4a6b8c;
    background:#eee repeat-x top left url(images/layout_7.gif); /**/
    margin-top:10px;
}
div#styleguide_layout_8
{
    display:block;
    width:150px;
    height:118px;
    border:1px solid #4a6b8c;
    background:#eee repeat-x top left url(images/layout_8.gif); /**/
    margin-top:10px;
}
div#styleguide_layout_full
{
    display:block;
    width:150px;
    height:118px;
    border:1px solid #4a6b8c;
    background:#eee repeat-x top left url(images/layout_full.gif); /**/
    margin-top:10px;
}