@charset "utf-8";
/* CSS Document */

/*
																		
		^1			LAYOUT 												
		---------------------------------------------------------------	
		~1.1		Header 												
		~1.2		Optional Global Links for Header 					
		~1.3		Column structure 									
		~1.4		Third-Level Designation 							
		~1.5		Skip Navigation 									
		~1.6		Primary navigation 									
		~1.7		Left Sidebar 										
		~1.8		Right Sidebar 											
		~1.9		Left column navigation 								
		~1.10 		Breadcrumbs 										
		~1.11		Forms 														
		~1.12		Search 													
		~1.13		Footer 												
		~1.14		Site Tools 											
		~1.15		Misc Layout Styles 									
																		
																		
		^2 			CONTENT 												
		-----------------------------------------------------------		
		~2.2		Headings 											
		~2.3		Tables 												
		~2.4		Images 												
		~2.5		Link and Anchor Styles 								
		~2.6		List Styles 										
		~2.7		Misc Text Styles 									
																		
																		
		^3 			PAGE ELEMENTS										
		---------------------------------------------------------------	
		~3.1		News Items, Spiff General Anchor Styles 			
		~3.2		jQuery Slider 										
		~3.3		RSS Feed 											
		~3.4		Buttons 											
		~3.5		Right column callouts 								
		~3.6		Calendar Widget/Spiff 								
		~3.7		Well Section Elements 								
		~3.8		Content Well Section Lists 							
		~3.9		Accordion Lists 									
		~3.10		Departments A - Z														
		~3.11		Today and Tomorrow 														
		~3.12		Columned List Group 													
		~3.13		Show/Hide All Dropdowns 												
		~3.14		Photo Carousel (Spotlight and other sections) 							
		~3.15		Horizontal Buttons 														
																							
																							
*/
							

/*****************************************************************************
			^1	LAYOUT STYLES
******************************************************************************/


/* Resets are used to reduce inconsistencies in browser margins, heights, font sizes, etc. */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin:0;
	padding:0;
	border:0;
	outline:0;
	vertical-align:baseline;
	background:transparent;
	font-size: 100%;
	}

body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color:#666;
	font-size: small;
	text-align: center; /* this centers the container in IE 5* browsers. */
	}

html, body {
	height: 101%;
	}

.skiplink {
	display: none;
	}

#container {
	background: #fff;
	width: 924px;
	margin: 0 auto;
	padding: 0 18px;
	text-align: left;
	min-height:1200px; 
	min-width:924px;
	}

/*********     ~1.1	Header     **************************************************/

#header {
	height: 100px;
	position: relative;
	}

#header h1#unc-logo {
	position: relative;
	top: 14px;
	margin: 0;
	}

#header h1#unc-logo a {
	position: absolute;
	display: block;
	}

#header h1#unc-logo a span.logo_unc {
	border: 0;
	text-decoration: none;
	display: block;
	width:265px;
	height:73px;
	background:url(images/import/logo_unc_main_png.png) no-repeat left top;
	}

#header h1#unc-logo span {
	display: none;
	}
	
/*********     ~1.2	Optional Global Links for Header     ****************************/

div#headerGlobalLinks{	
	padding: 6px 0;
	float: right;
	text-align: right;
	width: 650px;
}

div#headerGlobalLinks ul li{
	display:inline;
	list-style-type:none;
	padding:0 20px 0 8px;
	margin: 0;
	font-size: 85%;
	}

div#headerGlobalLinks ul li.last {
	padding-right: 0px;
	}
	
/*********     ~1.3	Column structure     ********************************************/	
	
/* Content for Three Column Layout */
#content-lr {
	margin: 0 auto;
	padding: 0 13px;
	float: left;
	width: 538px;
	background: #fff;
	}

/* Content for Two Column Layout (Sidebar Left) */
#content-l {
	margin: 0 auto;
	padding-left: 13px;
	float: left;
	width: 711px;
	background: #fff;
	}
	
/* Content for Two Column Layout (Sidebar Right) */
#content-r {
	margin: 0 auto;
	padding: 0 13px 0 0;
	float:left;
	width: 751px;
	background: #fff;
}

/* Content for One Column Layout */
#content {
	margin: 0 auto;
	padding: 0;
	float: left;
	width: 924px;
	background: #fff;
	}

/* Content-well is used to apply styles across each layout option (content-lr, content-l, content, etc.)  */
#content-well {
	margin: 0;
	padding: 0;
	/*min-height: 360px;*/
	padding: 0 8px;
	line-height: 1.5em;
	}

/* 2 Column Layout with Hero Graphic  */
#content-leftcol {
	float:left;
	padding: 0;
	margin: 10px 0;
	width:490px;
	}

#content-rightcol {
	float:right;
	margin: 10px 0;
	padding:0;
	width:200px;
	}

div#content-well #content-rightcol ul {
	margin: 0px;
	padding-left: 0px;
	}
	
div#content-well #content-rightcol ul li {
	margin:8px 5px 0;
	padding-left:12px;
	font-size: 85%;
	}

/*********     ~1.4	Third-Level Designation     ****************************************/

#third-level-banner {
	height: 63px;
	width: 924px;
	margin: 0 0 10px 0;
	background: #3c3c3c url(images/import/img_unc_third-banner_bg.jpg) no-repeat top center;
	}

#third-level-banner a, #third-level-banner a:link, #third-level-banner a:visited, #third-level-banner a:hover {color:#ffffff;}

/*********     ~1.5	Skip Navigation     ************************************************/

div#skip-navigation {
   display: none;
	}

/*********     ~1.6	Primary navigation     ********************************************/

#primary_nav {
   margin: 0 0 10px 0;
   padding: 0 0 10px 0;
   border-bottom: 1px solid #D9D9D9;
	}
	
#primary_nav ul {
   width: 100%;
   overflow: hidden;
   text-align: center;
   background: #519cd1 url(images/import/primary_nav_bg_repeat_off.gif) repeat-x left bottom;
	}
	
#primary_nav ul li {
   font-size: 85%;
   float: left;
   height: 2.7em;
   padding: 0 2px 0 0;
   background: url(images/import/primary_nav_divider.gif) repeat-y right bottom;
	}
	
#primary_nav ul li a {
	padding: 0 1em;
	background:url(images/import/primary_nav_bg_repeat_off.gif) repeat-x scroll left bottom #56A0D3;
	color:#FFFFFF;
	display:block;
	height:30px;
	line-height:30px;
	text-shadow:0 0.05em 0.05em #385D80;
	}
	
