@import url("reset.css");
@import url("layouts.css");
@import url("elements.css");

/* CLEARING FLOATS
-----------------------------------------------*/
/* Clearing floats - Hat Tip: http://www.positioniseverything.net/easyclearing.html  */
.clearfix:after, #at-pagewrap1:after, #at-col1:after, #at-col2:after,#at-col3:after, #at-content:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.clearfix, #at-pagewrap1, #at-col1,#at-col2,#at-col3, #at-content {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix, *html #at-pagewrap1, *html #at-col1, *html #at-col2,*html #at-col3, *html #at-content {height: 1%;}
.clearfix, #at-pagewrap1, #at-col1, #at-col2,#at-col3 {display: block;}
/* End hide from IE-mac */


/* MIN-HEIGHT
----------------------------------------------- */
div#at-content {min-height:34.2em;}
/* for Internet Explorer */
/*\*/
* html div#at-content {
height: 34.2em;
}
/**/


/* PAGE 
---------------------------------------------- */
*html {
	filter: expression(document.execCommand("BackgroundImageCache", false, true));}
	
body {
	position:relative;
	margin: 0 auto;
	text-align:left;
	overflow-x:expression( ( (document.compatMode && document.compatMode=='CSS1Compat') ? document.documentElement.clientWidth : document.body.clientWidth) < 768 ? "auto" : "visible" ) ;
	min-width:768px;	
	background:url(../images/ta-greybg.jpg) repeat-x;
	font:77%/1.5 Verdana, Arial, Helvetica, sans-serif;}

/* LAYOUT 
---------------------------------------------- */
div#at-container{
	width:expression( ( (document.compatMode && document.compatMode=='CSS1Compat') ? document.documentElement.clientWidth : document.body.clientWidth) < 768 ? "768px" : "auto" ) ;
	min-width:768px;
	

}

div#at-page {
	background-color: #FFF; 
	text-align:left;
}
div#at-header {
	/* background: url(../images/banner_gradient.png) repeat-x; */
	background:url(../images/hd-flamebg.jpg) repeat-x;
	width:100%;
}
div#at-banner{
	height: 5.6em;
	position:relative;
	overflow:hidden;
}
div#at-logo {
	position:absolute;
	background:url(../images/logo.png) no-repeat 4px 2px; 
	width:265px; 
	height:65px;
	display:block;
	overflow:hidden;
	border:none;
	left: 0;
}
 div#at-logo a {
	width:265px; 
	height:65px; 
	display:block;
	overflow:hidden;
}

div#at-logo{
	z-index:10;
}
div#at-logo h1{
	position:absolute;
	top:0px;
	left:0px;
	width:265px;
	height:65px;
	
}
div#at-logo h1 a{
	display:block;
	width:265px;
	height:65px;
	text-indent:-9999px; 
}

/* TOP NAV
---------------------------------------------- */
div#at-topnav {
	text-align:right;
	padding:3px 7px 5px 0;
	width: 60%;
	float:right;
	font-size:92%;
	color: #fff;
}
div#at-topnav a {
	padding:0 2px 2px 2px;
	margin-right: 0;
	color: #fff;
	font-size:100%;}

/* NAV1 
---------------------------------------------- */
div#at-nav1 {
	padding:0;
	background: url(../images/nav2bg.jpg) repeat-x; }
	
div#at-nav1 ul{
	margin:0;
	padding:4px 0;
	margin-left:16.9em; 
	list-style-type: none;}
	
div#at-nav1 li{
	display:inline;
	margin:0;
    padding:0;}
	
div#at-nav1 a:hover  {text-decoration:underline}
	 
div#at-nav1 a  {
  	font-size:105%;
	font-weight:bold;
	float:left;
    display:block;
    padding:4px 12px 5px 12px; 
    color:#002b42;
	margin:0px;
	border-right:1px solid #acbfcf;
	text-decoration:none;} 
	
div#at-nav1 li.at-selected  {
    float:left;
	background: url(../images/left_both.png) no-repeat left top;
    border:0;
	margin-top:-5px;  /* for raised tab */
	padding-bottom:0px;
	padding-left:5px;
	font-weight:bold;}
	  
div#at-nav1 li.at-selected a:hover {text-decoration:none;}  
	  
