
body { 

border-top:5px #f4c20a solid; color: #333; 
font: 70%  "Lucida Grande", "Lucida Sans", tahoma, geneva, sans-serif; 
background:url(../images/top_back.jpg) repeat-x; 
}

/* Why not? */
abbr, acronym {cursor:help; }

/* Wrapper */
div.wrapper { text-align:left; }


/* grey bar */
#greybar { background-color:#585858; border-top: solid 1px #fff; }

/* Top-Tier navigation */
#sitenav { background-color:#404040;}
#sitenav ul li { list-style:none; }
#sitenav ul li a {
	text-align:center;
	font: bold 1.1em/2.5em "Lucida Sans", "Lucida Grande", tahoma, geneva, sans-serif;
	color: #ebebeb;
	text-decoration: none;
	background-image: url (../images/nav_border.gif);
	background-repeat: repeat-y;
}
#sitenav ul li a:hover { background-color: #303030; color: #ebebeb; }
/* #sitenav ul li a#current { background-color: #FFF; color: #222; } */
#sitenav ul li a.none { background-image:none; }

/* Yellow Bar & Breadcrumbs */
#siteinfo {
	background-color: #81DA3F;
	background-image: url(../images/bar_back.jpg);
	background-repeat: repeat-x;
	background-position: left bottom;
}
#siteinfo p { font-size: 1.0em; color: black; }
#siteinfo p a { color: black; text-decoration:none; }
#siteinfo p a:hover{ color: black; text-decoration:underline; }

#siteinfo #sectnav { background: url(../images/corner.gif) no-repeat  bottom left; }
#siteinfo #crumbs { background: url(../images/corner_right.gif) no-repeat bottom right; }



/* ASU Search boxes */
#search { border-bottom:1px #aaa solid; }
#search h2 { font: 1em "Lucida Sans", "Lucida Grande", tahoma, geneva, sans-serif; color:#222; text-transform: uppercase; border-bottom:1px #aaa solid; }
#search a { color: #0a759b; text-decoration: none; }
#search a:hover { text-decoration:underline; }
#search form { color:#222; font-size: .9em; }
#search .txtbox { border-right:1px #aaa solid; border-bottom:1px #aaa solid; border-left:2px #aaa solid; border-top:2px #aaa solid; color:#666; }

/* ASU Top Search boxes  */
#searchtop form { color:#222; font-size: .9em; }
#searchtop .txtbox { border-right:1px #aaa solid; border-bottom:1px #aaa solid; border-left:2px #aaa solid; border-top:2px #aaa solid; color:#666; }
#searchtop p { font-size: .9em;}
#searchtop a { color: #0a759b; text-decoration: none; }
#searchtop a:hover { text-decoration:underline; }



/* Main Text Setup */
#maintext a:link      {font:10pt verdana; color:blue; text-decoration: none}
#maintext a:hover     {  font:10pt verdana; color:  #CC6600; text-decoration: none;}
#maintext a:visited   {font:10pt verdana; color:#800000; text-decoration: none}
#maintext a:active    { color: #CC6600 ; text-decoration: none}
#maintext h2 { font-size: 1.2em; line-height:1.2em; text-transform: uppercase; }
#maintext h3 { font-size: 1.2em; font-weight:normal; color: #FF6600;}
#maintext h4 { font-weight: bold; }
#maintext p  {	font-family: Verdana, Arial, Helvetica, sans-serif;
			font-size: 13px;
	color: #333753;
	margin: 0px;
 }
#maintext .imageunit p { font: italic 1em Georgia, "Times New Roman", Times, serif; }

/* General List setup */
#maintext ol, #maintext ul { line-height:0.9em; text-align:left; }
#maintext ul { list-style-type:disc;  }

#maintext dt { font-weight:bold;  }
#maintext dt a:link { color:#333; border-bottom:none; }
#maintext dt a:visited { color:#555; border-bottom:none; }
#maintext dt a:hover { color:#0a759b; border-bottom:none; }
#maintext dd { line-height:135%; }