#primary_nav ul li a:hover {
	background: #56a0d3 url(images/import/primary_nav_bg_repeat_on.gif) repeat-x left bottom;
	}

/*********     ~1.7	Left Sidebar     ************************************************/

#left-col {
	clear: both;
	float: left;
	width: 200px;
	padding: 0;
	}

/*********     ~1.8	Right Sidebar     ************************************************/

#right-col {
	float: right;
	width: 160px;
	margin: 0;
	}
	
/*********     ~1.9	Left column navigation     ****************************************/

div.context-nav {
   padding: 0;
   margin: 0 0 20px 0;
	}
div.context-nav ul {
   margin: 0 0 8px 0;
	}
div.context-nav ul li {
   font-size: 85%;
   border-bottom: 1px solid #d8d8d8;
   line-height: 1.4em; 
	}
div.context-nav ul li a {
   display: block;
   padding: 10px 8px;
	}
div.context-nav ul li a:hover,
div.context-nav ul li a.active {
   background-color: #56a0d3;
   color: #fff;
	}
div.context-nav ul li ul li {
   font-size: 100%;
   display:inline;
	}
div.context-nav h2 {
   margin: 0;
	}

div.context-nav ul li ul {
	margin-left: 20px;
	padding-left: 4pt;
	list-style-type: none;
	}


/* Left Column Navigation - Second Level */

div.context-nav ul li ul li {
	font-weight: normal;
	border-bottom: none;
	}

div.context-nav ul li ul li a {
	background: transparent url(images/import/img_unc_menu_bg-arrow.gif) no-repeat 0 .4em;
	padding: 0 0 2px 8px;
	display: block;
	}

div.context-nav ul li ul li a:hover {
	background: transparent url(images/import/img_unc_menu_bg-arrow.gif) no-repeat 0 .4em;
	text-decoration: underline;
	color: #5C8CBB;
	}

div.context-nav ul li ul li ul {
	margin-left: 4pt;
	padding-left: 4pt;
	list-style-type: none;
	}


/* Left Column Navigation - News Items */

div.context-nav.news-items ul {
   margin: 0 0 8px 0;
   border-bottom:0px solid #fff;
	}
	
div.context-nav.news-items ul li {
   border-bottom: 1px solid #d8d8d8;
   border-top: 0px solid #fff;
	}
	
div.context-nav.news-items ul li.first_li {
   border-bottom: 0px solid #cbcbcb;
   border-top: 0px solid #fff;
	}
	
div.context-nav.news-items ul li.last_li {
   border-bottom: 0px solid #cbcbcb;
   border-top: 0px solid #fff;
	}
	
div.context-nav.news-items h2 {
   margin: 0;
	}


/*********     ~1.10	Breadcrumbs     ********************************************************/	

#breadcrumbs {
	margin:0 0 10px 0;
	border-bottom: 1px solid #D9D9D9;
	padding: 0 0 10px 0;
	}
	
div#breadcrumbs ul {
	margin: 0;
	padding: 0;
	line-height: 1.82em;
	float: left;
	width: 660px;
	}

div#breadcrumbs ul.breadcrumbs-edu {
	width: 760px;
	line-height: 1.82em;
	}

#breadcrumbs ul li {
	font-size: 85%;
	display: inline;
	margin-top: 2px;
	}
	
	
/*********     ~1.11	Forms     **************************************************/

div#content-well fieldset {
   margin: 20px 10px;
   padding: 20px;
   border: 1px solid #ccc;
}

div#breadcrumbs fieldset {
   margin: 10px;
   padding: 20px;
   border: 1px solid #ccc;
}

div.context-nav fieldset, div#breadcrumbs fieldset {
   margin: 10px 0;
   padding:0;
   border: none;
}

div#breadcrumbs fieldset {
   color: #666;
   margin: 0px 5px;
   padding: 0px 5px;
   font-size: 123.1%;
   font-weight: bold;
}

div#breadcrumbs fieldset {
   color: #666;
}

div#content-well input,
div#content-well select,
div#content-well textarea,
div#breadcrumbs input,
div#breadcrumbs select,
div#breadcrumbs textarea {
   font-size: 85%;
   border-top:1px solid #c4c4c4;
   border-right:1px solid #aeaeae;
   border-bottom:1px solid #aeaeae;
   border-left:1px solid #c4c4c4;
   padding:2px;
   color:#666;
   font-family: Verdana, Arial, Helvetica, sans-serif;
   line-height: 1.82em;
}

div#content-well input {line-height: normal;}

div#utility_search input {
   font-size: 110%;
   border-top:1px solid #c4c4c4;
   border-right:1px solid #aeaeae;
   border-bottom:1px solid #aeaeae;
   border-left:1px solid #c4c4c4;
   padding:4px;
   margin:1px 0 3px;
   color:#333;
   font-family: Verdana, Arial, Helvetica, sans-serif;
}

div#utility_search input.search_submit, div#utility_search input.input_radio, input.input_radio {
   border: none;
}

div#content-well select, div#breadcrumbs select {
   width:20.4em;
}

div#content-well option {   
}

div#content-well optgroup {
   border: none;
}

div#content-well textarea, div#breadcrumbs textarea {
   height:11em;
   width:30.77em;
}

div#content-well label, div#content-well .group-label {
   color:#666;
   font-weight: bold;
   font-size: 80%;
}

span.required {
	color: #cc0000;
}

div.context-nav label {
   color:#56a0d3;
   padding:2px 0;
   width:100%;
}

div#content-well label.left_justified {
   text-align:left;
}

label.utility_inline {
   width: 8em;
   font-size:100%;
   color:#5c8cbb;
   text-align: left;
}

label.utility_searchtext {
   display:none;
}

div#content-well legend {
   padding: 0 8px;
   color:#56a0d3;
   font-size:108%;
   font-weight: bold;
}

input.input_text {
	width: 158px;
}

input.search_text.utility {
	width: 152px;
}

input.input_radio, input.input_checkbox {
   width: 14px;
   height:1.82em;
   border:none;
   margin:0 5px 0 0;
   padding:0;
   vertical-align:middle;
}

input.input_submit, input.input_button, input.input_reset {
	width:7em;
}


