﻿html {height:100%; width:100%;}
html, body, form, fieldset, h1, h2, h3, h4, h5, h6, p, pre, blockquote, ul, ol, dl, address { margin:0; padding:0; }

#college_list {display:none}

body {font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif; line-height: 1; color: #333; background: #ddd url(../images/background-body.gif) repeat-x top left; margin: 0; padding: 0;}
	
a {text-decoration: none; }
a img {border: none;}

img.img_right {margin:10px 20px 10px 17px; padding: 15px; float:right; border: 1px solid #ddd;}				
p img.img_right {margin-right: 0; }				
img.img_left {margin:10px 20px 10px 20px; padding: 15px; float:left; border: 1px solid #ddd;}		
p img.img_left {margin-left: 0;}

#page { width: 908px; position: relative; margin: 0 auto; padding: 0; }

	#print {display:none;}

    #header { width: 908px; color: #fff; margin: 0; padding: 0; }
	
		#header label, #header legend {display:none;}
		
		#logo { float: left; width: 422px; height: 69px; margin: 0; padding: 0; display: inline; }
		
			#logo h1 { text-indent: -9999px; overflow: hidden; margin: 0; padding: 0; border: 0;	}
			#logo h1 a:link, #logo h1 a:visited	{ display: block; width: 422px; height: 44px; background: transparent url(../images/logo-linear.gif) top left no-repeat; margin: 7px 0 0 0; padding: 0; border: 0; }
			#logo h1 a:hover { background: transparent url(../images/logo-linear.gif) top left no-repeat;	}
						
		#searchbox { float: right; width: 486px; font-size: .9em; margin: 0; padding: 0; }
			#searchbox ul { float: right; padding: 10px 0 2px 0; list-style: none; margin: 0;}
				#searchbox li {display: inline; padding: 0 7px 0 7px; border-right: solid 1px #e3e3e3; }
				#searchbox li.nobar {border-right: none; padding-right: 0; }
				
				#searchbox a, #searchbox a:link, #searchbox a:visited {color: #e3e3e3; border-bottom: none;}
				#searchbox a:hover, #searchbox a:active {color: #e3e3e3; border-bottom: 1px solid #e3e3e3;}

			#searchform { float: right; width: 486px; }
				#searchform fieldset { float: right; border: 0 solid #004810; padding: 5px 0 0 0; }
				#searchform input { vertical-align: middle; font-size: .9em; display: inline; }
				#searchform input.textBox { background: #E8EEE9; border-top: 1px solid #8b8f8b; border-bottom: 1px solid #9c9f9c; border-left: 1px solid #949894; border-right: 1px solid #949894; width: 160px; padding: 2px; }				
			
    #main {width: 908px; background: #ddd url(../images/background-main.gif) repeat-y top left; margin: 0; padding: 0;}
	
		#az { width: 221px; height: 45px; margin: 0; padding: 0; float: right; display: inline; background: #dddddd url(../images/background-az2.gif) no-repeat top left; font-size: .9em; font-family: Arial, Helvetica, sans-serif;}
			#az img {float: left; width: 33px; margin: 0; padding: 0; display: inline;}
			#az ul {float: right; width: 183px; padding: 0; margin: 1px 3px 0 0px; list-style: none; display: inline; }
				#az li { display: inline; padding: 0; margin: 0; }
				#az li a:link, #az li a:visited { color: #555; float: left; padding: 3px 0px; margin: 0; width: 14px; text-align: center; }
				#az li a:hover, #az li a:active { color: #444; background: #ccc;}
	
		#nav {width: 221px; margin: 0; padding: 0; float: right; display: inline; background:transparent url(../images/background-nav-top.gif) no-repeat; position:relative; height:8px;}
			#nav dl{margin: 0; padding: 0px 0px 5px 0px; display:block; position:absolute; top:8px; z-index:100; background:/*#fff  url(../images/background-nav-bottom.gif) no-repeat bottom*/; width:221px;}
			#nav dt { width: 221px; color: #004810; border-bottom: 1px solid #ddd; display: block; margin: 2px 0 0 0; padding: 0; font-size: 1.8em;}
			#nav dd { display: inline; padding: 0; margin: 0; }
			#nav dd a, #nav dd a:link, #nav dd a:visited { display: block; width: 206px; color: #444; padding: 3px 0 3px 15px; margin: 0; line-height: 1em; }
			#nav dd a:hover, #nav dd a:active { background: #eeeeee; }
			
		#feedback { width: 221px; margin: 0; padding: 0; float: right; clear: right; display: inline; background: #fff url(../images/background-feedback.gif) no-repeat top left; }
			#feedback h3 { color: #ab7e06; margin: 0; padding: 23px 0 0 7px; font-size: 1em;}
			#feedback p { margin: 0; padding: 5px 5px 0 12px; color: #555; font-size: 0.9em; line-height: 1.4em;}
			#feedback a, #feedback a:link, #feedback a:visited { color: #555; text-decoration: none; border-bottom: 1px solid #555;}
			#feedback a:hover, #feedback a:active {color: #555; border-bottom: none; text-decoration: none; }
			
		#blankslate { width: 680px; float: left; margin: 0; padding: 10px 0 7px 0; display: inline; background: #fff url(../images/background-blankslate-top.gif) no-repeat top left;}

			#blankslate h1 {margin: 0 0 0.4em 0; padding: 0 25px 0.3em 14px; font-size: 1.8em; color: #004810; border-bottom: 1px solid #ddd; letter-spacing: -1px; line-height: 1.2em;}
			#blankslate h2 {margin: 0; padding: 0 25px 0.4em 15px; font-size: 1.5em; color: #004810; }
			#blankslate h3 {margin: 0; padding: 0 25px 0.4em 16px; font-size: 1.4em; color: #a37b35; }
			#blankslate h4 {margin: 0; padding: 0 25px 0.5em 18px; font-size: 1.2em; color: #333; }
			#blankslate h5 {margin: 0; padding: 0 25px 0.6em 17px; font-size: 1.0em; color: #555; }
			#blankslate h6 {margin: 0; padding: 0 25px 0.7em 17px; font-size: 1.0em; color: #333; font-weight: normal;}
			#blankslate p { margin: 0; padding: 0 25px 1.1em 20px; font-size: 1.0em; color: #222; line-height: 1.7em;} 
			#blankslate p.disclaimer {font-size: 0.8em; line-height: 1.2em; padding-left: 30px;}
			#blankslate ol, #blankslate ul {font-size:1.0em; margin: 0 0 0 22px; padding: 0 25px 0.9em 21px; } 
			#blankslate ul.none { list-style: none;} 
			#blankslate li { line-height: 1.4em; /*tighter than usual paragraph line spacing*/ padding-bottom: 0.5em; /* for extra padding between LIs and also to facilitate padding at the BOTTOM of the whole UL/OL */}
			
			#blankslate a, #blankslate a:link, #blankslate a:visited { color: #353; text-decoration: none; border-bottom: 1px solid #353;}
			#blankslate a:hover, #blankslate a:active {color: #000; border-bottom: none; text-decoration: none; }
			
			#directoryform {margin: 0 auto; padding: 10px; text-align: center;}
			.ajaxbox { width: 410px; height: 50px; background: transparent url(../images/background-search.gif) no-repeat top left; border: none; padding: 12px; font-family: Helvetica, Arial, Sans; text-align: center; font-size: 22px;}
			
			div.captioned-photo-right, div.captioned-video-right, div.captioned-video-tab { float: right; margin: 15px; padding: 15px 15px 0 15px; border: 1px solid #ddd; width:300px;}
			div.captioned-video-right h4, div.captioned-video-left h4, div.captioned-video-tab h4 {margin: 0 !important; padding: 5px 0 5px 0 !important;}
			div.captioned-video-right h3, div.captioned-video-left h3, div.captioned-video-tab h3 {margin: 0 !important; padding: 1px 0 10px 0 !important;}

			div.captioned-video-right div {margin:0px auto;}
			div.captioned-photo-right img { margin: 0; padding: 0;}
			div.captioned-photo-right p, div.captioned-video-right p { margin: 0 !important; padding: 10px 0 10px 0 !important;}
					
			div.captioned-photo-right ul, div.captioned-video-right ul, div.captioned-video-tab ul { margin: 0 !important; padding: 5px 5px 5px 20px !important;}
			
			div.captioned-photo-left, div.captioned-video-left { float: left; margin: 15px; padding: 15px 15px 0 15px; border: 1px solid #ddd; width:300px;}
			div.captioned-video-left div {margin:0px auto;}
			div.captioned-photo-left img { margin: 0; padding: 0;}
			div.captioned-photo-left p, div.captioned-video-left p { margin: 0 !important; padding: 10px 0 10px 0 !important;}
			div.captioned-photo-right h3 { margin: 0 !important; padding: 3px 0 7px 0 !important;}
			div.captioned-photo-right h5 { margin: 0 !important; padding: 0px 0 7px 0 !important;}
			div.captioned-video-right h5 { margin: 0 !important; padding: 0px 0 7px 0 !important;}
			
			
			#blankslate p.preheadline {margin: 0; padding: 0 25px 0 14px; font-size: 1.1em; color: #004810; font-weight: bold}
			#blankslate p.postheadline {margin: -10px 0 0 0; padding: 0 25px 0 18px; font-size: 0.9em; color: #444; font-weight: normal; float: right;}
			#blankslate p.pullquote { clear: both; margin: 0; padding: 5px 25px 20px 18px; font-size: 1.1em; color: #555; font-weight: normal; line-height: 1.5em; font-family:Arial, Helvetica, sans-serif; font-style:italic;}

			/* quote box inside of a general, blank slate page */				
			div.quoteBox { float: right; width: 275px; background: #f0f0f0; margin: 10px 20px;}
			#blankslate div.quoteBox p { color: #222; line-height: 1.6em; font-size: 1.1em; font-family: Georgia, "Times New Roman", Times, serif; margin: 0; padding: 7px 0 3px 14px;}
			#blankslate div.quoteBox p.quoteSource { float: right; font-style: italic; padding: 5px 10px 10px 15px; color: #444; font-weight: normal;}
			
			/* banner box inside of a general, blank slate page */									
			#blankslate div.bannerBox {width:300px; float:right; border:1px solid #ddd; margin:7px 15px 7px 17px; background-color:#f4f4f4; position:relative;}
			#blankslate div.bannerBox h3 {font-size: 1.2em; color:#004810; font-style:normal; text-align:center; margin:0px; padding:4px; background-color:#fff; clear:both; border-bottom:1px solid #ddd;}
			#blankslate div.bannerBox ul {margin:0px; padding:2px 3px 3px 10px; list-style-type:disc;}
			#blankslate div.bannerBox li {padding-left:0px; margin:0px 0px 2px 15px; font-size:90%; }
			#blankslate div.bannerBox a {text-decoration:none;}
			#blankslate div.bannerBox p {margin: 0; padding: 2px 7px 1em 10px; line-height: 1.5em;}
			
			/* side box inside of a general, blank slate page */									
			#blankslate div.sideBox {width:275px; float:right; border:1px solid #ddd; margin:7px 15px 7px 17px; background-color:#f4f4f4; position:relative;}
			#blankslate div.sideBox h3 {font-size: 1.2em; color:#004810; font-style:normal; text-align:center; margin:0px; padding:4px; background-color:#fff; clear:both; border-bottom:1px solid #ddd;}
			#blankslate div.sideBox ul {margin:0px; padding:2px 3px 3px 10px; list-style-type:disc;}
			#blankslate div.sideBox li {padding-left:0px; margin:0px 0px 2px 15px; font-size:90%; }
			#blankslate div.sideBox a {text-decoration:none;}
			#blankslate div.sideBox p {margin: 0; padding: 2px 7px 1em 10px; line-height: 1.5em;}
			
			/* normal form elements inside of a general, blank slate page */
			#blankslate form { margin: 10px; padding: 0; }
			#blankslate legend {color: #005500; font-weight: bold;}
			#blankslate fieldset {margin-bottom: 15px; border: 1px solid #ddd;}
		
		
		#content { width: 680px; float: left; margin: 0; padding: 0 0 7px 0; display: inline; background: #fff; min-height:590px}
			#alternatecontent { width: 680px; float: left; margin: 0; padding: 7px 0 0 0; display: inline; background: #fff url(../images/background-blankslate-top.gif) no-repeat top left; }
			#alternatesub { width: 680px; float: left; margin: 0; padding:0; display: inline; background: #fff url(../images/background-blankslate-bottom.gif) no-repeat bottom left; }
				#alternatecontent h1 {margin: 0; padding: 0 25px 0.3em 14px; font-size: 1.5em; color: #004810; border-bottom: 1px solid #ddd; letter-spacing: -1px;}
				#alternatecontent h2 {margin: 0; padding: 0 25px 0.4em 15px; font-size: 1.3em; color: #004810; }
				#alternatecontent h3 {margin: 0; padding: 0 25px 0.4em 16px; font-size: 1.2em; color: #333; }
				#alternatecontent h4 {margin: 0; padding: 0 25px 0.5em 18px; font-size: 1.1em; color: #444; }
				#alternatecontent h5 {margin: 0; padding: 0 25px 0.6em 17px; font-size: 1.0em; color: #555; }
				#alternatecontent h6 {margin: 0; padding: 0 25px 0.7em 17px; font-size: 0.9em; color: #333; font-weight: normal;}
				#alternatecontent p { margin: 0; padding: 0 25px 1.1em 20px; font-size: 0.9em; color: #222; line-height: 1.4em;} 
				#alternatecontent p.disclaimer {font-size: 0.8em; line-height: 1.2em; padding-left: 30px;}
				#alternatecontent ol, #alternatecontent ul {font-size:0.9em; margin: 0 0 0 22px; padding: 0 25px 0.9em 21px; } 
				#alternatecontent ul.none { list-style: none;} 
				#alternatecontent li { line-height: 1.2em; /*tighter than usual paragraph line spacing*/ padding-bottom: 0.4em; /* for extra padding between LIs and also to facilitate padding at the BOTTOM of the whole UL/OL */}
				
				#alternatecontent a, #alternatecontent a:link, #alternatecontent a:visited { color: #353; text-decoration: none; border-bottom: 1px solid #353;}
				#alternatecontent a:hover, #alternatecontent a:active {color: #000; border-bottom: none; text-decoration: none; }
			
			#superad { width: 680px; float: left; margin: 0; padding: 0 0 7px 0; background: #ddd;}
			
			/* ALERT IS A RED BOX FOR WEATHER EMERGENCIES/CLOSURES, DISASTERS, AND THE LIKE */
			#alert { width: 680px; float: left; padding: 0 0 7px 0; margin: 0; display: inline; background: #ddd  url(../images/background-alert-top.gif) no-repeat top left; }
				#alert_text { width: 680px; float: left; margin: 0; padding: 7px 7px 7px 0; display: inline; background: url(../images/background-alert-bottom.gif) no-repeat bottom left;}
					#alert_inner {width: 666px; float: left; margin: 0 0 0px 0; background: #d70202;  padding: 0px 7px 0px 7px; line-height: 1.5em; color: #eee; font-size: 1.0em;}
				
						.alert1 { text-transform: uppercase; font-size: 1.4em; color: #fff; font-weight: bold;}
						.alert2 { font-size: 1.2em; color: #f6f6f6; font-weight: bold; }
						.alert3 { font-size: 1.1em; color: #f0f0f0; font-weight: bold; }
						.alert4 { font-size: 1.0em; color: #e6e6e6; }
						.alert5 { font-size: 1.0em; color: #e0e0e0; font-weight: bold; }
						.alert6 { font-size: 0.9em; color: #dcdcdc; font-style: italic; }
						#alert a, #alert a:link, #alert a:visited { color: #fff; text-decoration: underline; border-bottom: none;}
						#alert a:hover, #alert a:active { color: #cc0000; text-decoration: none; border-bottom: none; background-color: #fff; }
				
			/* warning is a yellow/orange box for mild campus warnings */				
			#warning { width: 680px; float: left; padding: 0 0 7px 0; margin: 0; display: inline; background: #ddd  url(../images/background-warning-top.gif) no-repeat top left; }
			
				#warning_text { width: 680px; float: left; margin: 0; padding: 7px 7px 7px 0; display: inline; background: url(../images/background-warning-bottom.gif) no-repeat bottom left;}
				
					#warning_inner { width: 666px; float: left; margin: 0 0 0px 0; background: #ffa800;  padding: 0px 7px 0px 7px; line-height: 1.4em;  font-size: 1.1em; color: #fff; font-weight: bold;}
					
					.warning1 { text-transform: uppercase; font-size: 1.4em; color: #fff; font-weight: bold;}
					.warning2 { font-size: 1.2em; color: #fff; }
					.warning3 { font-size: 1.2em; color: #fff; }
					.warning4 { font-size: 1.2em; color: #ff0000; }
					.warning5 { font-size: 1.1em; color: #ffffff; }
					#warning a, #warning a:link, #warning a:visited { color: #fff; text-decoration: underline; border-bottom: none;}
					#warning a:hover, #warning a:active { color: #ffa800; text-decoration: none; border-bottom: none; background-color: #fff; }

			#newshead {width: 680px; float: left; margin: 0; padding: 0; display: inline; background: transparent url(../images/background-content-top.gif) no-repeat top left; height: 45px;}
				#newshead h1.spotlight {float: left; display: inline; width: 399px; margin: 7px 0 0 0; padding: 0; font-size: 2.2em; color: #004810; }
				#newshead h1.events {float: right; display: inline; width: 258px; margin: 7px 0 0 0; padding: 0; font-size: 2.2em; color: #004810; }
				
			#newsbody {width: 680px; float: left; margin: 0; padding: 0; display: inline; background: transparent url(../images/background-thing.gif) repeat-y top left;}
				#spotlight { float: left; display: inline; width: 397px; margin: 0 0 0 7px; padding: 0; border-left: 1px solid #ddd; border-right: 1px solid #ddd; background: transparent; }
				#events { float: right; display: inline; width: 258px; margin: 0 7px 0 0; padding: 0; border-left: 1px solid #ddd; border-right: 1px solid #ddd; background: transparent; }
			
				#newsbody h3 { font-size: 1.0em; color: #004810; }
				#newsbody p { font-size: 1.0em; color: #444; line-height: 1.2em; }
				
				#newsbody a, #newsbody a:link, #newsbody a:visited { color: #555; text-decoration: none; border-bottom: none;}
				#newsbody a:hover, #newsbody a:active { color: #555; text-decoration: none; border-bottom: none; background-color: #f0f0f0;}
				
				
				.story { width: 397px; border-bottom: 1px solid #ddd; margin: 0 0 6px 0; padding: 0; display: block; }
				.laststory { border-bottom: none;}
				.story h3, .laststory h3 { margin: 0; padding: 0 10px 5px 10px; }
				.story p, .laststory p { margin: 0; padding: 0 4px 6px 10px; }
				.story_icon {margin: 0 8px 4px 0; padding: 0px; float: left;}
				
				.event {width: 258px; border-bottom: 1px solid #ddd; margin: 0 0 8px 0; padding: 0; display: block;}
				.lastevent {border-bottom: none;}
				.event p, .lastevent p {margin: 0; padding: 0 10px 6px 17px; text-indent: -7px; line-height: 1.3em;}
				
			#newsfoot {width: 680px; height: 35px; float: left; margin: 0; padding: 0; display: inline; background: transparent url(../images/background-news-bottom.gif) no-repeat bottom left;}
				#spotlight-bottom { float: left; display: inline; width: 399px; margin: 5px 0 0 7px; padding: 0;}
				#events-bottom { float: right; display: inline; width: 258px; margin: 5px 7px 0 0; padding: 0; }
				#newsfoot p { margin: 9px 0 0 0; padding: 0 0 0 10px; font-size: 0.87em; color: #555; line-height: 1.3em;} 
				#newsfoot img { float: right; margin: 0; padding: 0 10px 0 0; }	
				#newsfoot a, #newsfoot a:link, #newsfoot a:visited { color: #555; text-decoration: none; border: none;}
				#newsfoot a:hover, #newsfoot a:active { color: #333; text-decoration: none; border-bottom: 1px solid #333;}			
			
    	#footer {width: 908px; margin: 0; padding: 24px 0 5px 0; background: #ddd url(../images/background-footer-top.gif) no-repeat top left; font-size: .9em;}   	
			#footer-container {width: 908px; height: 55px; margin: 0; padding: 0; color: #dadada; background: url(../images/background-footer-bottom.gif) no-repeat bottom left;}
			#footer-content {width:680px; background:#004810; padding:1px 0px;}
			
				#footer ul {padding: 0 0 7px 0; margin:0; list-style: none; width: 660px; text-align: left;}
				#footer ul.campuses {font-size: .85em;}
				#footer li {display:inline; padding: 0 8px 0 8px; margin: 0; border-right: solid 1px #e3e3e3; }
				#footer li.nobar {border-right: none; padding-right: 0; }
				
				#footer a, #footer a:link, #footer a:visited {color: #dfdfdf; border-bottom: none;}
				#footer a:hover, #footer a:active {color: #fff; border-bottom: 1px solid #fff;}
				
				#footer p {padding:0px 0px 0px 8px; margin: 0; font-size: .85em; margin:0px;}
				
				#footer .hide {color: #004810;}
				
/* for "two-column" unordered lists */
ul.double {width: 620px; float: left; display: inline ; margin: 0 0 10px 30px !important; padding: 0 !important; list-style: none ; overflow:hidden;}
ul.double li { float: left; width: 300px; background: url(../images/bullet.gif) no-repeat 0 5px; padding: 0 0 0 10px;}	



/** the float clearing procedure - let IE keep doing it wrong: it ignores this fix. Firefox will need its float cleared. */
/** Don't worry about ie/mac **/
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.story:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

/* These are standard sIFR styles... do not modify */
.sIFR-flash { visibility: visible !important; margin: 0; }
.sIFR-replaced { visibility: visible !important; }
span.sIFR-alternate { position: absolute; left: 0; top: 0; width: 0; height: 0; display: block; overflow: hidden; }
.sIFR-flash + div[adblocktab=true] { display: none !important; }
/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */
.sIFR-hasFlash h1.spotlight, .sIFR-hasFlash h1.events { visibility: hidden; letter-spacing: -6px; font-size: 50px;}
.sIFR-hasFlash dt.replace { visibility: hidden; letter-spacing: -6px; font-size: 35px; }

/*slideshow styles*/
div.ssbox{
    width: 300px;
    padding:0px;  
    margin:20px 20px 10px 17px;
		padding:0px;
		border:1px solid #dddddd;  
    background-color:white;
		visibility:hidden;
		float:right;
		clear:right;
}
#blankslate div.ssbox h3 {margin:0px; padding:5px 0px 10px 5px; font-size:120%; display:block; width:215px; color:#2d2d2d; border-right:1px solid #dddddd; float:left;}
#blankslate div.ssbox p.imagecount {float:left; display:block; width:79px; margin:0px; padding:5px 0px 0px 0px; text-align:center; background:#eaeaea;}
#blankslate div.ssbox div.sscaption {display:block; width:220px; border-right:1px solid #dddddd; border-left:1px solid #dddddd; float:left; min-height:73px;}
#blankslate div.shortcaption div.sscaption {display:block; width:220px; border-right:1px solid #dddddd; border-left:1px solid #dddddd; float:left; min-height:39px;}


#blankslate div.ssbox div.sscaption p{margin:0px; padding:3px 3px 3px 3px; min-height:67px; display:block;}
#blankslate div.shortcaption div.sscaption p{margin:0px; padding:3px 3px 3px 5px; min-height:33px;}
#blankslate div.ssbox div.ssprevious {display:block; float:left; width:38px;}
#blankslate div.ssbox div.ssnext {display:block; float:left; width:39px;}


#blankslate div.ssbox div.ssnext a, #blankslate div.ssbox div.ssprevious a {border:none; display:block; padding:22px 0px 0px 7px; height:51px;}
#blankslate div.ssbox div.ssnext a span, #blankslate div.ssbox div.ssprevious a span {display:block; height:27px; width:21px; text-indent:-917em; overflow:hidden; margin:auto 0px; cursor:pointer}

#blankslate div.shortcaption div.ssnext a, #blankslate div.shortcaption div.ssprevious a{padding:6px 0px 0px 7px; height:33px;}

#blankslate div.ssbox div.ssnext a:link span, #blankslate div.ssbox div.ssnext a:visited span {background-image:url(../images/ss-arrows.gif); background-repeat:no-repeat; background-position:100% 100%;}
#blankslate div.ssbox div.ssnext a:hover span, #blankslate div.ssbox div.ssnext a:active span {background-image:url(../images/ss-arrows.gif); background-repeat:no-repeat; background-position:0% 100%;}

#blankslate div.ssbox div.ssprevious a:link span, #blankslate div.ssbox div.ssprevious a:visited span {background-image:url(../images/ss-arrows.gif); background-repeat:no-repeat; background-position:0% 0%;}
#blankslate div.ssbox div.ssprevious a:hover span, #blankslate div.ssbox div.ssprevious a:active span {background-image:url(../images/ss-arrows.gif); background-repeat:no-repeat; background-position:100% 0%;}


div.pics {  
    height:  225px;  
    width:   300px;
		overflow:hidden;
		border-top:  1px solid #dddddd;
		border-bottom:  1px solid #dddddd;
		clear:left;
}
 
.pics img {      
    width:  300px; 
    height: 225px; 
}

pre.code { display:none }
div.ssnav {width:232px; background:#FFCC99; margin-left:15px;}
ul.ssnav{list-style-type:none; margin:0px 0px 0px 15px !important; padding:0px !important; display:block;}
ul.ssnav li {float:left; margin-right:5px;}
/*end slideshow styles*/

/*media box */
div.mediaBox {float: right; margin: 15px; padding: 15px 15px 0 15px; border: 1px solid #ddd; width:300px;}

/*icon styles*/
.icon-video {background-image:url(../images/icons/film.png); background-repeat:no-repeat; padding-left:20px;}
.icon-pdf {background-image:url(../images/icons/page_white_acrobat.png); background-repeat:no-repeat; padding-left:20px;}
.icon-word {background-image:url(../images/icons/page_white_word.png); background-repeat:no-repeat; padding-left:20px;}
.icon-excel {background-image:url(../images/icons/page_white_excel.png); background-repeat:no-repeat; padding-left:20px;}
.icon-powerpoint {background-image:url(../images/icons/page_white_powerpoint.png); background-repeat:no-repeat; padding-left:20px;}
.icon-audio {background-image:url(../images/icons/music.png); background-repeat:no-repeat; padding-left:20px;}
.icon-image {background-image:url(../images/icons/image.png); background-repeat:no-repeat; padding-left:20px;}
.icon-story {background-image:url(../images/icons/page_white_text.png); background-repeat:no-repeat; padding-left:20px;}

#blankslate p.icon-video, #blankslate p.icon-pdf, #blankslate p.icon-word, #blankslate p.icon-excel, #blankslate p.icon-powerpoint, #blankslate p.icon-audio, #blankslate p.icon-image, #blankslate p.icon-story  {margin-left:18px; background-position:0px 0px;}

#blankslate div.bannerBox li.icon-video, #blankslate div.bannerBox .icon-pdf, #blankslate div.bannerBox .icon-word, #blankslate div.bannerBox .icon-excel, #blankslate div.bannerBox .icon-powerpoint, #blankslate div.bannerBox .icon-audio, #blankslate div.bannerBox .icon-image, #blankslate div.bannerBox .icon-story  {padding-left:22px; background-position:0px 0px;}

#blankslate div.sideBox li.icon-video, #blankslate div.sideBox .icon-pdf, #blankslate div.sideBox .icon-word, #blankslate div.sideBox .icon-excel, #blankslate div.sideBox .icon-powerpoint, #blankslate div.sideBox .icon-audio, #blankslate div.sideBox .icon-image, #blankslate div.sideBox .icon-story  {padding-left:22px; background-position:0px 0px;}

#campaign {float:right; margin:0px; padding:0px; width:221px; height:70px; background:#DDDDDD;}


/*table sorter*/
table.tablesorter, table.tablesorter th, table.tablesorter td {border:1px solid #999999; border-collapse:collapse;}
table.tablesorter thead tr .header {
	background-image: url(../images/bg.gif); /* note by adam: whoever put this here was using ../images/bg.gif and it was failing... */
	background-repeat: no-repeat;
	background-position: center right;
	cursor: pointer;
	padding-right:25px;
}

/*tab styles*/
#tabArea div#events {margin-right:0px !important;}
#tabArea h1{padding:0px; margin:0px; border:0px;}
#tabArea .story h3 {padding:25px 10px 3px 0px; font-size:90%; font-weight:bold;}
#tabArea .story h3 a {text-decoration:none !important;}
#tabArea .story img{float:left; margin:4px 6px 4px 1px;}
#tabArea h2 {padding-left:5px; }
#tabArea h3 {padding-left:5px;}
#tabArea h4 {padding-left:5px;}
#tabArea h5 {padding-left:5px;}
#tabArea p {padding-left:12px;}
#tabArea p a {text-decoration:none;}
#tabArea div#tabs div ol, #tabArea div#tabs div ul {font-size:100%; line-height:125%; padding:0px 0px 5px 30px; margin:0px;}


#tabArea #spotlight-bottom img, #tabArea #events-bottom img {padding:0px 7px 0px 0px; position:relative; top:2px;}


/*********************tabs****************************/
#tabArea {padding:10px 3px 10px 0px; position:relative; margin:0px 15px 0px 15px}
.ui-tabs-hide { display: none; }
/* Skin */
.ui-tabs-nav, .ui-tabs-panel {
    /*font-family: "Trebuchet MS", Trebuchet, Verdana, Helvetica, Arial, sans-serif;*/
    /*font-size: 18px;*/
}
.ui-tabs-nav {
    list-style: none;
    margin: 0 !important;
    padding: 0 0 0 15px !important;
}
.ui-tabs-nav:after { /* clearing without presentational markup, IE gets extra treatment */
    display: block;
    clear: left;
    content: " ";
}
.ui-tabs-nav li {
    display:block;
		float: left;
    margin: 0 0 0 2px !important;
    font-weight: bold;
		padding:0px !important;
}
.ui-tabs-nav a, .ui-tabs-nav a span {
    float: left; /* fixes dir=ltr problem and other quirks IE */
    padding: 0 12px;
		font-size: 16px;
}
.ui-tabs-nav a {
    margin: 5px 0 0; /* position: relative makes opacity fail for disabled tab in IE */
    padding-left: 0;
    /*background-position: 100% 0;*/
    text-decoration: none;
    white-space: nowrap; /* @ IE 6 */
    outline: 0; /* @ Firefox, prevent dotted border after click */    
		background:#F3F3F3;
		border:1px solid #DDDDDD;
		border-bottom-width:0px !important;
		height:23px;
		zoom:1;
		position:relative;
		z-index:50;
}
.ui-tabs-nav a:link, .ui-tabs-nav a:visited {
    color: #419639;
		border-bottom-width:0px;		
}
.ui-tabs-nav .ui-tabs-selected a, .ui-tabs-nav .ui-tabs-selected a:hover, .ui-tabs-nav .ui-tabs-selected a:active, .ui-tabs-nav .ui-tabs-selected a:visited{
		background:white !important;
		height:24px;
		color: #0f5826 !important;
		border-bottom-width:0px;
}
.ui-tabs-nav a span {
    padding-top: 1px;
    padding-right: 0;
    height: 20px;
    background-position: 0 0;
    line-height: 20px;
}
.ui-tabs-nav .ui-tabs-selected a span {
}
.ui-tabs-nav .ui-tabs-selected a:link, .ui-tabs-nav .ui-tabs-selected a:visited,
.ui-tabs-nav .ui-tabs-disabled a:link, .ui-tabs-nav .ui-tabs-disabled a:visited { /* @ Opera, use pseudo classes otherwise it confuses cursor... */
   cursor: text;
	 zoom:1;
}
.ui-tabs-nav a:hover, .ui-tabs-nav a:focus, .ui-tabs-nav a:active,
.ui-tabs-nav .ui-tabs-unselect a:hover, .ui-tabs-nav .ui-tabs-unselect a:focus, .ui-tabs-nav .ui-tabs-unselect a:active { /* @ Opera, we need to be explicit again here now... */
		cursor:pointer;
		background:#6e6e6e;
		color:white;
}
.ui-tabs-disabled {
    opacity: .4;
    filter: alpha(opacity=40);
}
.ui-tabs-nav .ui-tabs-disabled a:link, .ui-tabs-nav .ui-tabs-disabled a:visited {
    color: #000;
}
.ui-tabs-panel {
    position:relative;
		top:-1px;
		border: 1px solid #DDDDDD;
    padding: 10px;
    background: #fff; /* declare background color for container to avoid distorted fonts in IE while fading */
		height:1%
}
/*.ui-tabs-loading em {
    padding: 0 0 0 20px;
    background: url(loading.gif) no-repeat 0 50%;
}*/

/* Additional IE specific bug fixes... */
* html .ui-tabs-nav { /* auto clear @ IE 6 & IE 7 Quirks Mode */
    display: inline-block;
}
*:first-child+html .ui-tabs-nav  { /* auto clear @ IE 7 Standards Mode - do not group selectors, otherwise IE 6 will ignore complete rule (because of the unknown + combinator)... */
    display: inline-block;
}
