/* ------------------------------------------------------------------------------------------------------*/
/* --->>>> CSS Reset <<<<----------------------------------------*/
/* ------------------------------------------------------------------------------------------------------*/
html {color: #444; background: #FFF;}
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, code,
del, dfn, em, img, q, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
  margin: 0;
  padding: 0;
  border: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  font-family: inherit;
  vertical-align: baseline;
}
li {	list-style: none;}

/* Tables still need 'cellspacing="0"' in the markup. */
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }
table, td, th { vertical-align: middle; }

/* Remove possible quote marks (") from <q>, <blockquote>. */
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }
a img { border: none; } /* Remove annoying border on linked images. */
input, button, textarea, select, optgroup, option {	font-family: inherit;	font-size: inherit;	font-style: inherit;	font-weight: inherit;}
input, button, textarea, select { 	font-size: 100%;}

/* ------------------------------------------------------------------------------------------------------*/
/* --->>>> Blueprint Grid Layout <<<<----------------------------------------*/
/* ------------------------------------------------------------------------------------------------------*/
.container{  width: 900px;  margin: 0 auto;}.showgrid{   background: url(grid.png); }body{  margin:1.5em 0;	}div.span-1, div.span-2, div.span-3, div.span-4, div.span-5, div.span-6, div.span-7, div.span-8, div.span-9, div.span-10, div.span-11, div.span-12, div.span-13, div.span-14, div.span-15, div.span-16, div.span-17, div.span-18, div.span-19, div.span-20, div.span-21, div.span-22, div.span-23, div.span-24{float:left;margin-right: 12px;}div.last{ margin-right: 0; }.span-1 { width: 26px;}.span-2 { width: 64px;}.span-3 { width: 102px;}.span-4 { width: 140px;}.span-5 { width: 178px;}.span-6 { width: 216px;}.span-7 { width: 254px;}.span-8 { width: 292px;}.span-9 { width: 330px;}.span-10{ width: 368px;}.span-11{ width: 406px;}.span-12{ width: 444px;}.span-13{ width: 482px;}.span-14{ width: 520px;}.span-15{ width: 558px;}.span-16{ width: 596px;}.span-17{ width: 634px;}.span-18{ width: 672px;}.span-19{ width: 710px;}.span-20{ width: 748px;}.span-21{ width: 786px;}.span-22{ width: 824px;}.span-23{ width: 862px;}.span-24, div.span-24{ width: 900px; margin: 0; }.append-1 { padding-right: 38px;}.append-2 { padding-right: 76px;}.append-3 { padding-right: 114px;}.append-4 { padding-right: 152px;}.append-5 { padding-right: 190px;}.append-6 { padding-right: 228px;}.append-7 { padding-right: 266px;}.append-8 { padding-right: 304px;}.append-9 { padding-right: 342px;}.append-10{ padding-right: 380px;}.append-11{ padding-right: 418px;}.append-12{ padding-right: 456px;}.append-13{ padding-right: 494px;}.append-14{ padding-right: 532px;}.append-15{ padding-right: 570px;}.append-16{ padding-right: 608px;}.append-17{ padding-right: 646px;}.append-18{ padding-right: 684px;}.append-19{ padding-right: 722px;}.append-20{ padding-right: 760px;}.append-21{ padding-right: 798px;}.append-22{ padding-right: 836px;}.append-23{ padding-right: 874px;}.prepend-1 { padding-left: 38px;}.prepend-2 { padding-left: 76px;}.prepend-3 { padding-left: 114px;}.prepend-4 { padding-left: 152px;}.prepend-5 { padding-left: 190px;}.prepend-6 { padding-left: 228px;}.prepend-7 { padding-left: 266px;}.prepend-8 { padding-left: 304px;}.prepend-9 { padding-left: 342px;}.prepend-10{ padding-left: 380px;}.prepend-11{ padding-left: 418px;}.prepend-12{ padding-left: 456px;}.prepend-13{ padding-left: 494px;}.prepend-14{ padding-left: 532px;}.prepend-15{ padding-left: 570px;}.prepend-16{ padding-left: 608px;}.prepend-17{ padding-left: 646px;}.prepend-18{ padding-left: 684px;}.prepend-19{ padding-left: 722px;}.prepend-20{ padding-left: 760px;}.prepend-21{ padding-left: 798px;}.prepend-22{ padding-left: 836px;}.prepend-23{ padding-left: 874px;}div.border{padding-right:5px; margin-right:6px; border-right: 1px solid #eee;}div.colborder{ padding-right:23px; margin-right:20px; border-right: 1px solid #eee;}.pull-1{ margin-left: -38px;}.pull-2{ margin-left: -76px;}.pull-3{ margin-left: -114px;}.pull-4{ margin-left: -152px;}.pull-5{ margin-left: -190px;}.pull-6{ margin-left: -228px;}.pull-7{ margin-left: -266px;}.pull-8{ margin-left: -304px;}.pull-9{ margin-left: -342px;}.pull-10{ margin-left: -380px;}.pull-11{ margin-left: -418px;}.pull-12{ margin-left: -456px;}.pull-13{ margin-left: -494px;}.pull-14{ margin-left: -532px;}.pull-15{ margin-left: -570px;}.pull-16{ margin-left: -608px;}.pull-17{ margin-left: -646px;}.pull-18{ margin-left: -684px;}.pull-19{ margin-left: -722px;}.pull-20{ margin-left: -760px;}.pull-21{ margin-left: -798px;}.pull-22{ margin-left: -836px;}.pull-23{ margin-left: -874px;}.pull-24{ margin-left: -912px;}.pull-1, .pull-2, .pull-3, .pull-4, .pull-5, .pull-6, .pull-7, .pull-8, .pull-9, .pull-10, .pull-11, .pull-12, .pull-13, .pull-14, .pull-15, .pull-16, .pull-17, .pull-18, .pull-19, .pull-20, .pull-21, .pull-22, .pull-23, .pull-24{float:left;position:relative;}.push-1{ margin: 0 -38px 1.5em 38px;}.push-2{ margin: 0 -76px 1.5em 76px;}.push-3{ margin: 0 -114px 1.5em 114px;}.push-4{ margin: 0 -152px 1.5em 152px;}.push-5{ margin: 0 -190px 1.5em 190px;}.push-6{ margin: 0 -228px 1.5em 228px;}.push-7{ margin: 0 -266px 1.5em 266px;}.push-8{ margin: 0 -304px 1.5em 304px;}.push-9{ margin: 0 -342px 1.5em 342px;}.push-10{ margin: 0 -380px 1.5em 380px;}.push-11{ margin: 0 -418px 1.5em 418px;}.push-12{ margin: 0 -456px 1.5em 456px;}.push-13{ margin: 0 -494px 1.5em 494px;}.push-14{ margin: 0 -532px 1.5em 532px;}.push-15{ margin: 0 -570px 1.5em 570px;}.push-16{ margin: 0 -608px 1.5em 608px;}.push-17{ margin: 0 -646px 1.5em 646px;}.push-18{ margin: 0 -684px 1.5em 684px;}.push-19{ margin: 0 -722px 1.5em 722px;}.push-20{ margin: 0 -760px 1.5em 760px;}.push-21{ margin: 0 -798px 1.5em 798px;}.push-22{ margin: 0 -836px 1.5em 836px;}.push-23{ margin: 0 -874px 1.5em 874px;}.push-24{ margin: 0 -912px 1.5em 912px;}.push-1, .push-2, .push-3, .push-4, .push-5, .push-6, .push-7, .push-8, .push-9, .push-10, .push-11, .push-12, .push-13, .push-14, .push-15, .push-16, .push-17, .push-18, .push-19, .push-20, .push-21, .push-22, .push-23, .push-24{float:right;position:relative;}.box1{ padding: .5em; }.box2{   padding: 1.0em; }.box3{   padding: 1.5em; }hr{  background: #ddd;   color: #ddd;  clear: both;   float: none;   width: 100%;   height: .1em;  margin: 0 0 1.45em;  border: none; }hr.space{  background: #fff;  color: #fff;}.clearfix:after, .container:after{    content: ".";     display: block;     height: 0;     clear: both;     visibility: hidden;}.clearfix, .container{display: inline-block;}* html .clearfix,* html .container{height: 1%;}.clearfix, .container{display: block;}.clear{ clear:both; }

/* ------------------------------------------------------------------------------------------------------*/
/* --->>>> Redefined Tag Definitions - layout <<<<----------------------------------------*/
/* ------------------------------------------------------------------------------------------------------*/
html, body{ height:100%; width: 100%; margin:0; padding:0; }

/* ------------------------------------------------------------------------------------------------------*/
/* --->>>> Template Header - layout (Content that is not already defined in grid.css) <<<<---------------*/
/* ------------------------------------------------------------------------------------------------------*/

#kutemplate{width: 100%; min-width:900px; margin:0 auto;	clear:both;}
#kutemplate #header{ padding:15px 0 0 0; height:113px;}
#kutemplate .background5 #header{ height:133px;}

/* Background images based on the various layout options */
#kutemplate .background1{background: url(../../images/template2009/banner_background1.jpg) center top no-repeat; }
#kutemplate .background2{background: url(../../images/template2009/banner_background2.jpg) center top no-repeat; }
#kutemplate .background3{background: url(../../images/template2009/banner_background3.jpg) center top no-repeat; }
#kutemplate .background4{background: url(../../images/template2009/banner_background4.jpg) center top no-repeat; }
#kutemplate .background5{background: url(../../images/template2009/banner_background5.jpg) center top no-repeat; }

/* Building Icon */
#buildingicon{text-align:center; margin-top:23px;}
.background5 #buildingicon {margin-top:22px;}
.background3 #buildingicon, .background4 #buildingicon{text-align:center; margin-top:28px;}
#weatherimage{width:100px; float:left;padding-left:25px; display:none !important;}
#weathertemp{ text-indent:-3000px; width:20px; float:left; margin:36px 0 0 -30px; color:#A0C5FF; font-size:1.4em; font-weight:normal; font-family:"Times New Roman", Times, serif;}
.background1 #weather, .background2 #weather {width:200px; margin-top:-38px}
.background3 #weather, .background4 #weather {width:200px; margin-top:-43px}
.background3 #weathertemp, .background4 #weathertemp {color:#336699}
.background5 #weather{width:200px; margin-top:-37px}


/* Search/upper right navigation */
#search{ display:none; text-align:right;}
#search ul.links, #search ul.links li{
	display:inline;
	list-style-type:none;
	margin:0;
	padding:0;
}
#logo{height:55px;}
#search ul.links li{padding: 0 8px 0 2px;}
.ku_search{	margin-bottom: 2px;}
#azbox ul li{display:inline; margin:0 0 .4em .4em;}
#azbox{
	height:25px;
	width: 180px;	
	border:1px solid #999;
	display: none;
	position:absolute;
	margin: 1px 0 0 94px;
	padding: 4px;
}