/*********     ~1.12	Search     ************************************************************/

#breadcrumbs form {
	float: right;
	margin: 0;
	padding: 0;
	}

#breadcrumbs input.searchField {
	margin: 0 8px 0 0;
	width: 16em;
	padding: 4px;
	line-height: 1em;
	font-size: 88%;
	}

#breadcrumbs input.searchButton {
	width: 34px;
	margin: 0;
	padding: 3px;
	line-height: normal;
	}
	

/*********     ~1.13	Footer     ********************************************************/

#footer, #footer_secondary {
	width: 100%;
	padding: 0;
	margin: 20px auto;
	float: left;
	border-top:1px solid #cbcbcb;
	color:#666;
	text-align:center;
	clear: both;
	}

#footer_secondary {
	background: url(images/import/ccm1_022604.jpg) repeat-x bottom;
	border-top: none;
	margin: 20px auto -21px auto; /*-20px margin is to remove the global footer's top margin and border */
	}

#footer ul{
	margin:10px 0;
	}

#footer ul li, #footer_secondary ul li{
	font-size: 85%;
	}

#footer ul li {
	display:inline;
	border-left:1px solid #4993c9;
	}

#footer_secondary ul {
	margin: 0;
	padding: 0 0 6px 0;
	float: left;
	}

#footer_secondary ul li {
	display:inline;
	border: none;
	margin: 0;
	padding: 0;
	}

#footer_secondary ul li.sitemap {
	background: url(images/import/img_research_icon-sitemap.gif) no-repeat 0% 50%;
	padding-left: 12px;
	}

#footer ul li.first_li, #footer_secondary ul li.first_li {
	border:none;
	}

#footer ul li a, #footer_secondary ul li a {
	padding:0 1.15em;
	color:#4993c9;
	}

#footer ul li a:hover, #footer p a:hover, #secondary-footer a:hover {
	color:#666;
	}

#footer p.copyright {
	font-size:77%;
	}
	
#footer_secondary2 {
	background:url(images/import/ccm1_017582.jpg) repeat-x scroll center bottom #F8F8F8;
	margin-top:16px;
	width:100%;
	border-top:1px solid #E0E0E0;
	font-size:85%;
	height:auto !important;
	line-height:1.3em;
	margin:0 auto 8px;
	min-height:97px;
	padding:0 0 2px 0;
	text-align:left;
	display: inline-block;
	position:relative;
	top: 28px;
}

#footer_secondary2 h5 {
	border:medium none;
	color:#666666;
	display:block;
	font-size:100%;
	letter-spacing:0.03em;
	margin:2px 0 3px;
	text-transform:uppercase;
}

#footer_secondary2 p {
	margin: 4px 0 0 0;
	line-height: 1.6em;
}

#footer_secondary2 ul li {
	margin-bottom:2px;
}

#f_left {
	float:left;
	padding: 10px;
	width:186px !important;
}
	
#f_ctr-left {
	float:left;
	padding:10px;
	width:150px !important;
}	

#f_center {
	float:left;
	padding:10px;
	width:150px !important;
}
 
#f_ctr-right {
	float:left;
	padding:10px;
	width:150px !important;
}

#f_right {
	float:left;
	padding:10px;
	width:150px !important;
}
	
/* Global Footer Social Media Icons */

#social-list-container { 
	margin: 0 auto;
	width: 640px;
	}

#social-list-container p.copyright { 
	float: left;
	padding-right: 6px;
	}

ul#social-list {
	list-style-type: none;
	margin: 2px 0 0 0;
	padding: 0;
	border: none;
	float: left;
	width: 112px;
	}

ul#social-list  li {
	float: left;
	border: none;
	padding: 0 5px;
	margin: 0;
	}

ul#social-list li a {
	display: block;
	padding: 0;
	}

ul#social-list li a span {
	position: absolute;
	left: -9999px;
	}

#social-list li a {
	width: 18px;
	height: 18px;
	}

#social-list li#youtube a {
	background: url(images/import/icons_sprite.png) no-repeat -2px -75px; 
	}

#social-list li#youtube a:hover {
	background: url(images/import/icons_sprite.png) no-repeat -22px -75px;
	}

#social-list li#twitter a {
	background: url(images/import/icons_sprite.png) no-repeat -2px -56px;
	}

#social-list li#twitter a:hover {
	background: url(images/import/icons_sprite.png) no-repeat -20px -56px;
	}

#social-list li#facebook a {
	background: url(images/import/icons_sprite.png) no-repeat -2px -19px;
	}

#social-list li#facebook a:hover {
	background: url(images/import/icons_sprite.png) no-repeat -20px -19px;
	}

#social-list li#itunes a {
	background: url(images/import/icons_sprite.png) no-repeat -2px -38px;
	}

#social-list li#itunes a:hover {
	background: url(images/import/icons_sprite.png) no-repeat -21px -38px; 
	}	


/*********     ~1.14	Site Tools     ****************************************************/

div#breadcrumbs ul#text_resizer, ul#text_resizer {
   float:right;
   margin:0 0 2px 0;
   position:relative;
   height:2em;
   width: 100px;
	}
   
div#content-well ul#text_resizer {
	margin-bottom: 4px;
	margin-top: 0;
	}

.resize-hero {
	margin: 0px;
	padding: 0px;
	line-height: normal;
	height: 0;
	}

.tools, .tools-main {
	color:#828282;
	float:right;
	font-size:8pt;
	letter-spacing:normal;
	line-height:normal;
	padding:0 0 0 8px;
	width:118px;
	margin-left:12px;
	}

.tools-main div {
	width: 16px;
	height: 16px;
	margin-right: 4px;
	}

.tools-main div a span, .tools-main div span {
	position: absolute;
	left: -9999px;
	}

#tools_label {
	position:relative;
	top:8px;
	}

#minustext, #plustext {
	cursor:pointer;
	position:relative;
	top:-8px;
	float:right;
	padding:0 4px 0 0;
	}

#plustext {
	background: url(images/import/icons_sprite.png) no-repeat -20px -2px; 
	}

#minustext {
	background: url(images/import/icons_sprite.png) no-repeat -1px -2px; 
	}

#print {
	border-left:1px solid #CCCCCC;
	float:right;
	margin: 4px 0 0 4px;
	padding:2px 0px 4px 8px;
	width: 24px;
	height: 14px;
	padding: 2px 0 4px 8px;
	}

