.megaSticky_Master{} 

/* DO NOT EDIT THIS CSS FILE! - PLEASE ADD YOUR CSS TO "SiteSpecific.css" IN THIS DIRECTORY!!!  */
/* DO NOT EDIT THIS CSS FILE! - PLEASE ADD YOUR CSS TO "SiteSpecific.css" IN THIS DIRECTORY!!!  */
/* DO NOT EDIT THIS CSS FILE! - PLEASE ADD YOUR CSS TO "SiteSpecific.css" IN THIS DIRECTORY!!!  */

/**
 * "MegaSticky" - Master CSS
 * @author Mike Cooper, UTMB Public Affairs <mgcooper@utmb.edu> 
 * @author Toby Smith, UTMB Information Services <tlsmith@utmb.edu> 
 * @copyright 2011 UTMB, The University of Texas Medical Branch at Galveston
 * @version Master (Core) CSS v1.5 - Last Updated: April 2, 2012
 * @documentation http://sandbox.utmb.edu/devnet/
 *
 * UTMB GRAY (color1)
 * PMS Cool Gray 10
 * C 38, M 29, Y 20, K 58
 * R 97, G 99, B 101
 * HTML #616365
 * 
 * UTMB RED (color2)
 * PMS 1788
 * C 0, M 88, Y 80, K 0
 * R 234, G 40, B 57
 * HTML #EA2839 
 *
 * UTMB COMPLIMENTARY COLOR PALETTE:
 * Blue: #3D7EDB (color3)
 * Orange: #EC7A08 (color4)
 * Teal: #4e7c8c (color5)
 * Green: #879637 (color6)
 * Purple: #641F45 (color7)
 * Cool Gray 3: #C9CAC8 (color8)
 * Tan: #DCD6B2 (color9)
 * Beige: #ECDEBB (color10)
*/



/*=====================================================[ GENERAL DOM STYLES ] ===========================================================*/



/* Browser Reset */
html,body,div,span,object,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td { 
	margin:0;padding:0;outline:none;font-size:100%;border:none;text-decoration:none;}

html, body {height:100%;} /* Sticky Footer */
form#aspnetForm {height:100%;} /* Sticky Footer - ASP.NET */

body {padding:0;margin:0;text-align:left;
      color:#616365;font:normal small Arial, Helvetica, sans-serif;
      background:#fff url(images/body_bkgd1.png) repeat-x;
      min-width:1000px;}