/* Navigation area (grey bar) */
#topnav {text-align:center; margin:0;}
#navtitle{margin-top:-14px;margin-bottom: -13px;text-align:center; height:24px; overflow:hidden;}
#topnav ul li { display:inline;}
#toptabnav{ margin:15px 0 0;}
#toptabnav.tabsonly{margin-top:14px;}
#toptabnav ul { margin:0; padding: 0; display:inline;  }
#toptabnav ul li { margin:0; padding: 0 7px;  display:inline;  }
#toptabnav ul li.current { background: none #ffffff; border: 1px solid #cccccc; border-bottom: 1px solid #ffffff; padding-top:2px;	line-height: 16px;}
#kutemplate .background5 #topnav{margin-top:20px;}
.background5 #topnav #toptabnav{margin-top:0;}
#leftnavigation ul.links, #rightnav ul.links {margin-left: 12px; margin-top:10px;}
#leftnavigation ul.links li, #rightnav ul.links li{	margin: 0 0 .9em 12px;	text-indent: -12px;	line-height: 1.1em;	}
#leftnavigation ul.links li.parent{text-indent: -24px;}
#kutemplate .background2 #titleheader, #kutemplate .background4 #titleheader{margin-top:-50px;}
#kutemplate .background5 #titleheader{margin-top:-70px;}
#skip a, #skip a:hover, #skip a:visited { position:absolute; left:0px; top:-500px; width:1px; height:1px; overflow:hidden; }
#skip a:active, #skip a:focus { position:static; width:auto; height:auto; }	