.betaLeftNavColorMain{
	background-color:#EEEEEE;
}
.betaLeftNavBorder{
	background-color: #FFFFFF; /*This is a border color */
}
.betaLeftNavColor{
	background-color: #EEEEEE;/*Background color for left navigation panel*/
}
.betaLeftNavColor:hover{
	background-color: #CCCCCC;/*Background color for left navigation panel*/
	color:black;
}
.betaBody{
	margin-left: 0;
	margin-right:0;
	margin-top:0;
	margin-bottom:0;
}
.betaLeftDummyTable{
	background-color:#EEEEEE;
	border-right:1pt solid #FFFFFF;
}
.betaRightDummyTable{
	background-color:#EEEEEE;
	border-left:1pt solid #FFFFFF;
}
.betaLeftPanel{
	height: 100%;
	background-color: #EEEEEE;/*#990000; */
	/*border-right:1pt solid #FFFF00;*/
}
.dummycell{
	background-color:#fec60b;
	border:1pt solid #FFFFFF;
}


.row1 {
	background-color: #F5F9FD;
}

.row2 {
	background-color: #DFE6EF;
}


.loginbox { background: url(../images/loginbox.png) no-repeat ; }

.doted_v_line {

background-image: url(../images/dotted_vline_tile.gif) ;
	background-repeat: repeat-y;
	background-position: center;
	height: auto;
	width: 2px;
 }

.doted_h_line {
background-image: url(../images/other_links_hline.gif) ;
	background-repeat: repeat-x;
	background-position: center;
	width: auto;
	height: auto;
 }



/* --------------------------  Navbar level Link --------------------------- */
A.navbar:link{
	text-decoration: none; 
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #404040; 
	font-weight: bold;
}
A.navbar:visited{
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color:#999999;
	font-weight: bold;
}  
A.navbar:hover{
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
	color:red;
	font-weight: bold;
}

.generaltype{
	text-decoration: none; 
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #404040; 
	font-weight: bold;
}

#nav_td_box {
	background-image: url(../images/nav_td_box_bg_tile_1.png);
	background-repeat: repeat-y;
	background-position: center;	
}

#nav_td_box .top {
	background-image: url(../images/nav_td_box_top_1.png);
	background-repeat: no-repeat;
	background-position: center top;
	height: 15px;
}

#nav_td_box .main {
	padding-left: 3px;
}

.left_pad {
	padding-left: 300px;
}


#nav_td_box .bot {
	background-image: url(../images/nav_td_box_bot_1.png);
	background-repeat: no-repeat;
	background-position: center top;
	height: 28px;
}


#footer {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8px;
	color: #1f1f1f;
    background-image: url(../images/footer_bg_tile.gif);
	background-repeat: repeat-x;
	height: 93px;
	background-color: #BBBBBB;
	background-position: bottom;
}

#footer .links_td {
	padding-top: 8px;
	padding-bottom: 5px;
}

#footer a:link {
	
	color: #763737;
	text-decoration: none;
}

#footer a:visited {
	color: #763737;
	text-decoration: none;
}

#footer a:hover {
	color: #CC6600;
	text-decoration: underline;
}

#footer a:active {
	color: #763737;
	text-decoration: none;
}
#footer .text {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #1f1f1f;
   }


#footer .link_gap {
	color: #FFFFFF;
}

#footer .bottom_row {
	text-align: left;
	vertical-align: bottom;
	height: 38px;
}

#footer .address_td {
	width: 318px;
}

#footer .copyright_td {
	width: 218px;
}

/***** style ends******/

html,
body { padding: 0; margin: 0; }
img { border: 0; }
hr { display:none; }

/* Hidden navigation skips for ADA compliance */
.hidden { position: absolute; left: -10000px; }

/* General container for top tier */
div.wrapper { margin: 0 auto; padding: 0; text-align:left; position:relative; min-width: 760px; max-width: 950px; }

/* ASU Logo & Icons*/
#banner {
	width: 100%;
	height:83px;
}

#logo {
	margin:0;
	height:60px;
	width:650px;
	background:url(../images/logoa.jpg) no-repeat top left;
	overflow: visible;
	visibility: visible;
}
#logo a {
	display:block;
	height:60px;
	overflow:visible;
	text-decoration:none;
	text-indent:-5000em;
	padding:0;
	margin:9px;
}
#logo h1, #logo h2 { margin:0; padding:0; }

#utilnav { position:absolute; right:0; top:13px; width:400px; height:40px; }
#utilnav ul { margin: 0; padding: 0;text-align: right; }
#utilnav ul li { float:right; margin:0; padding:0; }
#utilnav ul li a { overflow:visible; display:block; padding:29px 10px 0; }
#utilnav ul li a#appalnet, #utilnav ul li a#az, #utilnav ul li a#calendar, #utilnav ul li a#maps { background-position: center top; }