#print a {
	width: 16px;
	height: 16px;
	display: block;
	background: url(images/import/icons_sprite.png) no-repeat -2px -93px;
	}
	

.top {
	float: right;
	font-size: 85%;
	padding: 5px 10px 0 0;
	}
	
/*********     ~1.15	Misc Layout Styles     ********************************************/

.Left {
	float:left;
	margin:0 16px 6px 0;
	}

.Right {
	float:right;
	margin:0 0px 6px 16px;
	}
	
.alignLeft {
	float: left;
	margin: 0 8px 5px 0;
	}

.alignRight {
	float: right;
	margin: 0 0 5px 8px;
	}
	
.clearfix, .clearleft, .clearright {
	height:0;
	font-size:0.01em;
	line-height:0.01em;
	}
	
.clearfix {
	clear:both;
	}
	
.clearleft {
	clear:left;
	}
	
.clearright {
	clear:right;
	}

#weather-feed-div ul div img {
	width: 48px;
	height: 48px;
	float: right;
	}

#news-feed-div ul li a {
	display: inline-block;
	display: block;
	color:#666;
	text-decoration:none;
	line-height:1.53em;
	}

#news-feed-div ul li a:hover {
   text-decoration: underline;
   color:#5c8cbb;
   background:none;
}

#alert-feed-div div.alert-feed-div-inner {

}

#alert-feed-div div.alert-feed-div-inner > div {
	padding: 24px 8px 0 144px;
	width: 772px;
	height: 50px;
	text-align: center;
	font-weight: bold;
	font-size: 120%;
	font-family: Arial, Verdana, sans-serif;
	margin: 3px 0 10px 0;
	background: url(images/import/alertcarolina-yellow-924x74.jpg) no-repeat;
}

#alert-feed-div div.alert-feed-div-inner > div.adverse-weather-alert {
	padding: 24px 8px 0 24px;
	width: 892px;
	height: 50px;
	text-align: center;
	font-weight: bold;
	font-size: 120%;
	font-family: Arial, Verdana, sans-serif;
	margin: 3px 0 10px 0;
	background: url(images/import/alertcarolina-blue-924x74.jpg) no-repeat;
}
	
#alert-feed-div div.alert-feed-div-inner a {
	color: #cc0000;
}

#alert-feed-div div.alert-feed-div-inner div.adverse-weather-alert a {
	color: #ffffff;
}


		

/*****************************************************************************
			^2	CONTENT
******************************************************************************/


/*********     ~2.2	Headings     **************************************/

h1 {
   font-size:197%;
   font-weight:normal;
   font-family: Georgia, "Times New Roman", Times, serif;
   margin: 0 0 12px 0;
   line-height: 1.2em;
   color:#56a0d3;
	}

h2 {
	margin: 14px 0 8px 0;
	font-size:85%;
	padding:5px 8px;
	line-height:1.4em;
	font-weight:bold;
	color:#fff;
	text-transform:uppercase;
	text-shadow:#4f7eac 0 0.05em 0.05em;
	background: #56a0d3 url(images/import/h2_bg_repeat.gif) repeat-x left bottom;
	border-top: #9bbdde solid 1px;
	position:relative;
	}

#header h2 {
	background: none;
	float: right;
	font-family: Georgia, "Times New Roman", Times, serif;
	letter-spacing: 0.04em;
	padding: 26px 0 0 0;
	margin:0;
	color: #4a4a4a;
	font-weight: normal;
	font-size: 220%;
	text-transform: none;
	text-shadow: none;
	border: none;
	}

#left-col h2, #right-col h2 {
	margin: 0 0 8px 0;
	}

div#left-col div.context-nav h2 {
	margin: 0;
	}

#header h2 a, #header h2 a:link, #header h2 a:visited, #header h2 a:hover {
	text-decoration: none;
	color: #4a4a4a;
	}

#header h2 a:hover {
	color: #000;
	text-decoration: none;
	}

h3 {
   font-size:108%;
   color:#56a0d3;
   margin: 14px 0 4px 0;
	}

#third-level-banner h3 {
	font-family: georgia, verdana, arial;
	background: none;
	margin: 0;
	padding: 10px 0 0 16px;
	font-size: 200%;
	color: #fff;
	font-weight: normal;
	text-shadow:0 0.05em 0.05em #000;
	text-transform: none;
	}

div#content-well h3 {
	margin: 14px 0 4px 0;
	}

h4 {
   margin:0;
   padding:0;
   line-height:2.91em;
   font-weight:normal;
   color:#56a0d3;
   font-size:85%;
   text-transform:uppercase;
	}
	
.dropdown_group h4 {
   background:url(images/import/h4_bg_repeat.gif) repeat-x left top;
	}
	
h5 {
   font-weight:bold;
	}
div#content-well h5 {
   margin: 0;
	}
	
h6 {
   text-transform:uppercase;
   color:#56a0d3;
	}
	
div#content-well h6 {
   margin: 0;
	}

hr {
   background-color:#d8d8d8;
   border:none;
   height:1px;
	}

p {
	line-height:1.5em;
	margin:4px 0 10px 0;
	}

#right-col p {
   font-size: 85%;
    margin:4px 0 10px 0;
	}

div#content-well p.intro {
	line-height:2.2em;
	margin:0 8px 10px 8px;
	}
	
/*********     ~2.3	Tables     ********************************************************/

table {
	width: 100%;
	border-collapse: collapse;
	border-top: 3px solid #bbb;
	margin: 18px 0 10px 0;
	padding-bottom: 18px;
	background-color: #fff;
	}

caption {
	font-style:italic; 
	margin: 0 8px;
	font-size: 116%;
	}

table th {
	font-weight: bold;
	text-align: center;
	padding:5px;
	}

table th,td {
	border-top: 1px solid #bbb;
	padding: .5em 1em .5em .5em;
	}

table tr:nth-child(2n+1) td {
	background-color: #eee;
	}


/*********     ~2.4	Images     ********************************************************/

img.border {
	border:1px solid #56a0d3;
	}
img {
	border:none;
	}

div.main_float_img {
	width: 280px;
	float:left;
	margin:0 15px 0 0;
	}

div.main_float_img img {
	border: 1px solid #56a0d3;
	}

img.main_float_img, span.main_float_img img {
	float:left;
	margin:0 15px 0 0;
	border: 1px solid #56a0d3;
	}