/* Print header...only display when printing */
#printheader{ display:none; visibility:hidden;}
/* ------------------------------------------------------------------------------------------------------*/
/* --->>>> Template Body/Content - layout  (Content that is not already defined in grid.css) <<<<--------*/
/* ------------------------------------------------------------------------------------------------------*/
#content{
	margin:20px auto 0;
	min-height:300px;
	position:relative;
	clear:both;
	z-index: 5;
}
/* ------------------------------------------------------------------------------------------------------*/
/* --->>>> Campus Alerts styles                                                              <<<<--------*/
/* ------------------------------------------------------------------------------------------------------*/
#campusalert{width:900px;	clear:both; height:80px;}
.background1 #campusalert,.background3 #campusalert{margin-bottom:25px;}
.background2 #campusalert,.background4 #campusalert{margin-bottom:75px;}
#campusalert .label{	background: #000000 url(../../images/template2009/alert_arrowtip.gif)  no-repeat top right;color:white;	font-size:2.8em;	font-weight:bold;	width: 200px;	float:left;	margin:0;	height:80px;line-height:.7em}
#campusalert.Emergency .label, #campusalert.None .label{background-color:#f20017;}
#campusalert.Advisory .label{background-color:#FC0;}
#campusalert.Weather .label{background-color:#88b6fe;}
#campusalert .label .labelpad{ padding: 28px 0 0 15px;}
#campusalert .text .summary a{ color:white;}
#campusalert .text .summary{	font-size: 1.7em;	padding:13px 0 4px 8px; line-height:1.0em;}
#campusalert .text .link{	font-size: 1.7em;	padding:0 0 0 8px;}
#campusalert .text .link a{color: #A0C5FF;}
#campusalert .text{	background-color:#000000;	color:#ffffff;	font-weight:bold;	width: 700px;	float:left;	margin:0; height:80px;}
/* ------------------------------------------------------------------------------------------------------*/
/* --->>>> Template Footer - layout  (Content that is not already defined in grid.css) <<<<--------------*/
/* ------------------------------------------------------------------------------------------------------*/
#footer{background-color:#8b8f90;}