/* grey bar */
#greybar { width:100%; height: 2.7em;  }

/* Top-Tier navigation */
#sitenav { height: 2.7em; }
#sitenav ul { margin: 0; padding: 0; }
#sitenav ul li { margin:0; padding:0; display:inline; }
/* Comment out next line for 5 top nav links or next 2 lines for 7 links */
#sitenav ul li a { float:left; height: 2.7em; width:17%; }
#sitenav ul li a.none { width:15%; }
/* Uncomment next line for 5 top nav links - change above line (#sitenav ul li a.none) to 20% - change hacks.css */
/*#sitenav ul li a { float:left; height: 2.7em; width:20%; }*/
/* Uncomment next two lines for 7 top nav links - be sure to change in hacks.css file */
/*#sitenav ul li a { float:left; height: 2.7em; width:14%; }
#sitenav ul li a.none { width:16%; }*/

/* Yellow Bar & Breadcrumbs */ 
#siteinfo { position: relative; height: 1.9em; border-top: 2px solid #fff; }
#siteinfo p { margin:4px 0 0 2.3ex; }
#siteinfo #sectnav { position: absolute; top:0; left:0; height: 1.9em; }
/*Z-index is arbitrarily hi for layer potential in header cutouts*/
#siteinfo #crumbs { position: absolute; z-index:5; top:0; right:0; height: 1.9em; }
#siteinfo #crumbs a { margin: 0; padding: 0 1.5ex 0 1ex; }

/* Left Column */
#leftcol { float:left; width: 210px; margin: 3px 0 2em 5px; }
/* Secondary (left) navigation */
#subnav ul { margin: 6px 0 30px 0; padding: 0; }
#subnav ul li a { display: block; padding: 10px 5px 10px 21px; margin: 2px 0; }
#subnav ul li #current { margin: 2px 0; padding: 10px 5px 10px 21px; }
/* Dropdown Links */
#subnav ul ul { margin:0 0 10px 0; padding:0; }
#subnav ul ul li { margin:0; padding:0;  }
#subnav ul ul li a { padding: 0 5px 0 21px; margin: 8px 0; }

/* Quicklinks (left) navigation */
.quick { margin: 6px 0 25px 0; padding:0; }
.quick h2 { padding: 6px 5px; margin:0; }
.quick ul  { margin: 0; padding: 5px; }
.quick ul li { padding: 0 5px 0 15px; }
.quick ul li p { padding: 0; margin:0; }

/* ASU Search boxes */
#search { margin: 0 0 25px; overflow:auto; width:210px;}
#search h2 { padding-bottom: 5px; }
#search p { margin: 2px 0 10px 0; }
#search form { margin:0 5px; padding:0; display:block; }
#search label { display:none; }
#search .txtbox { width:170px; vertical-align:top; margin: 0 0 2px; height: 16px;}


/* Top Search Box */
#searchtop { position:absolute; right:0; top:2px; width:300px; height:40px; }
#searchtop label { display:none; }
#searchtop form { text-align:right; margin:0; padding:0; }
#searchtop a { margin-left:5px; }
#searchtop .txtbox { width:150px; vertical-align:top; margin-bottom:4px; height: 16px; padding:0; }
#searchtop .buttons { margin-right: 3px; }

/* content wrapper */
#content { position: relative; margin: 0 10px 5px 230px; }

/* Cutout Box, page header, quote */
#header { height: 200px; margin:10px 0 0 0; padding:0; }

.box { margin-top:4px; padding:0; }
.box h1 { padding: 1px 0 1px 10px; margin:0; }

/* Main Text Setup */
#maintext { margin: 15px; padding:0; }
#maintext h2 { margin:0;  }
#maintext h3 { margin: 0; }
#maintext h4 { margin: 0; }
#maintext p  { padding: 0; }
#maintext .imageunit { width:100%; min-height:150px; margin:0; padding: .5em 0; clear:both; }
#maintext .imageunit p { padding:0; margin:0 0 0 520px; }
/* for 2 Column layout */
#maintext #left { float: left; width: 47%; margin-top:15px; padding: 0; }
#maintext #right { float: right; width: 47%; margin-top:15px; padding:0; }

/* General List setup */
#maintext ol, #maintext ul { margin:0; padding: 0 0 0 20px; }
#maintext li { margin: .4em 15px .75em 0; padding:0;  }
#maintext ol li a, #maintext ul li a { padding-bottom: 1px; }