img.float_right {
	float:right;
	}
	
.heroGraphic {
	margin-bottom: 12px;
}

/*********     ~2.5	Link and Anchor Styles     ****************************************/

a {
	color:#56a0d3;
	text-decoration:none;
	outline:none;
	}
	
a:hover {
   text-decoration:none;
	}
	
div#content-well a:hover {
   text-decoration:underline;
	}
	
h2 a {
   color:#fff;
   cursor:pointer;
	}
	
h4 a {
   cursor:pointer;
	}

.wordLink {
	background: transparent url(images/import/icon_doc_10x10.gif) no-repeat 100% 55%;
	padding-right: 15px;
	margin-right: 3px;
	}

.pdfLink { 
	background: url(images/import/icon_pdf_10x10.gif) no-repeat 100% 55%;
	padding-right: 15px;
	margin-right: 3px;
	}

.excelLink {
	background: url(images/import/icon_xcl_10x10.gif) no-repeat 100% 55%;
	padding-right: 15px;
	margin-right: 3px;
	}

.pptLink {
	background: url(images/import/icon_ppt_10x10.gif) no-repeat 100% 55%;
	padding-right: 15px;
	margin-right: 3px;
	}

.externalLink {
	background: url(images/import/icon_ext_10x10.gif) no-repeat 100% 55%;
	padding-right: 15px;
	margin-right: 3px;
	}

.externalWordLink {
	background: url(images/import/ccm1_016957.gif) no-repeat 100% 55%;
	padding-right: 30px;
	margin-right: 3px;
	}

.externalPDFLink {
	background: url(images/import/ccm1_016956.gif) no-repeat 100% 55%;
	padding-right: 30px;
	margin-right: 3px;
	}

.externalExcelLink {
	background: url(images/import/ccm1_016959.gif) no-repeat 100% 55%;
	padding-right: 30px;
	margin-right: 3px;
	}

.externalPPTLink {
	background: url(images/import/ccm1_016958.gif) no-repeat 100% 55%;
	padding-right: 30px;
	margin-right: 3px;
	}
	
a.jump {
   text-transform:uppercase;
	}	


/*********     ~2.6	List Styles     ****************************************************/


ul {
	list-style-type:none; 
	line-height: 1.5em;
	}
	
ul li {
	list-style-type: none;
	}

#right-col ul li {
	font-size: 85%;
	}

ul li ul li, ul li ul li ul li {
	margin: 0 0 0 15px;
	}
	
div#content-well ul {
   padding: 0px 20px;
   margin: 1em 5px;
	}

div#content-well ul li {
   background: url(images/import/img_unc_bullet1.png) no-repeat 0 .5em;
   margin: 8px 5px 0 5px;
   list-style-type: none;
   padding-left: 12px;
   }

div#content-well ul li ul li, div#content-well ul li ul li ul li {
	background: url(images/import/img_unc_bullet2.png) no-repeat 0 .5em;
	margin: 8px 5px 0 5px;
	list-style-type: none;
	padding-left: 12px;
	}

ol {
	line-height: 1.5em;
	margin: 10px 0;
	}
	
div#content-well ol,  div#content-leftcol ol,  div#content-rightcol ol {
	margin: 10px 8px;
	}

div#content-well ol li,  div#content-leftcol ol li,  div#content-rightcol ol li {
	list-style-type: decimal;
	margin: 8px 5px 0 5px;
	}
	
ol li ol li,
ol li ol li ol li,
ol li ol li ol li ol li,
ol li ol li ol li ol li ol li {
	margin:0 0 0 10px;
	font-size:100%;
	}

div#content-well ol li ol li, div#content-well ol li ol li ol li {
	font-size:100%; 
	}

div#content-well ol,  div#content-leftcol ol,  div#content-rightcol ol {
	line-height: 1.5em;
	padding: 10px 5px;
	padding: 0px 20px;
	margin: 1em 5px;
	}
	
div#content-well ol li ol li { 
	list-style-type: lower-alpha; 
	}
	
div#content-well ol li ol li ol li { 
	list-style-type: lower-roman; 
	}
	
ul li ul li,
ul li ul li ul li,
ul li ul li ul li ul li,
ul li ul li ul li ul li ul li {
	margin:0 0 0 0;
	}
	
/* Default ordered list style is decimal. To set the list style,
   add any of the following classes to the containing OL:

a,b,c,d,etc.-----(lower alpha)-----add class 'list_lower_alpha'
A,B,C,D,etc.-----(upper alpha)-----add class 'list_upper_alpha'
i,ii,iii,iv,etc.-----(lower roman)-----add class 'list_lower_roman'
I,II,III,IV,etc.-----(upper roman)-----add class 'list_upper_roman'

*/
div#content-well ol.list_lower_alpha li {
   list-style-type:lower-alpha;
	}
	
div#content-well ol.list_upper_alpha li {
   list-style-type:upper-alpha;
   margin:0 0 0 11px;
	}
	
div#content-well ol.list_lower_roman li {
   list-style-type:lower-roman;
   margin:0 0 0 13px;
	}
	
div#content-well ol.list_upper_roman li {
   list-style-type:upper-roman;
   margin:0 0 0 13px;
	}
	
/*********     ~2.7	Misc Text Styles     ********************************************/
	
blockquote {
   margin:5%;
   font-size:130%;
   color:#56a0d3;
	}
	
blockquote cite {
   display: block;
   text-align: right;
	}

dl {
   margin: 0px 0px 10px 0px;
   padding: 0px;
	}
	
dt {
   padding-left: 5px;
   margin-top: 10px;
   font-weight: bold;
	}
	
dd {
   padding: 5px;
   margin-left: 40px;
	}

sup {
   vertical-align:super;
	}
	
sub {
   vertical-align:sub;
	}
	
strong, b {
   font-weight:bold;
	}
	
i, em {
   font-style:italic;
	}
	
dfn {
   color:#56a0d3;
   font-weight:bold;
   margin:10px 0;
	}
	
abbr {
   text-transform:uppercase;
   margin:10px 0;
	}
	
cite {
   font-style:italic;
   margin:10px 0;
	}
	
code, pre {
   margin:10px 0;
   display:block;
   line-height:1.5em;
	}
	
div#content-well code,
div#content-well pre {
   margin: 10px 8px;
	}
	
address {
   line-height:1.5em;
   margin:10px 0;
	}
	