#concave{
		background: #cacbcd url(../../images/template2009/footertop.jpg) top center no-repeat;
		width: 100%;
		padding:50px 0 5px;
}
#myfooter{
		margin-left: auto !important;
		margin-right: auto !important;
		padding-bottom:0px;
		min-height:70px;
}
#breadcrumbarea{ 
		width:100%; 
		background: #616264 url(../../images/template2009/breadcrumbbar.png) top center repeat-x;
		height:25px;
}
#breadcrumb{margin:0 auto; width:900px;height:25px;}
#breadcrumb ul li.kulink{background:none; padding:0 5px 0 0;}	
#breadcrumb ul li.kulink img{vertical-align:top; padding-top:3px;} 
#breadcrumb ul{padding:3px 0 0 0; margin: 0; height:25px; }
#breadcrumb ul li a{color:#0022B4;}
#breadcrumb ul li{display:inline; color:#E8000D; margin:0; padding:4px 5px 4px 20px; vertical-align:middle; height:25px;	background: transparent url(../../images/template2009/breadcrumb_separator.png) no-repeat top left;}

#bottomarea{ 
		width:100%; 
		background: #8b8f90 url(../../images/template2009/footerbottom.jpg) top center no-repeat;
}
#bottom{margin:0 auto; width:900px; text-align:center; color:#ffffff;padding:5px 0 23px 0;}
#bottom ul.links{padding: 3px 0;}
#bottom ul.links li{display:inline; margin:0; padding:0 5px; list-style-type:none;}
#bottom a{ color:#ffffff;}
	
/* Jayhawk area in the footer */
#footerjayhawk{text-align:center; padding-top:28px;}	

/* Tag line area, default to right aligned */
#footertagline{text-align:right; margin-top:15px;}