/* CSS Document - Created by Alex Volfson*/

/*---------------------------------------Those annoying little navigation tabs---------------------*/
#bucket-sub{float:right; width:335px; height:17px; padding-top:24px; clear: both; padding-right: 12px;}
#bucket-sub ul {display:block; width:335px;	height:17px; border-bottom:2px solid #666;}
#bucket-sub ul li{float:left; list-style-type:none;	background:#666 url(images/bucket-divider-s.gif) no-repeat right top; color:#fff;}
#bucket-sub ul li a:link, #bucket-sub ul li a:visited, #bucket-sub ul li a:active, #bucket-sub ul li a:hover{
	color:#fff;	text-align:center;	display:block;	height:15px; padding:2px 6px; text-decoration:none;}

/*-------------Resources and Toolkits----------*/
#bucket-sub ul li a.rt{background: url(images/bucket-rt.gif) no-repeat left top; width:119px;}
#bucket-sub ul li a:hover.rt{background: url(images/bucket-rt-h.gif) no-repeat left top;}

/*-------------Faculty and Staff---------------*/
#bucket-sub ul li a.fs{background: url(images/bucket-fs.gif) no-repeat left top; width:80px;}
#bucket-sub ul li a:hover.fs{background: url(images/bucket-fs-h.gif) no-repeat left top;}

/*-------------Work at UT Dallas---------------*/
#bucket-sub ul li a.wau{background: url(images/bucket-wau.gif) no-repeat left top; width:100px;}
#bucket-sub ul li a:hover.wau{background: url(images/bucket-wau-h.gif) no-repeat left top;}

/*----------Styles to use on selection---------*/
#bucket-sub ul li a.select-rt{background: url(images/rt-select.gif) no-repeat left bottom; width:119px;}
#bucket-sub ul li a.select-fs{background: url(images/fs-select.gif) no-repeat left bottom; width:80px;}
#bucket-sub ul li a.select-wau{background: url(images/wau-select.gif) no-repeat left bottom; width:100px;}

/*-------------------------Outer Container for sub-navigation for all the visual effects---------------------*/
#sub-outer{float:left; width:226px;	margin-top: 30px; margin-left: 20px; background: url(images/shadow.gif) repeat-y 220px top;}
#sub-outer p.ball{float:left; width:230px; height:20px; background: url(images/sub-top.gif) no-repeat left bottom; margin: 0;}
#sub-outer p.shadow{margin:0; display:block; height:15px; width:220px; background: url(images/shadow-bottom.gif) no-repeat left top;	clear:both;}

/*-------------------------Inner Container for sub-navigation for all the visual effects---------------------*/
#sub-nav{float:left; width:220px; background: #666666 url(images/sub-nav-bar.gif) repeat-y left; color: #fff;}
#sub-nav p{display:block; background: #666 url(images/sub-nav-bar.gif) repeat-y left bottom; padding-left: 28px; margin: 0;	font: 1.3em Arial, Helvetica, sans-serif;}
#sub-nav a:link, #sub-nav a:visited {color:#fff;}

/*----------Actual Navigation Layout (including third level)---------*/
#sub-nav ul{width:190px; background:#666 url(images/sub-nav-bar.gif) repeat-y left;	list-style:none; padding:10px 2px 0 28px;}
#sub-nav ul li{padding:0 0 8px 4px;}
#sub-nav ul li ul{width:171px; background:#969696; margin: 10px 0 0 -10px; padding: 4px 0 0 25px; font-size: 0.95em;}

/*-------------------------------------------Name says it all--------------------------------------*/
#side-links{float:left;	clear:none;	padding:20px 0 0 2px; width:226px; background: url(images/coverup.gif) no-repeat 220px top;
	font-size: 83% !important;}/*overrides the home page style*/

#content-outer{float:right; width:745px; clear: none; margin-top:2px; margin-right:0px; background: url(images/content-shadow.gif) repeat-y 733px;}
#content{float:left; width:702px; background:#fff; clear: both; padding: 8px 15px 0 15px; border-top: 1px solid black; border-left: 1px solid black;}

#heading{display:block;	margin-left: -2px;}/*First heading on the page*/
#heading h2{font-size: 1.9em; font-weight: bold;}

#breadcrumbs{margin:0 0 10px 0;	padding:6px 0 6px 0 !important;	width:695px; background: url(images/divider.gif) repeat-x 0 bottom;}

#copyright{display:block; width:700px; height:24px;	background: url(images/copyright.gif) repeat-x top;	padding: 16px 2px 0 0; clear: both;}
#copyright p{font: .9em Arial, Helvetica, sans-serif;}

#lower-shadow{float: right;	width:745px; height: 20px; background: url(images/lower-shadow.gif) no-repeat;}


/*--------------------------------------Sticky Note----------------------------------------------*/
#note{float:right; padding:8px 8px 0 8px; margin:8px 8px 0 8px;	width:170px; background:#E3E1DF;}
#note ul{margin-left:18px;}
#note ol{margin-left:18px;}
#note-bottom{display:block;	height:42px; background: url(images/notebottom.jpg) no-repeat left bottom; float: right; clear: both;
	width: 186px; margin: -18px 8px 8px 8px;} /*Negative margin used to eliminate "gray space"*/