div#content-well address {
   margin: 10px 8px;
	}
.mobile { display: none; }
  

/*****************************************************************************
			^3	PAGE ELEMENTS
******************************************************************************/

/*********     ~3.1	News Items, Spiff General Anchor Styles     **********/

div.context-nav.news-items ul li a, div.spiff ul li a {
   display: inline-block;
   display: block;
   color:#666;
   text-decoration:none;
   line-height:1.53em;
	}
	
div.context-nav.news-items ul li a:hover, div.spiff ul li a:hover {
   text-decoration: underline;
   color:#56a0d3;
   background:none;
	}
	
div.context-nav.news-items ul li a.bottom, div.spiff ul li a.bottom {
   display: block;
   padding: 6px 8px;
   color:#56a0d3;
   text-decoration:none;
   text-transform:uppercase;
	}
	
div.spiff ul li a.bottom {
	margin:0;
	}
	
div.context-nav.news-items ul li a.bottom:hover, div.spiff ul li a.bottom:hover {
	text-decoration: underline;
	background-color:transparent;
	}
  
/*********     ~3.2	jQuery Slider     ************************************/

.graphic, #prevBtn, #nextBtn {
	margin:0;
	padding:0;
	display:block;
	overflow:hidden;
	text-indent:-8000px;
	}			

#slider ul, #slider li {
	background: none;
	width: 660px;
	margin:0 auto;
	padding:0;
	list-style:none;
	list-style-type: none;
	}

#slider li { 
/* 	define width and height of list item (slide) 
entire slider area will adjust according to the parameters provided here */ 
	width:660px;
	height:260px;
	overflow:hidden; 
	background: none;
	}	

#prevBtn, #nextBtn { 
	background: none;
	display:block;
	width:34px;
	height:34px;
	margin: 0;
	position:absolute;
	right:460px; 
	top:425px;
	}	

#nextBtn { 
	right:410px; 
	}														

#prevBtn a, #nextBtn a {  
	display:block;
	width:34px;
	height:34px;
	background:url(images/import/btn_prev.png) no-repeat 0 0;	
	}	

#nextBtn a { 
	background:url(images/import/btn_next.png) no-repeat 0 0;	
	}												

/*********     ~3.3	RSS Feed     ****************************************************/

.feed {
	float: right;
	}

.feed a:link, .feed a:visited, .feed a:hover {
	background:url(images/import/feed-icon-14x14.gif) no-repeat 0% 50%;
	padding: 2px 0 0 0;
	display:block;
	height:14px;
	text-decoration:none;
	width:14px;
	}
	
a.rss_icon {
   position:absolute;
   right:5px;
   top:4px;
	}	

/*********     ~3.4	Buttons     ****************************************************/

.btn_green_outer {
   background:url(images/import/btn_green_inner.gif) no-repeat right top;
   margin:10px 0;
   padding:0 10px 0 0;
   float:left;
	}
	
.btn_green_inner {
   background:url(images/import/btn_green_outer.gif) no-repeat left top;
   padding:0 0 0 10px;
	}
	
.btn_green_inner a {
   color:#fff;
   text-shadow:#000 0 0.05em 0.05em;
   text-decoration:none;
   display:block;
   padding:0 1em;
   line-height:204%;
	}
	
.btn_green_inner a:hover {
   text-decoration:none;
	}

div#content-well .btn_action, .btn-action {
background-color: #4DB24C;
color: #fff;
padding: 4px;
font-weight: bold;
text-shadow: 0 0.05em 0.05em #1b7a1a;
border-left: solid 1px #49a346;
border-top: solid 1px #49a346;
border-right: solid 1px #1f7c1e;
border-bottom: solid 1px #1f7c1e;
}	



/*********     ~3.5	Right column callouts     ****************************************/

.spiff {
   margin:0 0 10px 0;
	}
	
.spiff ul {
   margin:0 0 0 0;
	}
	
.spiff ul li {
   border-bottom: 1px solid #c5c5c5;
   padding:0 0;
   display:inline-block;
   width:100%;
	}
	
.spiff p {
   padding:0;
   margin:0;
	}
	
.spiff.events h2 {
   margin:0;
	}
	
.spiff h2 a {
   color: #fff;
	}
	
.spiff a.jump {
   text-transform:uppercase;
	}
	
.spiff.interactive_tour img {
   width: 48px;
   height: 48px;
   margin:0 0 3px 0;
	}
	
.spiff.weather img {
   float:left;
   width:44px;
   height:44px;
	}
	
.spiff.weather p {
   margin:0 0 0 50px;
	}
	
.spiff.weather div.upcoming_weather {
   text-align:center;
   float:left;
   width:6em;
	}
	
.spiff.weather div.upcoming_weather img {
   float:none;
   margin:0;
	}
	
.spiff.weather div.upcoming_weather p {
   margin:0;
	}

/*********     ~3.6	Calendar Widget/Spiff     ****************************************/

.calendar_date {
   border-bottom: 1px solid #cbcbcb;
   padding:0;
   min-height: 60px;
	}
	
div.calendar_wrapper {
   border-bottom: 1px solid #fff;
   margin: 0 0 0 0;
	}
	
div#content-well .calendar_date {
	background: none;
	}

li.calendar_date {
	font-size: 85%;
	background: none;
	}

.calendar_date a.calendar_graphic {
   float: left;
   width: 46px;
   height: 49px;
   margin:10px 0;
   display: block;
   position: relative;
   text-align: center;
   background: url(images/import/icon_calendar.png) no-repeat left top;
	}
	
.calendar_date a.calendar_text {
	width: 108px;
}
	
.calendar_date a.calendar_graphic:hover {
   text-decoration:none;
   background: url(images/import/icon_calendar.png) no-repeat left top;
	}
	
.calendar_date a.calendar_graphic span {
   position:absolute;
   font-variant:small-caps;
   font-family:Arial, Helvetica, sans-serif;
   left:0;
   width:100%;
   display:block;
	}
	
.calendar_date.first_date {
   border-top: 0px solid #fff;
   border-bottom: 1px solid #cbcbcb;
   padding: 0 0 0 0;
	}
	
.calendar_date.last_date {
   border-bottom: 1px solid #cbcbcb;
	}
	
.calendar_date a.bottom {
   float:left;
   margin:0 0 0 51px;
   background:none;
   display:block;
   position:relative;
   text-align:left;
   width:auto;
	}
	