div#at-nav1 li.at-selected a  {
    display:block;
	background:url(../images/right_both.png) no-repeat right top;
    padding-top:8px;  
	padding-bottom:6px;
	padding-right:18px;
    color:#fff;
	border:0;
	text-decoration:none;}
	  
li#menu_item_Faculty a {border:0;}

   
/* session info
---------------------------------------------- */

div#at-session {	
	color: #002b42;
	text-align:right;
	position:absolute;
	right:10px;
	top:35px;
}
div#at-session a {
	color: #002b42;
	border:none;
	background:none;
	text-decoration:underline;
}

/* NAV2 
---------------------------------------------- */

div#at-nav2 #nav2backgroundicon {position:relative} 
div#at-nav2 #nav2backgroundicon #classident {z-index:999;position:absolute;left:8px;height:20px;border:1px solid #346d99;padding:0 2px;color:#fff;}  


div#at-nav2 {
	border: 0; 
	padding: 6px 6px 0 0;
	/* overflow: hidden; */
	margin-bottom:0;
	background:#064976 url(../images/borderbtmnav2.gif) repeat-x bottom;}

div#at-nav2 ul{
	margin:0;
	padding:0;
	margin:0 0 0 16.4em;
	line-height:2.2em;
	color:#fff; }

div#at-nav2 li{
	list-style:none;
	padding:0;
	margin:0;
	float:left;
	line-height:1.5em;}

div#at-nav2 select{
	font-size:80%;
	margin:1px 0 0 0;}

div#at-nav2 a {
	margin: 0;
	border: 0;
	color: #fff;
	display:block;
	padding: 0 12px 8px 12px;
	text-decoration:none;}
div#at-nav2 a:hover {text-decoration:underline}

div#at-nav2 a.at-selected {
	color:#fff;
	background: url(../images/nav2selectedpyra.jpg) no-repeat bottom center;}
	
div#at-nav2 a.at-selected:hover {text-decoration:none;}

div#at-nav2 li.at-blank{
	background:none;
	padding-left:0;}



/* LOCAL NAV 
---------------------------------------------- */
div.outerpanel {
	border:1px solid #dce2e5;
	margin-bottom: 10px;}

div#at-localnav {
	padding: 0px 4px 9px 0px;
	background:#e8edef;
	background: url(../images/panel_header.png) repeat-x;
	font-size:100%;
	font-family: arial, sans-serif;
	border:1px solid #fff;}

div#at-localnav h4 {
	color:#b36e29;
	margin:4px 0 4px 4px;} 

div#at-localnav p {margin:8px 0 0 5px;font-size:95%;line-height:1.2em;color:#333;}

div#at-localnav ul {
	margin:5px 0 5px 0;
	padding:0;}

div#at-localnav ul li {
	padding:3px 2px 2px 10px;
	list-style:none;
	font-size:100%;
	line-height:1.2em;
	background:url(../images/navli.gif) no-repeat 0% 4px;
	}
div#at-localnav a {text-decoration:none;}
div#at-localnav a:hover {text-decoration:underline}

div#at-localnav ul li.localnavselected {background: url(../images/menuselected.png) no-repeat;}
div#at-localnav ul li.localnavselected a {color:#8e5115;}

/* BODY 
---------------------------------------------- */
div#at-body {
	zoom:1;
	padding:0 10px 0 5px; 
	margin-top: 10px;
	margin-right: 10px;
	margin-left: 10px; 
	margin:0;
	clear:both;
}
div#at-body:after{
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}

/* BREADCRUMBS AND PRINT
---------------------------------------------- */
div#at-breadcrumbwrap {
	overflow:hidden;
	margin-bottom:12px;
}
div#at-breadcrumbs {
	text-align: left;
	margin-top:.2em;
}
div#at-breadcrumbs a {
}

/* FOOTER 
---------------------------------------------- */
div#at-footer {
	clear: both;
	margin: 20px 0 20px 18em;
	padding: 8px 0px 5px 0px;
	border-top: 1px solid #ddd;
	line-height: 1.5;
	text-align: left;
	font-size:90%;}

div#at-footercontact {float:right;text-align:left;border:1px solid #ddd;background:#eee;padding:3px;}