#maintext dl { margin-left: 10px; }
#maintext dt { margin-top:.4em; }
#maintext dd { line-height:135%; margin:0; padding: .3em 0; }

/* Footer*/
#footer { margin: 25px 0 15px 0; padding-top:.3em; clear:both; }
#footnav, #footer address { padding: .2em 0 0; margin:0; }
#footnav .logo { float:right; padding:2px 4px 0 0; }

/* Custom Text and Elements */
.seperator { margin: 20px 15px 0 15px }
a.rss  { padding:0 0.2em 0 0.3em !important; margin: 0 4px!important; }

/* Use to clear floats instead of inline class*/
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
/* Hides from IE-mac \*/
* html .clearfix { height: 1% }
/* End hide from IE-mac */

/* Image position for graphics in toptier - revisit */
.img_pad { margin: .25em }
.img_ctr { margin: 8px 6px 6px 6px }
.thumb { float:left; margin: 10px 25px 0 0 }
.thumbtext { float:left; margin: 0px 10px 10px 0 }
.thumbright { float:right; margin: 5px 0 0 10px }
/*end1*/
@page { size auto; margin: 0.5in; }

@media print {

body { background:none; }

#searchtop,
#greybar,
#sectnav,
#sitenav,
#styler,
#header,
#footnav { display:none; }

div.wrapper { margin: 0; width: 780px; }

#logo { background:none; height:auto; width:100%; }
#logo a { text-indent:0; font-family:"Times New Roman", Times, serif; color:#444 }
#logo h2 { font-weight:normal; }

#siteinfo { background-color: #fff; background-image:none;  }
#siteinfo p,
#siteinfo p a { color:#555; }
#siteinfo #crumbs { background-color: #fff; background-image:none; position:relative; left:0px; }

#content { width:auto; }
#maintext ul,
#maintext ol,
#maintext dl,
#footer { page-break-inside: avoid; }

#footer { page-break-inside: avoid; }
#footer { height:auto; }
#footer .logo { margin-top:0; padding:2px 4px 0 0; }

}
/* hacks */

body { text-align: center; }


/* Wrapper */
* html div.wrapper { width: 950px; }

/* ASU Logo & Icons*/
* html #logo { margin:21px 0 19px 0;height:45px; }
* html #logo a { margin:0; height: 20px; }
* html #utilnav { top:23px; }
* html #searchtop { top:20px;}
* html #searchtop .txtbox { width:150px; vertical-align:top; margin-bottom:4px; height: 15px; padding:0; }
* html #search { margin-top:10px;}
* html #search form { margin:0; padding-left: 5px;}
* html #search .txtbox { height: 14px; margin:0;}

/* Top-Tier navigation */
* html #greybar { width:100%; height: 2.5em; }
* html #sitenav, #sitenav ul li a { height: 2.5em; }
/* Comment out next two lines for 5 or 7 top nav links */
* html #sitenav ul li a.none { width:14.5%; } 
* html #sitenav ul li a { width:17%; }

/* content wrapper */
#content { position: relative; height: 100%; margin: 0 10px 5px 240px  /*float: right; width:72%; margin: 0 10px 0 0;*/ }

/* IE 5.5 Hacks*/
/* Fixes H1 Spacing*/
* html .box h1 { position:fixed; padding: 1px 0 1px 10px; margin:0; voice-family: "\"}\"";  voice-family:inherit; position:relative; }
/*2 Columns*/
#maintext #left { float: left; width: 47%; margin-top:15px; padding: 0; voice-family: "\"}\"";  voice-family:inherit; width:48%; }
#maintext #right { float: right; width: 47%; margin-top:15px; padding:0; voice-family: "\"}\"";  voice-family:inherit; width:48%; }

/* hacksend */





.sid {
	display: none;
	padding: 0px;
	height: auto;
	width: auto;
	right: auto;
	position: absolute;
	clear: none;
	float: none;
	font-family: "Lucida Console", "Mail Ray Stuff", "MS Sans Serif", Verdana;
	font-size: 14px;
	color: #122FB4;
	background-color: #FFFF66;
	margin: 0px;
	top: auto;
}
.des2 {
	font-size: 14px;
	background-color: #E6E6E6;
	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;
	color: #000000;
}
.line-break {
	background-color: #CCFFFF;
	background-image:
	url(../images/mm_dashed_line2.gif);
	padding-right: 0px;
	margin-right: 37px;
}
.in_line {
	display: inline-table;
}