.calendar_date a.bottom span {
   position:relative;
   display:inline;
	}
	
.calendar_month {
   top:0;
   color:#fff;
	}
	
.calendar_day {
   top:20px;
   font-size:167%;
   color:#8e8e8e;
	}

.calendar_date a.calendar_text, div#content-well .calendar_date p {
   line-height:1.53em;
   padding: 8px 0;
   margin:0 0 0 51px;
	}
	
.calendar_date a.calendar_text {
   padding:8px 0;
	}
	
.calendar_date a.calendar_text span {
   color:#5c8cbb;
   font-weight:bold;
	}
	
.calendar_time { font-size: 94%; letter-spacing: -0.02em; }

/*********     ~3.7	Well Section Elements     ****************************************/

div.intro-section {
   min-height: 250px;
	}
	
div.content-section {
   margin-top: 0px;
   margin-bottom:10px;
	}
	
div.intro-section img.section-image {
   margin: 0 15px 0 0;
   display: block;
   float: left;
   width: 278px;
   height: 230px;
	}
	
div.content-section img.section-image {
   margin: 0 15px 0 0;
   display: block;
   float: left;
   width: 180px;
   height: 140px;
	}
	
div#content-well span.section-image img {
   margin: 0 15px 0 0;
   display: block;
   float: left;
   width: 180px;
   height: 140px;
   border: 1px solid #56a0d3;
	}
	
div#content-well div.tandt-article span.section-image img {
   margin: 0 15px 0 0;
   display: block;
   float: left;
   width: 140px;
   height: 112px;
   border: 1px solid #56a0d3;
	}
	
div.section-column p {
	font-size: 85%;
	}

div.section-column p a.jump {
	text-transform: uppercase;
	}
	
div.content-section a {
   display:block;
	}
	
div.content-section a.jump {
   text-transform:uppercase;
	}
	
div.content-section div.section-column {
   /* Use this when you don't want the content to wrap around the section-image */
   margin: 0px 0px 0px 195px;
   min-height:150px;
	}

/*********     ~3.8	Content Well Section Lists     ************************************/

div#content-well ul.simple-list {
   list-style: none;
   margin: 10px 0 0 8px;
   padding: 0px;
	}
	
div#content-well ul.simple-list li {
   background: none;
   list-style: none;
   margin: 0px 0px .8em 0px;
   padding: 0px;
	}

div#content-well div.list-group-container {
   width: 100%;
   overflow: auto;
	}

div#content-well div.list-group-container li, div#content-well div.list-group-container ul li {
	background: none;
	}

div#content-well div.list-group-container h4 {
   padding: 0px;
   background: none;
   font-weight: bold;
	}
	
div#content-well ul.list-group {
   list-style: none;
   margin:1em 0;
   padding: 0px;
   border-bottom: 1px solid #ddd;
   width: 174px;
	}
	
/*#content div.content-section ul.list-group:nth-child(3n+1) {*/
#content-well ul.first {
   margin: 0px 3px 0px 0px;
   float: left;
	}
	
/*#content div.content-section ul.list-group:nth-child(3n+2) {*/
#content-well ul.second {
   float: left;
   margin: 0px 3px;
	}
	
/*#content div.content-section ul.list-group:nth-child(3n+3) {*/
#content-well ul.third {
   float: left;
   margin: 0px 0px 0px 3px;
	}
	
div#content-well ul.list-group li {
   background: none;
   list-style: none;
   margin: 0px;
   padding: .5em;
   border-top: 1px solid #ddd;
	}
	
div#content-well div.section-column ul.list-group {
   width: 180px;
	}

div#content-well ul.list-group li a {
font-size: 90%;
	}

/*********     ~3.9	Accordion Lists     ************************************************/

div#content-well div.accordion ul.first,
div#content-well div.accordion ul.third {
   margin: 0px;
   background-color: #e8e8e8;
   width: 174px;
	}
	
div#content-well div.accordion ul.second {
   margin: 0px;
   background-color: #dbdbdb;
   width: 174px;
	}
	
div#content-well div.accordion ul li {
   background: none;
   font-size: 90%;
   padding: 3px 0px;
   margin: 0px 8px;
   outline: none;
   border-top: 1px solid #fff;
   border-bottom: 1px solid #c5c5c5;
	}
	
div#content-well div.accordion ul li.first_li {
   background: none;
   border-top: 0px;
   border-bottom: 1px solid #c5c5c5;
	}
	
div#content-well div.accordion ul li.last_li {
   background: none;
   border-top: 1px solid #fff;
   border-bottom: 0px;
	}
	
div#content-well div.accordion ul li.list-header {
   background: url('images/import/h4_bg_repeat.gif') repeat-x left top;
   outline: none;
   border-bottom: #c5c5c5;
   padding-bottom: 0px;
   margin: 0px;
   cursor: pointer;
   border-top: 0px solid #fff;
	}
	
div#content-well div.accordion ul li.list-header.alt {
   background: url('images/import/h4_bg_repeat_alt.gif') repeat-x left top;
   outline: none;
   border-bottom: #c5c5c5;
   padding-bottom: 0px;
   margin: 0px;
   cursor: pointer;
	}
	
div#content-well div.accordion ul li.list-header h4 {
   padding: 0 0 0 8px;
   margin: 0 8px 0 0;
   background:url('images/import/open-dropdown-opaque.gif') no-repeat right 8px;
   font-size: 80%;
	}
	
div#content-well div.accordion ul li.list-header h4.list-open {
   background: url('images/import/closed-dropdown-opaque.gif') no-repeat right 8px;
	}
	
div#content-well div.accordion ul li.list-header.alt h4 {
   background:url('images/import/open-dropdown-opaque-alt.gif') no-repeat right 8px;
	}
	
div#content-well div.accordion ul li.list-header.alt h4.list-open {
   background: url('images/import/closed-dropdown-opaque-alt.gif') no-repeat right 8px;
	}

/*********     ~3.10	Departments A - Z     ********************************************/

div.department_pager {
   border-top: 1px solid #c5c5c5;
   border-bottom: 1px solid #c5c5c5;
   margin: 1em 0;
   padding:0;
	}
	
div#content-well div.department_pager ul {
   list-style: none;
   margin: 0px;
   padding: 0.75em 0;
	}
	
