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


/*
                                                                                                                                                
                ^1			LAYOUT 												
                ---------------------------------------------------------------	
                ~1.1		Header 												
                ~1.2		Optional Global Links for Header 					
                ~1.3		Column structure 									
                ~1.5		Skip Navigation 									
                ~1.6		Primary navigation 									
                ~1.7		Left Sidebar 										
                ~1.8		Right Sidebar 											
                ~1.9		Left column navigation 								
                ~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.4		Buttons 											
                ~3.5		Right column callouts 								
                ~3.7		Well Section Elements 								
                ~3.8		Content Well Section Lists 							
                ~3.10		Departments A - Z														
                ~3.11		Today and Tomorrow 														
                ~3.12		Columned List Group 													
                ~3.13		Show/Hide All Dropdowns 												
                ~3.15		Horizontal Buttons 														
                                                                                                                                                                                        
                3.16		Give to the Friday Center styles																		
*/




/*****************************************************************************
                        ^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;
    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. */
    background: url(/StaticCE/images/template_bg_full_wide.jpg) no-repeat center top;
}

html, body {
    height: 101%;
}

.skiplink {
    display: none;
}

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

/*********     ~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;
}

#header h1#unc-logo span {
    display: none;
}



/* ------------- Begin Header search ---------------*/

div#header_search {
    float: right;
    height: 76px;
    position: relative;
    top: 24px;
    width: auto;
}

div#header_search fieldset {
    border: 0 none;
    margin: 0;
    padding: 0;
}

div#header_search legend.header_hidden_legend {
    height: 0;
    margin-left: -90000px;
    margin-top: -900000px;
    padding: 0;
}

div#header_search ul {
    list-style: none outside none;
    margin: 0;
    padding: 0;
}

div#header_search ul li.search_type.edu {
    left: 0;
}
div#header_search ul li.search_type {
    padding: 0;
    position: absolute;
    top: 30px;
}

div#header_search ul li.search_type.people {
    left: 9em;
}

div#header_search ul li.search_type.places {
    left: 15em;
}

div#header_search ul li {
    font-size: 77%;
    margin: 0;
    vertical-align: middle;
}

label.header_inline {
    font-size: 100%;
    text-align: left;
    width: 8em;
}

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

div#header_search input {
    border-color: #C4C4C4 #AEAEAE #AEAEAE #C4C4C4;
    border-style: solid;
    border-width: 1px;
    color: #333333;
    font-family: Verdana,Arial,Helvetica,sans-serif;
    font-size: 110%;
    margin: 0;
    padding: 4px;
    line-height: 1em;
}

div#header_search ul li.search_textfield {
    left: 0;
    position: absolute;
    top: 0;
}

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

div#header_search label.header_hidden_label {
    height: 1px;
    overflow: hidden;
    position: absolute;
    top: -10000px;
    width: 1px;
}

div#header_search ul li.search_submit {
    left: 170px;
    position: absolute;
    top: 0;
} 
div#header_search input.search_submit {
    border: 0 none;
    display: inline;
    height: 25px;
    margin: 0;
    padding: 0;
    vertical-align: top;
    width: 59px;
    border-color: #C4C4C4 #AEAEAE #AEAEAE #C4C4C4;
    border-style: solid;
    border-width: 1px;
    color: #666666;
    font-family: Verdana,Arial,Helvetica,sans-serif;
}

/* ------------ End Header Search ------------- */
/*********     ~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;
}


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

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

#content-rightcol ul {
    margin: 0px;
    padding-left: 0px;
}

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

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

div#skip-navigation {
    display: none;
}

/*********     ~1.11	Forms     **************************************************/

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

span.required {
    color: #cc0000;
}

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;
    border: none !important; 

}

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


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


#footer ul{
    margin:10px 0;
}

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

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

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

#footer ul li a {
    padding:0 1.15em;
    color: #2376A1;
}

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

#footer p.copyright {
    font-size:77%;
}


#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;
}

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

.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;
}

#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(/StaticCE/images/icons_sprite.png) no-repeat -2px -93px;
}


.top {
    float: right;
    font-size: 85%;
}

.previous {
    float: left;
    font-size: 85%;
}
/*********     ~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;
}


/*****************************************************************************
                        ^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: #2376A1;
}

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(/StaticCE/images/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;
}

#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;
}

h4 {
    margin:0;
    padding:0;
    line-height:2.91em;
    font-weight:normal;
    color:#56a0d3;
    font-size:85%;
    text-transform:uppercase;
}

h5 {
    font-weight:bold;
}

h6 {
    text-transform:uppercase;
    color:#56a0d3;
}

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

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

/*********     ~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:#2376A1;
    text-decoration:none;
}

a:link, a:visited {
    color: #2376A1;
}

a:hover {
    text-decoration:none;
}

h2 a, h2 a:link {
    color:#fff;
    cursor:pointer;
}

h4 a {
    cursor:pointer;
}

a.jump {
    text-transform:uppercase;
}	


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


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

ul li {
    list-style-type: none;
}

ul li ul li, ul li ul li ul li {
    margin: 0 0 0 15px;
}

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

div#content-leftcol ol,  div#content-rightcol ol {
    margin: 10px 8px;
}

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-leftcol ol,  div#content-rightcol ol {
    line-height: 1.5em;
    padding: 10px 5px;
    padding: 0px 20px;
    margin: 1em 5px;
}

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;
}

/*********     ~2.7	Misc Text Styles     ********************************************/

blockquote {
    margin:5%;
    color:#56a0d3;
    font-style: italic;
}

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;
}

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


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

/*********     ~3.2	jQuery Slider     ************************************/

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



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

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;
}


/* 3.16  GIVE TO CAROLINA */

.indent {
    margin-left: 5%;
    margin-right: 5%;
}
.clear_under_photo {
    margin-bottom: 48px;
}
.small_text {
    font-size: 85%;
    width: 108px;
}
.callout {
    background-color: #D0E3F2;
    padding: 6px;
    width: 80%;
    margin-top: 12px;
    margin-right: auto;
    margin-bottom: 12px;
    margin-left: auto;
}
.callout-h1 {
    font-family: Georgia, "Times New Roman", Times, serif;
    font-size: 24px;
    color: #3c3c3c;
    font-style: italic;
    font-weight: normal;
}