a {color:#3D7EDB;outline:none;cursor:pointer;text-decoration:none;}
a:active {outline:none;}
a:hover {text-decoration:underline;}
a img{border:none}

h1,h2,h3,h4,h5,h6,h1 a,h2 a,h3 a,h4 a,h5 a,h6 a 
{
    color:#000;margin-bottom:20px;font-weight:normal;font-family:Arial,Verdana,sans-serif;line-height:normal;
}
h1 a:hover,h2 a:hover,h3 a:hover,h4 a:hover,h5 a:hover,h6 a:hover 
{
    color:#EA2839;
}
h1{font-size:2.2em}
h2{font-size:1.8em}
h3{font-size:1.4em}
h4{font-size:1.4em;color:#616365;}
h5{font-size:1.3em}
h6{font-size:1.1em}

.detail {color:#EC7A08 !important;}
.subtitle {font-size:0.75em;color:#a2a2a2;font-weight:normal;display:block;margin-top:8px;font-family:Arial, Helvetica, sans-serif;}

p{margin:0 0 20px 0}

hr {clear:both;height:1px !important;max-height:1px !important;border:none !important;color:#ccc !important;background:#ccc !important;
    margin:30px 0px 30px 0px !important;}

blockquote, q {quotes:none}
blockquote:before,blockquote:after, q:before, q:after {content:'';content:none}
blockquote em, blockquote cite {font-style:italic}
blockquote.alignleft, blockquote .alignright {width:33%}
blockquote {margin:25px 0px;padding:15px 20px;background:#fafafa;border-right:1px solid #e5e5e5;border-bottom:1px solid #e5e5e5;border-left:8px solid #e5e5e5;font-style:normal}
.entry-content blockquote p, blockquote p {margin:0 0 20px 0}

code {width:auto;overflow:auto;display:block;padding:10px;margin:5px 0px 15px 0px;background:#F0F0F0;}



/*=====================================================[ UTMB Web Color Palette ] ===========================================================*/



.color1, .gray {color:#616365 !important;} .background1, .gray_bkgd {background:#616365 !important;} /*UTMB Gray*/
.color2, .red {color:#EA2839 !important;} .background2, .red_bkgd {background:#EA2839 !important;} /*UTMB Red*/
.color3, .blue {color:#3D7EDB !important;} .background3, .blue_bkgd {background:#3D7EDB !important;} /*Blue*/
.color4, .orange {color:#EC7A08 !important;} .background4, .orange_bkgd {background:#EC7A08 !important;} /*Orange*/
.color5, .teal {color:#4e7c8c !important;} .background5, .teal_bkgd {background:#4e7c8c !important;} /*Teal*/
.color6, .green {color:#879637 !important;} .background6, .green_bkgd {background:#879637 !important;} /*Green*/
.color7, .purple {color:#641F45 !important;} .background7, .purple_bkgd {background:#641F45 !important;} /*Purple*/
.color8, .coolgray {color:#C9CAC8 !important;} .background8, .coolgray_bkgd {background:#C9CAC8 !important;} /*Cool Gray 3*/
.color9, .tan {color:#DCD6B2 !important;} .background9, .tan_bkgd {background:#DCD6B2 !important;} /*Tan*/
.color10, .beige {color:#ECDEBB !important;}.background10, .beige_bkgd {background:#ECDEBB !important;} /*Beige*/
.black {color:#000 !important;} .white {color:#fff !important;}



/*=====================================================[ LAYOUT: "MegaSticky" ] ===========================================================*/



#stickywrapper {min-height:100%;width:1200px;margin:0 auto;padding:0;background:transparent;/* Sticky Footer */}

#container {width:1200px;overflow:auto;margin:0 auto;padding:0px;padding-bottom:160px;/* Sticky Footer must be same height as the footer */}

#header {width:1200px;height:180px;padding:0;margin:0;background:transparent;overflow:hidden;}

/* UTMB LOGO w/ tagline - @ header > a#headerlogo */
a#headerlogo {float:left;margin-top:10px;display:block;width:181px;height:118px;
	background:url(images/UTMB_header_logo_small_gray_text.png) no-repeat top left;}
	
#headertitle {float:left;margin-top:28px;margin-left:10px;height:85px;border-left:1px solid #ddd;}
#headertitle h1 {margin:0px;padding:18px 0px 0px 20px;color:#616365;font-size:26px;}
#headertitle h1 span.subtitle {display:block;color:#999;font-size:0.6em;margin-top:4px;}/*<H1><span class="subtitle">*/
#headertitle h1 em {font-size:70%;}

#headerright {float:right;color:#ddd;margin-top:14px;text-align:right;white-space:nowrap;}

/*main nav bar div container*/
#headermainnav {clear:both !important;width:1200px;position:absolute;top:142px;} 

#breadcrumbs {clear:both;overflow:hidden;width:100%;height:24px;background-color:#ede4c8;color:#333;font-size:10px;}
#breadcrumbsleft a {color:#333;background-color:#ede4c8;}
#breadcrumbsleft a:hover {text-decoration:underline !important;background-color:#ede4c8;}
#breadcrumbsleft {float:left;padding-top:4px;background-color:#ede4c8;}
#breadcrumbsright {float:right;padding-top:4px;background-color:#ede4c8;}


/* 3 column layout - [ inside div#maincontent ] default main content */
#leftcolumn {float:left;width:200px;}
#leftcolumn_inner {padding:20px 10px 20px 10px;line-height:1.35em;}
#centercolumn {float:left;width:578px;}
#centercolumn_inner {padding:20px 30px 20px 30px;line-height:1.35em;}
#rightcolumn {float:right;width:200px;}
#rightcolumn_inner {padding:20px 10px 20px 10px;line-height:1.35em;}


#stickyfooter {position:relative;margin:-160px auto;height:160px;clear:both !important;background:#fff url(images/footer_bkgd.png) repeat-x top left;} /* Sticky Footer *//* negative value of footer height */
body:before {content:"";height:100%;float:left;width:0;margin-top:-32767px;} /* Sticky Footer Opera Fix *//* negate effect of float */

#kudos {color:#999;text-align:center;padding-top:10px;height:25px;font-size:0.8em;border-top:1px solid #eee;}
#kudos a {color:#999;}
#kudos a:hover {color:#555;}

#footer {width:1200px;margin:0 auto;padding:0;padding-top:15px;text-align:center;overflow:hidden;}
#footer_left {float:left;width:110px;height:100px;/*text-align:center;*/}
#footer_right {float:right;width:110px;height:100px;/*text-align:center;*/}
#footer_center {float:left;width:980px;}
#copyright {font-size:11px;color:#888;}
#copyright a {color:#777;}
#footer_left div.banner_left {width:100px;height:100px;text-align:left;}
#footer_right div.banner_right {width:100px;height:100px;text-align:right;}



/*=====================================================[ NAVIGATION: Old drop down main header nav ] ===========================================================*/



/* (1st Tier) */
ul#dropdownnav {margin:0;padding:0;float:left;list-style:none;/*width:100%;*/}
ul#dropdownnav li {float:left;margin:0;padding:0;list-style:none;position:relative;z-index:3; /* NOTE: Added this to be on top of accordion side nav - parent (li) must be greater z-index than child (li .sub) */}
ul#dropdownnav li.leftborder {/*border-left:none !important;*/}
ul#dropdownnav li.rightborder {/*border-right:none !important;*/}
ul#dropdownnav li a {color:#fff;height:38px;line-height:38px;padding:0 17px 0 17px;font-size:12px;font-weight:normal;float:none !important /*Non-IE6*/;float:left /*IE-6*/;display:block;text-decoration:none;}
ul#dropdownnav li a:hover, ul#dropdownnav li:hover a {color:#fff;background-color:#616365;text-decoration:none;} 


/* (2nd Tier) */
ul#dropdownnav li ul {display:none;border:none;margin:0;padding:0;}
ul#dropdownnav li:hover ul, ul#dropdownnav li a:hover ul {position:absolute;top:37px;left:0;display:block;}
ul#dropdownnav li:hover ul li a, ul#dropdownnav li a:hover ul li a {width:120px;height:auto;line-height:1.3em;padding:5px 5px 5px 5px;display:block;
	color:#fff;background:#555;font-size:.85em;font-weight:normal;border-left:solid 1px #666;border-right:solid 1px #666;border-top:solid 1px #666;}
ul#dropdownnav li:hover ul li a:hover, ul#dropdownnav li a:hover ul li a:hover {color:#fff;background:#333;} 


/* (3rd Tier) */
ul#dropdownnav li ul li ul {display:none;border:none;margin:0;padding:0;}
ul#dropdownnav li a ul li a:hover ul {position:absolute;top:23px;left:0;display:block;}
ul#dropdownnav li:hover ul li ul {display:none;position:absolute;top:23px;margin-top:1px;left:0;}
ul#dropdownnav li ul li:hover ul {position:absolute;top:3px;margin-top:1px;left:131px;display:block;}
ul#dropdownnav li ul li:hover ul li a {width:120px;height:auto;line-height:1.3em;padding:5px 5px 5px 5px;display:block;
	color:#000;background-color:#ede4c8;font-size:.85em;font-weight:normal;border-left:solid 1px #666;border-right:solid 1px #666;border-top:solid 1px #666;}
ul#dropdownnav li ul li:hover ul li a:hover, ul#dropdownnav li a ul li a:hover ul li a:hover {color:#fff;background-color:#616365;} 


/*ie nav dropdown table hack*/
div#headernav table {top:0;left:0;position:absolute;border-collapse:collapse;}

/* arrows parent nav */
a.parentnav {background:no-repeat right 4px url(images/nav_arrowRight_gray.png);}
a.parentnav:hover {background:no-repeat right 4px url(images/nav_arrowRight_white.png);}

.leftborder { border-left:solid 1px #777; } /*maincells left border*/
.rightborder {border-right:solid 1px #777; } /*maincells right border*/
.lastone { border-bottom:1px solid #666; } /*subcells last <li>*/

/* mainnav cells "NOW VIEWING" */
a.mainnav_viewing {color:#fff !important;background:#616365 !important;}



/*=====================================================[ NAVIGATION: NEW Mega Menu header nav ] ===========================================================*/



/*main nav*/
ul#mainnav_mega {margin:0;padding:0;float:left;width:100%;list-style:none;font-size:1.1em;}
ul#mainnav_mega li {float:left;margin:0;padding:0;list-style:none;position:relative;
	z-index:3;/**/ /* NOTE: Added this to be on top of accordion side nav - parent (li) must be greater z-index than child (li .sub) */
}
ul#mainnav_mega li a {float:left;height:27px;padding:11px 17px 0px 17px;color:#fff;font-size:12px;font-family:Verdana, Arial, Helvetica, sans-serif;text-decoration:none;}
ul#mainnav_mega li:hover a, ul#mainnav_mega li a:hover {background:#333 url(images/nav_hover.png) left top repeat-x/**/; }
ul#mainnav_mega li .sub {display:none;float:left;position:absolute;top:38px;left:0;padding:20px 20px 20px;background:#333;
	z-index:2;/**/  /* NOTE: Added this to be on top of accordion side nav - parent (li) must be greater z-index than child (li .sub) */
	
	/*--Bottom right rounded corner--*/
	-moz-border-radius-bottomright:5px;
	-khtml-border-radius-bottomright:5px;
	-webkit-border-bottom-right-radius:5px;
	
	/*--Bottom left rounded corner--*/
	-moz-border-radius-bottomleft:5px;
	-khtml-border-radius-bottomleft:5px;
	-webkit-border-bottom-left-radius:5px;
}
ul#mainnav_mega li .row {clear:both; float:left; width:100%; margin-bottom:10px;}
ul#mainnav_mega li .sub ul{list-style:none;margin:0;padding:0;width:150px;float:left;}
ul#mainnav_mega .sub ul li {width:100%;color:#fff;}
ul#mainnav_mega .sub ul li .listdetail {background:url(images/navlist_arrow_yellow.png) no-repeat 5px 12px;padding:7px 5px 7px 15px;display:block;font-size:11px;font-family:Verdana, Arial, Sans-Serif;}
ul#mainnav_mega .sub ul li h2 {padding:5px 0; margin:0;font-size:11px !important;font-weight:bold;color:#EC7A08;font-family:Verdana, Arial, Sans-Serif;}
ul#mainnav_mega .sub ul li h2 a {padding:0;margin:0;background-image:none;color:#EC7A08;font-weight:bold;}
ul#mainnav_mega .sub ul li a {float:none;height:auto;background:url(images/navlist_arrow_yellow.png) no-repeat 5px 12px;padding:7px 5px 7px 15px;
	display:block;text-decoration:none;color:#fff;font-size:11px !important;}
ul#mainnav_mega .sub ul li a:hover {text-decoration:underline;}



/*=====================================================[ NAVIGATION: Top Right Nav ] ===========================================================*/



/*top-right nav list div container*/
#headertopnav {margin-bottom:10px;} 

ul#topnav_mega {margin:0; padding:0;float:right;list-style:none;}
ul#topnav_mega li {display:inline;margin:0; padding:0;position:relative;float:left;list-style:none;}
ul#topnav_mega li a {float:left;height:12px;padding:5px 10px 5px 10px;/*font-family:Verdana, Arial, Helvetica, sans-serif;*/text-decoration:none;
                     font-size:11px;color:#616365;border-right:1px solid #eee;}
ul#topnav_mega li.last_topnav a {border-right:0;border-right:none;}
ul#topnav_mega li:hover a, ul#topnav_mega li a:hover {color:#333;background:#eee;}
ul#topnav_mega li .sub {display:none;position:absolute;z-index:1000;padding:10px 10px 10px 10px;top:22px;left:-75px;background:#eee url(images/topnav_bkgd.gif) top left repeat-x;border:1px solid #ddd;
	-webkit-border-radius:5px; /*Webkit*/
    -khtml-border-radius:5px; /*KHTML (Konqueror)*/
    -moz-border-radius:5px; /*Firefox*/
    border-radius:5px;/*CSS3*/	
}
ul#topnav_mega li .row {clear:both; float:left; width:100%; margin-bottom:10px;}
ul#topnav_mega li .sub ul {list-style:none;margin:0; padding:0;width:160px;float:left;}
ul#topnav_mega .sub ul li {width:100%;color:#fff;text-align:left !important;float:left;}
ul#topnav_mega .sub ul li h2 {padding:0;margin:0;font-size:9px;font-weight:bold;color:#EC7A08;font-family:Verdana, Arial, Helvetica, sans-serif;}
ul#topnav_mega .sub ul li h2 a {padding:5px 0;margin:0;background-image:none;color:#EC7A08;font-size:10px;font-weight:bold;}
ul#topnav_mega .sub ul li a {float:none;text-indent:0;height:auto;background:url(images/navlist_arrow_gray.png) no-repeat 5px 12px;font-family:Verdana, Arial, Helvetica, sans-serif;
	padding:7px 5px 7px 15px;display:block;text-decoration:none;color:#333;font-size:10px;border:none;}
ul#topnav_mega .sub ul li a:hover {text-decoration:underline;}




/*=====================================================[ NAVIGATION: side nav static ul ] ===========================================================*/


/* Side Navigation - width 180px */
ul.sidenav {width:180px;padding:0;margin:0;}
ul.sidenav li {list-style:none;margin:0;padding:0px;background-color:transparent;border-bottom:1px solid #ddd;}
ul.sidenav li a {/*width:166px;*/padding:7px;font-size:.9em;color:#444;text-decoration:none;vertical-align:bottom !important;display:block;}
ul.sidenav li a:hover {color:#000;background-color:#eee;}
ul.sidenav li.last_sidenav, ul.sidenav li.lastone {border:0;}
ul.sidenav li.current a {color:#EA2839;background:#fff url(images/itabs_bkgd.gif) repeat-x bottom left;font-weight:bold;}
ul.sidenav li.current a:hover {color:#EA2839;background:#fff url(images/itabs_bkgd.gif) repeat-x bottom left;}


/* Side Nav Nested UL */
ul.sidenav li ul {margin:0px;padding:0px;border-top:1px solid #999;}
ul.sidenav li ul li {margin:0px;padding:0px;border-bottom:0;}
ul.sidenav li ul li a {padding:8px;margin:0;color:#fff;background-color:#555;font-size:.78em;font-weight:bold;text-decoration:none;
    display:block;vertical-align:bottom !important;line-height:1.35em !important;border:1px solid #999;border-top:0;}
ul.sidenav li ul li a:hover {color:#000;background-color:#ede4c8;}
ul.sidenav li ul li:hover > a {color:#000;background-color:#ede4c8;}
ul.sidenav li ul li.current a {color:#fff;background-color:#333;}
ul.sidenav li ul li.current a:hover {color:#fff;background-color:#333;}



/*=====================================================[ ACCORDION: side nav w/ flyouts ] ===========================================================*/



/**
  * jQuery Accordion sidenav w/ (3 tier) flyout menus - last build: 11/10/2011 <mgcooper@utmb.edu>
  * @author Mike Cooper <mgcooper@utmb.edu>
  * @author Toby Smith <tlsmith@utmb.edu>
*/

/* root element for accordion */
#accordionSideNav 
{
    /*padding:2px;
    border:1px solid #ccc;
    
    -webkit-border-radius:8px; 
    -khtml-border-radius:8px; 
    -moz-border-radius:8px; 
    border-radius:8px;*/
    }

/* accordion header */
#accordionSideNav h2 {margin:0px;padding:0px;font-size:.9em;font-weight:normal;font-family:Arial, Helvetica, sans-serif;cursor:pointer;}
#accordionSideNav h2 a {margin:0px;padding:8px;color:#333;text-decoration:none;display:block;border-bottom:1px solid #ddd;}
#accordionSideNav h2.last_accordionSideNav a, #accordionSideNav h2.last a  {border-bottom:none;}
#accordionSideNav h2 a:hover {color:#000;background-color:#eee;}
#accordionSideNav h2.current a, #accordionSideNav h2 a.current {color:#EA2839;background:#fff  repeat-x bottom left;font-weight:bold;}
#accordionSideNav h2.current a:hover, #accordionSideNav h2 a.current:hover {color:#EA2839;background:#fff repeat-x bottom left;}

/* accordion pane */
div.paneAccordionSideNav {display:none;padding:0px;margin:0px;color:#fff;background-color:transparent;line-height:1.35em !important;}

/* ul - width 180px */
div.paneAccordionSideNav ul {width:180px;position:relative;margin:0;padding:0;list-style:none;background:transparent !important;border-top:1px solid #999;}
div.paneAccordionSideNav li {margin:0;padding:0;list-style:none;display:inline;background:transparent !important;line-height:1.35em !important;}
div.paneAccordionSideNav ul ul {position:absolute;left:-9999px;border-top:none;border-top:0;}
div.paneAccordionSideNav ul ul ul {border-top:none;border-top:0;}
div.paneAccordionSideNav ul.sidenavAccordion {position:relative;left:0;top:0;}

/* top (1st tier) links */
div.paneAccordionSideNav li a {padding:8px;margin:0;color:#fff;background-color:#555;font-size:.78em;font-weight:bold;text-decoration:none;
    display:block;vertical-align:bottom !important;line-height:1.35em !important;border:1px solid #999;border-top:0;/*border-top:1px solid #999;*/} 
div.paneAccordionSideNav li a:hover {color:#000;background-color:#ede4c8;} 
div.paneAccordionSideNav li:hover > a {color:#000;background-color:#ede4c8;}
div.paneAccordionSideNav li a.current {color:#fff;background-color:#333;} 
/* (1st tier) fly out arrows */
div.paneAccordionSideNav li a.parentnav {background:#555 no-repeat right 4px url(images/nav_arrowRight_white.png);}
div.paneAccordionSideNav li a.parentnav:hover {background:#ede4c8 no-repeat right 4px url(images/nav_arrowRight_gray.png);}
div.paneAccordionSideNav li:hover > a.parentnav {background:#ede4c8 no-repeat right 4px url(images/nav_arrowRight_gray.png);}
div.paneAccordionSideNav li a.parentnav.current {color:#fff;background:#333 no-repeat right 4px url(images/nav_arrowRight_white.png);}
div.paneAccordionSideNav li a.parentnav.current:hover {color:#000;background:#ede4c8 no-repeat right 4px url(images/nav_arrowRight_gray.png);}
div.paneAccordionSideNav li:hover > a.parentnav.current {color:#000;background:#ede4c8 no-repeat right 4px url(images/nav_arrowRight_gray.png);}
		
/* sub (2nd tier) links */
div.paneAccordionSideNav ul li ul a {padding:5px 5px 5px 10px !important;color:#000 !important;/*background-color:#e2ecfa !important;*/background-color:#ede4c8 !important;
	border:solid 1px #999;border-bottom:none;border-bottom:0;line-height:1.3em !important;} 
div.paneAccordionSideNav ul li ul li a:hover {color:#fff !important;background:#999 !important;} 
div.paneAccordionSideNav ul li ul li:hover > a {color:#fff !important;background:#999 !important;}
div.paneAccordionSideNav ul li ul a.lastone {border-bottom:solid 1px #999;} 
/* (2nd tier) fly out arrows */
div.paneAccordionSideNav ul li ul a.parentnav {background:#ede4c8 no-repeat right 4px url(images/nav_arrowRight_gray.png) !important;}
div.paneAccordionSideNav ul li ul a.parentnav:hover {color:#fff !important;background:#999 no-repeat right 4px url(images/nav_arrowRight_white.png) !important;}
div.paneAccordionSideNav ul li ul li:hover > a.parentnav {color:#fff !important;background:#999 no-repeat right 4px url(images/nav_arrowRight_white.png) !important;}
	
/* sub-sub (3rd tier) links */
div.paneAccordionSideNav ul li ul li ul a {color:#fff !important;background-color:#999 !important;border:solid 1px #616365;border-bottom:none;border-bottom:0;} 
div.paneAccordionSideNav ul li ul li ul li a:hover {color:#FFF !important; background-color:#616365 !important;} 
div.paneAccordionSideNav ul li ul li ul li:hover > a {color:#FFF !important; background-color:#616365 !important; }
div.paneAccordionSideNav ul li ul li ul a.lastone {border-bottom:solid 1px #616365;} 

div.paneAccordionSideNav ul li:hover > ul {left:100%; margin-top:-23px; margin-left:-1px;}

div.paneAccordionSideNav a:hover ul,
div.paneAccordionSideNav a:hover a:hover ul, 
div.paneAccordionSideNav a:hover a:hover a:hover ul {left:100%;}
div.paneAccordionSideNav a:hover ul ul, 
div.paneAccordionSideNav a:hover a:hover ul ul {left:-9999px;}

div.paneAccordionSideNav table {position:absolute; left:99%; height:0; width:0;border-collapse:collapse; margin-top:-7px; margin-left:-1px;}



/*=====================================================[ NAVIGATION: Footer ] ===========================================================*/



ul#footernav {padding:0px;margin:0px;margin-bottom:22px;}
ul#footernav li {list-style:none;list-style-type: none !important;display:inline !important;color:#eee;font-size:11px;border-right:1px solid #ddd;}
ul#footernav li a {padding-left:7px;padding-right:7px;text-decoration:none;color:#444;}
ul#footernav li a:hover {text-decoration:underline; }
ul#footernav li.last_footernav {border-right:0px;}
ul#footernav li a.current {color:#EA2839;}
ul#footernav li a.current:hover {color:#EA2839;} 


/*=====================================================[ NAVIGATION: Footer MegaMenu ] ===========================================================*/



ul#footernav_mega {margin:0; padding:0;margin-bottom:22px;/*float:right;*/list-style:none;}
ul#footernav_mega li {display:inline;margin:0; padding:0;position:relative;/*float:left;*/list-style:none;}
ul#footernav_mega li a {/*float:left;*/height:12px;padding:5px 7px 5px 7px;/*font-family:Verdana, Arial, Helvetica, sans-serif;*/text-decoration:none;
                     font-size:11px;color:#616365;border-right:1px solid #eee;}
ul#footernav_mega li.last_footernav a {border-right:none;}
ul#footernav_mega li:hover a, ul#footernav_mega li a:hover {color:#333;background:#eee;}
ul#footernav_mega li .sub {display:none;position:absolute;padding:10px 10px 10px 10px;top:22px;left:-75px;background:#eee;
	-webkit-border-radius:5px; /*Webkit*/
    -khtml-border-radius:5px; /*KHTML (Konqueror)*/
    -moz-border-radius:5px; /*Firefox*/
    border-radius:5px;/*CSS3*/	
}
ul#footernav_mega li .row {clear:both; float:left; width:100%; margin-bottom:10px;}
ul#footernav_mega li .sub ul {list-style:none;margin:0; padding:0;width:160px;float:left;}
ul#footernav_mega .sub ul li {width:100%;color:#fff;text-align:left !important;float:left;}
ul#footernav_mega .sub ul li h2 {padding:0;margin:0;font-size:9px;font-weight:bold;color:#EC7A08;font-family:Verdana, Arial, Helvetica, sans-serif;}
ul#footernav_mega .sub ul li h2 a {padding:5px 0;margin:0;background-image:none;color:#EC7A08;font-size:10px;font-weight:bold;}
ul#footernav_mega .sub ul li a {float:none;text-indent:0;height:auto;background:url(images/navlist_arrow_gray.png) no-repeat 5px 12px;font-family:Verdana, Arial, Helvetica, sans-serif;
	padding:7px 5px 7px 15px;display:block;text-decoration:none;color:#333;font-size:10px;border:none;}
ul#footernav_mega .sub ul li a:hover {text-decoration:underline;}



/*=====================================================[ LINKS: Top & Bottom Page Links ] ===========================================================*/



/* "Share, Back, etc." links in top right-hand body of the page (span or div) */
.toplinks {float:right;padding-right:11px;font-size:90%;}
.toplinks a {color:#555;}
.toplinks a:hover {text-decoration:underline;}


/* "Share, Back, etc." links centered below everything in the bottom of the page (div) */
.botlinks {clear:both;text-align:center;padding:40px 0px;}
.botlinks a {color:#555;}
.botlinks a:hover {text-decoration:underline;}



/*=====================================================[ LISTS ] ===========================================================*/



/* Ordered List */
ol {margin-left:20px;}
ol li {margin-bottom:8px;}
ol li a {}
ol li ol, ol li ol li ol {margin-top:8px;}

/* Unordered List */
ul {margin-left:20px;}
ul li {list-style:square;margin-bottom:8px;}
ul li a {}
ul li ul, ul li ul li ul {margin-top:8px;}

/* Definition List */
dl {margin-left:20px;}
dl lh {font-weight:bold;color:#000;}
dt {margin-left:30px;}
dt dd {padding-left:50px;font-style:italic;margin-bottom:8px;}



/*=====================================================[ TABS - jQuery Tools ] ===========================================================*/



ul.jtools_tabs {list-style:none;margin:0 !important;padding:0;border-bottom:1px solid #666;height:30px;}
ul.jtools_tabs li {float:left;text-indent:0;padding:0;margin:0 !important;list-style-image:none !important;list-style:none !important;}
ul.jtools_tabs a {width:134px;line-height:30px;height:30px;padding:0px;margin:0px;margin-top:1px;color:#555;font-size:11px;text-align:center;text-decoration:none;display:block;
                  background:url(images/jtools_tabs_gray.png) no-repeat -420px 0;}
ul.jtools_tabs a:active {outline:none;}
ul.jtools_tabs a:hover {background-position:-420px -31px;color:#fff;}
ul.jtools_tabs a.current, ul.jtools_tabs a.current:hover, ul.jtools_tabs li.current a {background-position:-420px -62px;cursor:default !important;color:#EA2839 !important;font-weight:bold !important;}
/* width 1 - 81px */
ul.jtools_tabs a.s {background-position:-553px 0; width:81px;}
ul.jtools_tabs a.s:hover {background-position:-553px -31px;}
ul.jtools_tabs a.s.current {background-position:-553px -62px;}
/* width 2 - 174px */
ul.jtools_tabs a.l { background-position:-248px -0px; width:174px;}
ul.jtools_tabs a.l:hover { background-position:-248px -31px;}
ul.jtools_tabs a.l.current { background-position:-248px -62px;}
/* width 3 - 248px */
ul.jtools_tabs a.xl {background-position:0 -0px; width:248px;}
ul.jtools_tabs a.xl:hover { background-position:0 -31px;}
ul.jtools_tabs a.xl.current { background-position:0 -62px;}
/* panes */
div.jtools_panes div.jtools_pane_content {display:none;}
div.jtools_pane_content {display:none;padding:20px;border:1px solid #999;border-top:0;background-color:#fff;}



/*=====================================================[ NEW TABS ] ===========================================================*/



ul.newtabs {list-style:none;margin:0;padding:0;height:30px;border-bottom:1px solid #bbb; /*assign border here*/}
ul.newtabs li {float:left;text-indent:0;padding:0;margin:0 !important;list-style-image:none !important;list-style:none !important;}
ul.newtabs a 
{
    line-height:30px;
    height:30px;
    margin:0px;
    margin:0px 2px 0px 0px;
    padding:0px 30px;
    color:#444;
    font-size:11px;
    text-align:center;
    text-decoration:none;
    display:block;
    background:repeat-x top left url(images/newtabs_bkgd.png);
    border:1px solid #bbb;
    border-bottom:none;
    
	-moz-border-radius-topright:5px;
	-khtml-border-radius-topright:5px;
	-webkit-border-top-right-radius:5px;
	
	-moz-border-radius-topleft:5px;
	-khtml-border-radius-topleft:5px;
	-webkit-border-top-left-radius:5px;
}
ul.newtabs a:hover {color:#fff;background:repeat-x bottom left url(images/newtabs_bkgd.png);}
ul.newtabs a.current, ul.newtabs a.current:hover, ul.newtabs li.current a {color:#EA2839 !important;font-weight:bold !important;background:#fff;cursor:default !important;}
div.newtabs_panes div.content {display:none;}
div.newtabs_panes div.content 
{
    display:none;
    padding:20px;
    border:1px solid #bbb;
    border-top:0; /*hide top border*/
    background-color:#fff;
    
	-moz-border-radius-bottomright:5px;
	-khtml-border-radius-bottomright:5px;
	-webkit-border-bottom-right-radius:5px;
	
	-moz-border-radius-bottomleft:5px;
	-khtml-border-radius-bottomleft:5px;
	-webkit-border-bottom-left-radius:5px;
}



/*=====================================================[ iUTMB TABS w/jQuery Wrap & Images ] ===========================================================*/



.itabs_container {padding-left:30px;}
ul.itabs {list-style:none;margin:0;padding:0;}
ul.itabs li {float:left;text-indent:0;padding:0;margin:0;margin-right:2px;list-style-image:none;list-style:none;}
ul.itabs a {color:#444;text-decoration:none;font-size:.8em;position:relative;top:8px;margin-right:0px;background:repeat-x bottom left url(images/itabs_bkgd.gif);}
ul.itabs a, ul.itabs a span {display:block;float:left;}
ul.itabs a:active {outline:none;		}
ul.itabs a:hover {color:#fff;text-decoration:none;background:#b2b2b2 repeat-x bottom left url(images/itabs_bkgd_hover.gif);font-weight:normal;font-size:.8em;position:relative;top:9px;}
ul.itabs span.itab {padding-left:14px;padding-right:14px;padding-top:5px;padding-bottom:3px;background-color:transparent !important;}
ul.itabs a.current, ul.itabs a.current:hover, ul.itabs li.current a {color:#EA2839;background:#fff;text-decoration:none;font-weight:bold;font-size:.95em;position:relative;border-bottom:1px solid #fff;top:2px;}
ul.itabs a.current span.itab, ul.itabs a.current:hover span.itab, ul.itabs li.current a span.itab {padding-top:6px;padding-bottom:7px;}
.ipanes_container {clear:both !important;}
div.ipanes div.ipane_content {display:none;}
div.ipane_content {display:none;background-color:#fff;padding:14px;}
/**
 * "tabs" #bbb w/ slight drop, pg bkgd tan corner matte
 * usage:<div class="boxtabs"></div> 
*/
span.tab {} /* assigned in page */
span.jtabs {} /* assigned in jQuery script - see:App_Assets/scripts/common.js  */
span.jtabs_t {background:url(images/roundedcornersbox_t.gif) 0 0 repeat-x;/*float:left;width:100%;*/}
span.jtabs_l {background:url(images/roundedcornersbox_l.gif) 0 0 repeat-y;}
span.jtabs_r {background:url(images/roundedcornersbox_r.gif) 100% 0 repeat-y;}
span.jtabs_tl {background:url(images/roundedcornersbox_tl.gif) 0 0 no-repeat;}
span.jtabs_tr {background:url(images/roundedcornersbox_tr.gif) 100% 0 no-repeat;} 
/** 
 * "box" #bbb w/ slight drop, pg bkgd tan corner matte
 * usage:<div class="box"></div> 
*/
div.ipanes { background:#fff !important;padding:0px; } /*------------ CHANGED 9/26/10 <mgcooper@utmb.edu> */
div.jtabsbox { background:#fff !important; } /* assigned in jQuery script - see:App_Assets/scripts/common.js  */
div.jtabsbox_t {background:url(images/roundedcornersbox_t.gif) 0 0 repeat-x;float:left;width:100%;}
div.jtabsbox_b {background:url(images/roundedcornersbox_b.gif) 0 100% repeat-x;}
div.jtabsbox_l {background:url(images/roundedcornersbox_l.gif) 0 0 repeat-y;}
div.jtabsbox_r {background:url(images/roundedcornersbox_r.gif) 100% 0 repeat-y;}
div.jtabsbox_bl {background:url(images/roundedcornersbox_bl.gif) 0 100% no-repeat;}
div.jtabsbox_br {background:url(images/roundedcornersbox_br.gif) 100% 100% no-repeat;}
div.jtabsbox_tl {background:url(images/roundedcornersbox_tl.gif) 0 0 no-repeat;}
div.jtabsbox_tr {background:url(images/roundedcornersbox_tr.gif) 100% 0 no-repeat;padding:5px;}



/*=====================================================[ SLIDING BUTTONS LIST ] ===========================================================*/



/* SLIDING BUTTONS */
ul.btnlist {margin:0;padding:0;list-style:none;list-style-type:none;float:left;}
ul.btnlist li {margin:0;padding:0;list-style:none;float:left;}
ul.btnlist a {margin:0px 6px 0px 0px;padding:0px 18px 0px 0px;height:24px;display:block;
	color:#444;text-decoration:none !important;font:normal 12px arial, sans-serif;
	background:url(images/btn_bkgd_a.gif) top right no-repeat;}
ul.btnlist a:hover {color:#EA2839;background:url(images/btn_bkgd_a.gif) bottom right no-repeat;}
ul.btnlist a:active {color:Black;background:url(images/btn_bkgd_a.gif) bottom right no-repeat;outline:none;}
ul.btnlist a span {padding:4px 0px 5px 18px;display:block;background:url(images/btn_bkgd_span.gif) top left no-repeat;} 
ul.btnlist a:hover span {padding:4px 0px 5px 18px;background:url(images/btn_bkgd_span.gif) bottom left no-repeat;} 
ul.btnlist a:active span {padding:4px 0px 5px 18px;background:url(images/btn_bkgd_span.gif) bottom left no-repeat;} 

ul.btnlist.center {position:relative;left:50% !important;}
ul.btnlist.center li {position:relative;right:50% !important;}
ul.btnlist.right {float:right;}



/*=====================================================[ SEARCH FORM ] ===========================================================*/



/* SEARCH: NEW */
div#searchbox {clear:both;float:right;margin:25px 0px 0px 0px;padding:0px;background:no-repeat top left url(images/searchbox_bkgd.png);white-space:nowrap;}
div#searchbox .searchfield {float:left;width:184px !important;height:20px;background:none !important;color:#666;font-size:8pt !important;font-family:Arial, Helvetica, sans-serif;font-weight:normal;padding:5px 2px 2px 12px;border-style:hidden !important;border-width:0px !important;}
div#searchbox .searchimagebtn {float:left;}
div#searchbox .searchoptionsselector {float:left;margin:2px 0px 0px 10px;}
div#searchbox .searchoptionsbox {clear:both;text-align:center;padding:0px;margin:0px;padding-right:20px;}
div#searchbox .searchtext, .searchtext a {color:#777;font-size:.75em;font-weight:bold;text-decoration:none;padding:0px;margin:0px;outline:none;} 
div#searchbox span.activeoption {color:#EA2839;}
a#searchOptionsShow {display:block;width:20px;height:20px;background:no-repeat top left url(images/expand_light.png);text-decoration:none;}
a#searchOptionsHide {display:block;width:20px;height:20px;background:no-repeat top left url(images/collapse_light.png);text-decoration:none;}


/* SEARCH: ORIGINAL */
.searchfield {width:auto;color:#666;font-size:0.8em;font-family:Arial, Helvetica, sans-serif;font-weight:normal;padding:2px;border:1px solid #999 !important;}
.searchlist {width:auto;color:#666;font-size:0.8em;font-family:Arial, Helvetica, sans-serif;font-weight:normal; padding:1px;border:1px solid #c3d0de !important;}
input.searchbtn {color:#fff;font-size:0.9em;font-family:Arial, Helvetica, sans-serif;font-weight:bold;background:#666;border:1px solid #ccc !important;}
.searchoptionsbox {text-align:center;padding-top:2px;}
.searchtext, .searchtext a {color:#666;font-size:.75em;font-family:Arial, Helvetica, sans-serif;font-weight:bold;text-decoration:none;}    
.searchicon {width:23px;height:21px;float:left;margin-right:3px;background:no-repeat top left url(images/searchglass_whitebkgd.png);}


/* SEARCH, MISC PIECES: No Results Box, Required, Error */
.noresults {padding:3px;background:#fff;border:1px solid #ddd;}
.noresults div {padding:40px;text-align:center;background:#fff;border:1px dotted #ccc;}
.required, .error {color:#CC0000;}
.required {font-size:90%;}



/*=====================================================[ FORMS ] ===========================================================*/



fieldset {padding: 1em;}
legend {color:#000;font-weight:bold;font-size:medium;}
fieldset label {float:left;width:25%;margin-right:0.5em;padding-top:0.2em;text-align:right;font-weight:bold;color:#000;}
fieldset div.row {margin:5px 0px 5px 0px;}



/*=====================================================[ TABLE ] ===========================================================*/



/* Table - AltRow Color & Hover */
.table {border-top:solid 1px #999;border-left:solid 1px #999;border-bottom:1px solid #78797b;border-right:1px solid #78797b;}
.table caption {padding:6px;color:#fff;text-align:center;border-right:1px solid #666;border-bottom:1px solid #666;background:#78797b repeat-x top left url(images/table_caption_bkgd.gif);}
.table caption a {color:#fff;}
.table thead tr th {padding:4px;font-size:0.8em;font-weight:bold;border-bottom:1px solid #ccc;border-right:1px solid #ccc;background:#ede4c8; /*Slightly lightened Tan*/}
.table thead tr th a {color:#555;text-decoration:none;}
.table thead tr th a:hover {color:#EA2839;text-decoration:underline;}
.table tr td {padding:4px;margin:1px;border-bottom:1px solid #ccc;border-right:1px solid #ccc;}
.table tr {background:#fff;}
.table tr:hover {background:#dde7f1 !important;}
.table tr.altrow {background:#f2f2f2;}
.table tr.altrow:hover {background:#dde7f1 !important;}
.table tr a {color:#333;text-decoration:underline;}
.table tr a:hover {color:#EA2839;text-decoration:underline;}
    
    
/* 
 * TABLE usage:
 
<table class="table" cellspacing="0" cellpadding="0" border="0">
    <caption> TABLE CLASS EXAMPLE </caption>
    <thead>
        <tr>
            <th><a href="">Header 1</a></th>
            <th><a href="">Header 2</a></th>
            <th>Header 3</th>
        </tr>
    </thead>
    <tbody>
        <tr>
            <td><a href="">Testing Row 1</a></td>
            <td><a href="">Testing</a></td>
            <td>Testing</td>
        </tr>
        <tr>
            <td><a href="">Testing Row 2</a></td>
            <td><a href="">Testing</a></td>
            <td>Testing</td>
        </tr>
        <tr>
            <td><a href="">Testing Row 3</a></td>
            <td><a href="">Testing</a></td>
            <td>Testing</td>
        </tr>
        <tr>
            <td><a href="">Testing Row 4</a></td>
            <td><a href="">Testing</a></td>
            <td>Testing</td>
        </tr>
    </tbody>
</table>
*/



/*=====================================================[ FORM TABLE ] ===========================================================*/



/* Form Table - White Rows, No AltRow Color, No Hover */
.formtable {border-top:solid 1px #ddd;border-left:solid 1px #ddd;/*border-bottom:1px solid #78797b;border-right:1px solid #78797b;*/}
.formtable caption {padding:6px;color:#222;text-align:center;border-right:1px solid #ddd;border-left:solid 1px #ddd;border-top:solid 1px #ddd;border-bottom:1px solid #ddd;background:#eee repeat-x top left url(images/itabs_bkgd.gif);}
.formtablecaption a {color:#222;}
.formtable thead tr th {padding:6px;color:#fff;font-size:0.8em;font-weight:bold;border-bottom:1px solid #ddd;border-right:1px solid #ddd;background:#999;}
.formtable thead tr th a {color:#fff;text-decoration:none;}
.formtable thead tr th a:hover {color:#fff;text-decoration:underline;}
.formtable tr td {padding:6px;margin:1px;border-bottom:1px solid #ddd;border-right:1px solid #ddd;}
.formtable tr {background:#fff;}
.formtable tr:hover {background:#fff;}
.formtable tr.altrow {background:#fff;}
.formtable tr.altrow:hover {background:#fff;}
.formtable tr a {color:#333;text-decoration:underline;}
.formtable tr a:hover {color:#EA2839;text-decoration:underline;}
/* Form Table Extras */
.formtable label {font-size:90%;font-weight:bold;}
.formtable .formlabel {font-size:90%;font-weight:bold;}
.formtable .formtext {font-size:90%;}
.formtable .formfield {font-size:90%;}
.formtable .formtips {font-size:80%;color:#3D7EDB;}



/*=====================================================[ BOXES ] ===========================================================*/

/* CSS rounded corner box 
 * No images or extra divs required
 * Firefox, Safari/Chrome, Opera and IE9, sorry IE8 and below
*/
.cornerbox
{
    background:#fafafa;
    padding:14px;
    border:1px solid #ccc;
    
    -webkit-border-radius:8px; /*Webkit*/
    -khtml-border-radius:8px; /*KHTML (Konqueror)*/
    -moz-border-radius:8px; /*Firefox*/
    border-radius:8px;/*CSS3*/
}


/* CSS rounded corner box - white w/ bottom fade image
 * No corner images or extra divs required
 * Firefox, Safari/Chrome, Opera and IE9, sorry IE8 and below
*/
.cornerboxfade
{
    background:#fff url(images/itabs_bkgd.gif) repeat-x bottom left;
    padding:14px;
    border:1px solid #ccc;
    
    -webkit-border-radius:8px; /*Webkit*/
    -khtml-border-radius:8px; /*KHTML (Konqueror)*/
    -moz-border-radius:8px; /*Firefox*/
    border-radius:8px;/*CSS3*/
}


/* STACK: rounded corners for boxes
 * Note: there is no background color or padding assigned
         this class is designed to be stacked w/ another class that does have a background color assignment
 * Example Usage: <div class="box1 corners"></div>
 */
.corners, .box1, .box2
{
    -webkit-border-radius:8px; /*Webkit*/
    -khtml-border-radius:8px; /*KHTML (Konqueror)*/
    -moz-border-radius:8px; /*Firefox*/
    border-radius:8px;/*CSS3*/
}

.box {background:#fff;}  /* Phasing this out - this is the jQuery wrap rounded corner box using images */
.box1 {background:#fff;padding:10px;border:1px solid #ccc;}
.box2 {background:#fafafa;padding:10px;border:1px solid #e5e5e5;}


/** Rounded corner box using jQuery wrap function and images
 * "box" #bbb w/ slight drop, pg bkgd tan corner matte
 * usage:<div class="box"></div> 
*/
div.box { background:#fff !important; } /* assigned in page */
div.jbox { background:#fff !important;} /* assigned in jQuery script - see:App_Assets/scripts/common.js  */
/* NOTE:Disabled rounded corners this design template ---->>*/
div.jbox_t {background:url(images/roundedcornersbox_t.gif) 0 0 repeat-x;float:left;width:100%;}
div.jbox_b {background:url(images/roundedcornersbox_b.gif) 0 100% repeat-x;}
div.jbox_l {background:url(images/roundedcornersbox_l.gif) 0 0 repeat-y;}
div.jbox_r {background:url(images/roundedcornersbox_r.gif) 100% 0 repeat-y;}
div.jbox_bl {background:url(images/roundedcornersbox_bl.gif) 0 100% no-repeat;}
div.jbox_br {background:url(images/roundedcornersbox_br.gif) 100% 100% no-repeat;}
div.jbox_tl {background:url(images/roundedcornersbox_tl.gif) 0 0 no-repeat;}
div.jbox_tr {background:url(images/roundedcornersbox_tr.gif) 100% 0 no-repeat;padding:5px;}


/* contentbox */
.contentbox {} 
.contentbox .head {margin-bottom:2px;padding:6px;color:#000;font-size:0.95em;font-weight:bold;border:1px solid #ccc;background:repeat-x bottom left url(images/itabs_bkgd.gif);}
.contentbox .head a {text-decoration:none;cursor:pointer;}
.contentbox .head a:hover {text-decoration:underline;}
.contentbox .contents {padding:8px;border:1px solid #ccc;background:#fff;}
.contentbox .inner {padding:10px;border:1px solid #eee;background: #fff;}

/* 
Example usage:

<div class="contentbox">
    <div class="head">This is the header</div>
    <div class="contents">
        <div class="inner">
            These are the contents
        </div>
    </div>
</div>
*/


/* fade box */
.fadebox {background:top left no-repeat url(images/brdr_fadeflat_left.png);padding-left:2px;}
.fadebox_inner {background:top right no-repeat url(images/brdr_fadeflat_right.png);padding-right:2px;}
.fadebox h3 {margin:0px;padding:18px;padding-bottom:0px;border-top:1px solid #ccc;background:repeat-x top left url(images/itabs_bkgd_rev.gif);}
.fadebox .contents {padding:18px;}


/* 
Example usage:

<div class="fadebox">
<div class="fadebox_inner">
    <h3>This is the header</h3>
    <div class="contents">These are the contents</div>
</div>
</div>
*/


/* Ad Box */
/** Rounded corner box using jQuery wrap function and images
 * "abbox"
 * usage:<div class="adbox"> <h3>Title</h3> Some Text </div> 
*/
div.adbox {padding:20px;min-height:60px;}
div.adbox h3 {color:#EA2839;margin-bottom:12px;}
div.adbox_wrapper {background:#fff url(images/AdBox_BkgdFade.png) top left repeat-x;}
div.adbox_t {background:transparent url(images/AdBox_Top.png) 0 0 repeat-x;}
div.adbox_b {background:transparent url(images/AdBox_Bottom.png) 0 100% repeat-x;}
div.adbox_l {background:transparent url(images/AdBox_Left.png) 0 0 repeat-y;}
div.adbox_r {background:transparent url(images/AdBox_Right.png) 100% 0 repeat-y;}
div.adbox_bl {background:transparent url(images/AdBox_BL.png) 0 100% no-repeat;}
div.adbox_br {background:transparent url(images/AdBox_BR.png) 100% 100% no-repeat;}
div.adbox_tl {background:transparent url(images/AdBox_TL.png) 0 0 no-repeat;}
div.adbox_tr {background:transparent url(images/AdBox_TR.png) 100% 0 no-repeat;}



/*=====================================================[ POSTS (INLINE) ] ===========================================================*/


.posttitle, .posttitle a, a.posttitle {color:#222;text-decoration:none;margin:0px;}
.posttitle a:hover, a.posttitle:hover {text-decoration:underline;}
.postdatetime {color:#3D7EDB;font-size:0.8em;font-weight:normal;margin:0px;margin-top:4px;} 
a.postdatetime {color:#3D7EDB;text-decoration:none;} 
a.postdatetime:hover {text-decoration:underline;}
.posttext {margin-top:12px;} 

/* 
Example Usage:

<p class="posttitle"> Article Title </p>
<p class="postdatetime"> Post Date </p>
<p class="posttext"> Article Text </p>
*/


/*=====================================================[ ARTICLE WRAPPER ] ===========================================================*/


div.article {overflow:hidden;}
div.article h3, div.article h3 a {color:#222;text-decoration:none;margin:0px;padding:0px;}
div.article h3 a:hover {text-decoration:underline;}
div.article p.date {color:#3D7EDB;font-size:0.85em;margin:0px;padding:0px;margin-top:4px;}
div.article p.date a {color:#3D7EDB;text-decoration:none;}
div.article p.date a:hover {text-decoration:underline;}
div.article p {margin-top:12px;}


/* Example Usage:

<div class="article">
    <h3> Article Title </h3>
    <p class="date"> Post Date </p>
    <p> Article Text </p>
</div>

*/



/*=====================================================[ PHOTO & CAPTION w/out WRAPPER ] ===========================================================*/



/**
 * NOTE: You should set the style="width:?px" to <p class="caption"> in page for long photo captions to wrap properly;
 *       Short captions may not require the style="width:?px" set to <p> tag.
 *
 * <p class="caption" style="width:?px"> width should be 14px smaller (less wide) than the image width!
 * 
 * Example Image: <img class="photo" src="" width="240" height="160" />
 * Eample Style: <p class="caption" style="width:226px">
*/


/* image class - default: no float */
img.photo {margin:0px;padding:2px;border:1px solid #ccc;background:#fff;}
img.photo_left, img.photoleft {float:left;margin:0px 14px 0px 0px;padding:2px;border:1px solid #ccc;background:#fff;}
img.photo_right, img.photoright {float:right;margin:0px 0px 0px 14px;padding:2px;border:1px solid #ccc;background:#fff;}
img.photo.margin {margin:0px 14px 10px 0px;}


/*caption class 0 default: no float */
.caption {display:block;margin:2px 14px 10px 0px;color:#333;padding:8px 10px 10px 10px;text-align:left;font-size:0.8em;line-height:normal;background:#eee;}
.caption_left {clear:left;float:left;display:block;margin:2px 14px 10px 0px;color:#333;padding:8px 10px 10px 10px;text-align:left;font-size:0.8em;line-height:normal;background:#eee;}
.caption_right {clear:right;float:right;display:block;margin:2px 0px 10px 14px;color:#333;padding:8px 10px 10px 10px;text-align:left;font-size:0.8em;line-height:normal;background:#eee;}
.caption.center, .caption_left.center, .caption_right.center {text-align:center;}


/*

1. Example Usage: (left-side photo w/ caption)

<img class="photo_left" src="http://farm4.static.flickr.com/3651/3445879840_7ca4b491e9_m.jpg" width="240" height="160" alt="" />
<p class="caption_left" style="width:226px;">This is photo caption's text is aligned to the left. The width is set inline.</p>

2. Example Usage: (right-side photo w/ caption)

<img class="photo_right" src="http://farm4.static.flickr.com/3651/3445879840_7ca4b491e9_m.jpg" width="240" height="160" alt="" />
<p class="caption_right" style="width:226px;">This is photo caption's text is aligned to the left. The width is set inline.</p>


*/



/*=====================================================[ PHOTO & CAPTION w/ WRAPPER CONTAINER ] ===========================================================*/



/**
 * NOTE: You should set the style="width:?px" to <div class="photowrap"> in page for long photo captions to wrap properly;
 *       Short captions may not require the style="width:?px" set; Supports <div> or <span> tags.
 *
 * <div class="photowrap" style="width:?px"> width should be 6px wider than the image width!
 * 
 * Example Image: <img src="" width="240" height="160" />
 * Eample Style: <span class="photowrapright" style="width:246px">
*/


.photowrap {margin:0px 0px 14px 5px;} /*no float*/
.photowrap_left {float:left;margin:0px 14px 5px 0px;} /*float left*/
.photowrap_right {float:right;margin:0px 0px 5px 14px;} /*float right*/

.photowrap img, .photowrap_left img, .photowrap_right img {margin:0 auto;padding:2px;border:1px solid #ccc;background:#fff;}
.photowrap p, .photowrap_left p, .photowrap_right p {color:#333;margin:2px 0px 0px 0px;padding:8px 10px 10px 10px;text-align:left;font-size:0.8em;line-height:normal;background:#eee;}
.photowrap p.center, .photowrap_left p.center, .photowrap_right p.center {text-align:center;}


/*

1. Example Usage: (right-side photo)

<span class="photowrap_right" style="width:246px">
    <img src="http://farm4.static.flickr.com/3651/3445879840_7ca4b491e9_m.jpg" width="240" height="160" alt="" />
    <p>This is photo caption's text is aligned to the left. The photowrap width is set inline.</p>
</span>


2. Example Usage: (left-side photo)

<div class="photowrap_left">
    <img src="http://farm4.static.flickr.com/3651/3445879840_7ca4b491e9_m.jpg" width="240" height="160" alt="" />
    <p class="center">Center aligned caption.</p>
</div>


3. Example Usage: (no float)

<div class="photowrap" style="width:246px">
    <img src="http://farm4.static.flickr.com/3651/3445879840_7ca4b491e9_m.jpg" width="240" height="160" alt="" />
    <p>This is photo caption's text is aligned to the left. This photo wrap has no float. The width is set inline.</p>
</div>

*/


/*=====================================================[ MISC ] ===========================================================*/


/* container for floating objects */
.floatcontainer {overflow:hidden;}
.floatleft {float:left;}
.floatright {float:right;}

/* display */
.show {display:inline !important;}
.hide {display:none !important;}
.visible {visibility:visible !important;}
.invisible {visibility:hidden !important;}

/* alignment */
.left {text-align:left;}
.center {text-align:center;}
.right {text-align:right;}

/* inline font size */
.small {font-size:80%;}


/*=====================================================[ JQueryTools Overlay ] ===========================================================*/

/* 
   The overlay window can be trigger by an image or hyperlink 'rel' attribute. 
   The id of the .simple_overlay div must be unique and the same as the image or hyperlink rel trigger.
   The div.window class is an inner div that is responsible for padding, bkgd color and overflow scrolling
    

	Example HTML Trigger: 
        <a href="javascript:void(0);" rel="#myOverlay1">Open Overlay Window</a>

    Example HTML Overlay: 
        <div id="myOverlay1" class="simple_overlay">
        <div class="window">
            -- CONTENT --
        </div>
        </div>
		
	Example jQuery Tools Overlay Javascript:
		$(document).ready(function () {
			$("img[rel]").overlay({ mask: 'black' });
			$("a[rel]").overlay({ mask: 'black' });
		});
*/


/* the overlayed element */
.simple_overlay {display:none;z-index:1000;position:absolute;background-color:#333;width:675px;min-height:200px;border:1px solid #666;
                 -moz-box-shadow:0 0 90px 5px #000;-webkit-box-shadow: 0 0 90px #000;}

/* close button positioned on upper right corner */
.simple_overlay .close {position:absolute;top:-15px;right:-15px;width:35px;height:35px;background-image:url(images/close.png);cursor:pointer;}

/* inner div for padding, bkgd and overflow scroll */
.simple_overlay .window {background:#fff;padding:30px;height:600px;overflow-y:auto;}