div#content-well div.department_pager ul li {
   font-size: 100%;
   list-style: none;
   display: inline;
   margin: 0px;
   padding: 0px;
   background: none;
	}
	
div#content-well div.department_pager ul li a {
   font-size: 100%;
	}
	
div#content-well div.department_pager div.list_chooser {
   float: right;
   padding:0.75em 0;
	}
	
div.department_list {
   padding: 1em 0;
   border-bottom: 1px solid #c5c5c5;
	}
	
div.department_list h5 {
   font-size: 146.5%;
   font-weight: normal;
   font-family: Georgia,Verdana,Arial,Helvetica,sans-serif;
	}
	
div#content-well div.department_list ul {
   list-style: none;
   margin: 1em 0px 1em 8px;
   padding: 0px;
	}
	
div#content-well div.department_list ul li {
   list-style: none;
   margin: 0px;
   padding: .5em 0px;
   background: none;
	}

/*********     ~3.11	Today and Tomorrow     ********************************************/

div.tandt-article {
   padding: 10px 0;
   border-top: 1px solid #fff;
   border-bottom: 1px solid #cbcbcb;
   min-height: 120px;
	}
	
div.tandt-article.first-article {
   border-top: 0px solid #fff;
	}
	
div.tandt-article.last-article {
   border-bottom: 0px solid #cbcbcb;
	}
	
div#content-well div.tandt-article div.section-column h3 {
	margin-top: 0;
	}

div#tandt-eventlist {
   width: 200px;
   float: left;
	}
div#tandt-eventlist ul {
   list-style: none;
   font-size: 100%;
   margin: 0px;
   padding: 0px;
	}
div#tandt-eventlist ul li {
   width: 195px;
   font-size: 85%;
   list-style: none;
   background: none;
	}
div#tandt-map {
   width: 300px;
   float: right;
   text-align: right;
	}


/*********     ~3.12	Columned List Group     ********************************************/

div#content-well ul.list_group {
   padding:0;
   margin:0 0 0 0;
   list-style-type:none;
   float:left;
	}
	
div#content-well ul.list_group li {
   background: none;
   float:left;
   list-style-type:none;
   margin:0;
   width:17.43em;
	}
	
div#content-well ul.list_group ul {
   padding:0 0 0 0;
   margin:0px;
   list-style-type:none;
	}
	
div#content-well ul.list_group ul li {
   background: none;
   width:17.43em;
   list-style-type:none;
	}
	
div#content-well ul.list_group li a {
   font-size:80%;
	display:block;
	padding:3px 0;
	outline:none;
	border-top:1px solid #fff;
	border-bottom:1px solid #c5c5c5;
	width:95%;
	}
	
div#content-well ul.list_group ul li a.first_link {
	border-top:0px solid #fff;
	border-bottom: 1px solid #c5c5c5;
	}
	
div#content-well ul.list_group ul li a.last_link {
	border-top:1px solid #fff;
	border-bottom:0px solid #c5c5c5;
	}

/*********     ~3.13	Show/Hide All Dropdowns     ****************************************/

.dropdown_toggle {
   font-size: 77%;
   text-align: right;
   width: 100%;
   margin: 0;
   padding: 5px 0;
	}
	
.dropdown_toggle a {
   text-transform: uppercase;
   color: #69c;
   cursor:pointer;
	}


/*********     ~3.14	Photo Carousel (Spotlight and other sections)     ****************/	

#spotlight-carousel-leftcol {
	float: left;
	width: 703px;
	}

#spotlight-carousel-rightcol {
	float: right;
	width: 442px;
	margin-left: 20px;
	}

div#selected-image {
   width: 440px;
	}
	
div#selected-image div.image-container {
   width: 440px;
   height: 300px;
   overflow: hidden;
   border: 1px solid #69c;
	}
	
div#selected-image img {
   width: 440px;
   display: block;
   border: 0px;
	}
	
div#selected-image div.caption, span.caption {
   font-size: 85%;
   line-height: 1.8em;
   padding: 3px 0px;
   color: #333;
	}
	
div#spotlight-carousel {
   width: 404px;
	}
	
div#spotlight-carousel ul.unc-photo-carousel {
   margin: 0px;
   padding: 0px;
   list-style: none;
	}
	
div#spotlight-carousel ul.unc-photo-carousel li {
   background: none;
   margin: 0px;
   padding: 5px 2px;
   list-style: none;
	}

div#spotlight-carousel ul.unc-photo-carousel li img {
	border: 1px solid #56a0d3;
	}

.jcarousel-clip {
   z-index: 2;
   padding: 0;
   margin: 0;
   overflow: hidden;
   position: relative;
	}

.jcarousel-container-horizontal {
   width: 404px;
   padding: 0px 20px;
	}
	
.jcarousel-clip-horizontal {
   width: 404px;
   height: 96px;
   margin: 0px;
   padding: 0px;
	}

div#spotlight-carousel .jcarousel-list {
   margin: 0px;
   padding: 0px;
	}
	
div#spotlight-carousel .jcarousel-list li,
div#spotlight-carousel .jcarousel-item {
    background: none;
	width: 99px;
    height: 65px;
	}
	
div#spotlight-carousel .jcarousel-item img {
    width: 90px;
    height: 65px;
	}
	
.jcarousel-item-horizontal {
    margin-right: 10px;
	}
	
.jcarousel-item-placeholder {
    background: #fff;
    color: #000;
	}

/*********     ~3.15	Horizontal Buttons     ********************************************/

.jcarousel-next-horizontal {
    position: absolute;
    top: 23px;
    right: 0px;
    width: 11px;
    height: 32px;
    cursor: pointer;
    background: url('images/import/carousel_arrow_right.png') no-repeat 0 0;
	}
	
.jcarousel-next-disabled-horizontal {
    cursor: default;
	}
	
.jcarousel-prev-horizontal {
    position: absolute;
    top: 23px;
    left: 0px;
    width: 11px;
    height: 32px;
    cursor: pointer;
    background: url('images/import/carousel_arrow_left.png') no-repeat 0 0;
	}
	
.jcarousel-prev-disabled-horizontal {
    cursor: default;
	}

iframe.visit {
	border: 1px solid #56a0d3;
	}

.small-link {
	color: #56a0d3;
	font-size: 80%;
	}

div.math_image img {
	width: 158px;
	height: 120px;
	border: 1px solid #56a0d3;
	}