/*
School of Natural Sciences and Mathematics Style Sheet
The University of Texas at Dallas
designed by Cassini Nazir University Web Services


@import url(shared.css); 
@import url(links.css);*/

/* remove this area once google finds the site */
#search {}

/* standard html markup*/
a { text-decoration: none; color: #3366CC; }
a:hover { color: #CC0000; }
h3 { font:  bold italic 13px/15px "Georgia", "Cochin", "Times", serif; color: #003366; margin: 18px 0 8px 0; line-height: 1.23em; }
h4 { font: bold 1em/1.65em "Lucida Sans", "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", sans-serif; color: #003366; line-height: 1.12em; }
#container	{ width:758px; display:block; margin:0 auto; padding:0 6px; background:url("../images/bodybg.gif") repeat-y; }
a { text-decoration:none; }
body { background-color:#3C4145; margin:0 auto; text-align:center; font:normal 0.75em/1.45em "Lucida Sans Unicode", "Lucida Grande", "Trebuchet MS", sans-serif; color:#333; }
code { color:#666666; background:#F6F6F6; padding:4px; font:normal 11px/normal "Courier","mono", sans-serif; }
ul,li  { padding:0; margin:0; list-style-type:none; }
blockquote { width:420px; margin:0 8px; padding:0px; float:right; color:#333; } 
ol { padding-left:20px; }
* html ol { padding-left:0; }
ol li {list-style-type:decimal; background:none !important; padding-left:0 !important;}

/* header */
#school-header { float: left; width: 481px; height: 62px; margin: 0; padding: 0; overflow: hidden; }
#school-header h1 { text-indent: -3000px; margin: 0; }
#school-header a { display: block; height: 62px;margin: 0; padding: 0; }
#utd-logo { float: right; width: 277px; height: 62px; display: block; overflow: hidden; }
#utd-logo p { text-indent: -3000px; margin: 0; }
#utd-logo a { display: block; height: 62px; }  

/* main Image area*/
#school-main-img { margin-bottom: 0px; }
* html #school-main-img { margin-bottom: -4px; }

/* sub nav bar for departments */
#sub-nav-bar { width: 758px; height: 26px; clear: both; background: url("../images/sub-nav-bar.gif") repeat-x; overflow: hidden; }
#sub-nav-bar p { display: none; }
#sub-nav-bar ul { list-style-type: none; width: auto; margin: 0 0 0 0px; }
#sub-nav-bar ul li { margin: 2px 0 0 0; float: left; }
#sub-nav-bar ul li a { height: 24px; display: block; text-indent: -9000px; }
#sub-nav-bar ul li.about { background:  url("../images/about_link.png"); width: 94px; }
#sub-nav-bar ul li.faculty { background:  url("../images/faculty_link.png"); width: 83px; }
#sub-nav-bar ul li.research { background:  url("../images/research_link.png"); width: 133px; }
#sub-nav-bar ul li.opportunities { background:  url("../images/oppor_link.png"); width: 120px; }
#sub-nav-bar ul li.contact { background:  url("../images/contact_link.png"); width: 109px; }
#sub-nav-bar ul li.mouse { background:  url("../images/mouse_link.png"); width: 219px; }

#subsub-nav-bar { width: 758px; height: 18px; background: #004a80; margin-top:2px; overflow: hidden; text-align:left; }

/* main page navigation*/
#nav { float: left; margin-bottom: 0px; width: 165px; background:   url("../images/school/nav/background.gif") repeat-y; border-bottom: 1px solid #CCC; }
#nav p.hidden { display: none; }
#nav ul { list-style-type: none; }
#nav ul li { overflow: hidden; text-indent: -50000px; }
#nav ul li a { display: block; height: 25px; }
#nav ul li span {  }
#nav ul li.news { background:  url("../images/school/nav/news-and-events.gif") repeat-x; width: 165px; }
#nav ul li.advising { background:  url("../images/school/nav/advising.gif") repeat-x; width: 165px; }
#nav ul li.contact { background:  url("../images/school/nav/contact-us.gif") repeat-x; width: 165px; }
#nav ul li.home { background:  url("../images/school/nav/school-home.gif") repeat-x; width: 165px; }
#nav ul li.prospective { background:  url("../images/school/nav/prospective-students.gif") repeat-x; width: 165px; }
#nav ul li.research { background:  url("../images/school/nav/research-centers.gif") repeat-x; width: 165px; }
#nav ul li.style-guide { background:  url("../images/school/nav/style-guide.gif") repeat-x; width: 165px; }
#nav ul li ul li { text-indent: 15px; padding:1px 0 0 0; width: 165px; }
#nav ul li ul ul li { text-indent: 25px; background:   url("../images/school/nav/background-ul-li.gif"); }
#side-bar { font-size: 11px; line-height: 15px; float: left; width: 196px; 	padding: 10px; background:#fff; }
#blurb { border-top: 1px solid #CCC; }

/* quick links area*/
#quick-links { border-top: 1px solid #CCC; padding: 0; width: auto; }
#quick-links fieldset { border: none; margin: 0; padding: 0; }
#quick-links ul { }
#quick-links ul li { list-style-type: none; margin: 2px 0; padding: 0; }
#spotlight { float: right; font-size: 11px; line-height: 14px; width: 164px; padding: 12px;  }
#spotlight h3 { margin-top: 0; }
#feature-story { float: right; width: 516px; padding: 12px; text-align:left; }
#feature-story h3 { margin-top: 0; }

/* container element*/
#body { width: 758px; height: auto; text-align: left; }
#page-title { margin: 16px 0 0 0; padding: 0; }
#main-content { float: right; width: 540px; margin: 0 12px 0 12px; color: #333; }
#main-content p { margin-top: 0; line-height: 1.435em; }
#main-content-container ol { padding: 0 0 12px 0; }
#main-content-container ol li { margin: 0 0 0 26px; list-style-type: decimal; line-height: 1.27em; }
#main-content-container ul { padding: 0 0 12px 0; }
#main-content-container ul li { padding: 0 0 0 26px; line-height: 1.27em; background:   url("../images/shared/icons/bullet.gif") no-repeat 8px 1px; }
#main-content-container ul li ul li { background:   url("../images/shared/icons/bullet-ul-li-ul-li.gif") no-repeat 8px 1px; }
#main-content-container ul.ul-no-bullet li { list-style: none; background: #FFF; margin-left: -14px; }
#main-content-container { padding: 0; margin: 22px 18px 0 0 ; }
#vertical { width: 758px; margin: 0 auto; padding: 0px; background: url("../images/school/home-body-bg.gif") repeat-y; }
#search { margin: 25px 0 0 0; }

/* footer */
#footer { background:url("../images/footerbg.gif") repeat-x; height:29px; clear:both; }
#footer ul li { float:left; overflow:hidden; text-indent:-900px; }
#footer ul li a { display:block; height:29px; }
#footer ul li.accessibility	 { background:url("../images/accessibility.gif"); width:78px; }
#footer ul li.colophon { background:url("../images/colophon.gif"); width:63px; }
#footer ul li.contact-us { background:url("../images/contact-us.gif") ; width:72px; }
#footer ul li.search { background:url("../images/search.gif"); width:49px; }
#footer ul li.search-utd { background:url("../images/search-utd.gif"); width:76px; float:right; }
#footer ul li.site-map { background:url("../images/site-map.gif"); width:60px; }
#footer ul li.uni-home { background:url("../images/university-home.gif") ; width:89px; float:right; }
#footer-bottom { background:url("../images/footer-bottom.gif") no-repeat; margin:0 -6px; height:34px; }
#footer-bottom p { height:0; overflow:hidden; }

#feedback {
	clear:both;
	width:50px;
	height:102px;
	position:fixed;
	top:150px; 
	left:0px;
}


/*  -- Styling for Hand held devices -- */
@media only screen and (max-device-width: 480px) {
div#container {
    width: 480px;
    }
 
div#header {
    background-image: url(../images/AIRCbanner.png);
    height: 93px;
    position: relative;
    }

div#header h3 {
    font-size: 140%;
    }
	 
#content {
    float: none;
    width: 100%;
    }
	 
#navigation {
    float:none;
    width: auto;
    }
	
#sub-nav-bar { width: 480px; height: auto; clear: both; background: url("../images/sub-nav-bar.gif") ; }

#school-main-img {width:480; overflow:hidden; }

#body { width: 480px; }
}