/*  chemistry website march 2008  */

.extranet{
font-family: Verdana, Arial, Helvetica, sans-serif;
padding: 0;
margin: 0;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
background: #CFCD99 url(/images/border_content.jpg) repeat-y center;}

.intranet{
font-family: Verdana, Arial, Helvetica, sans-serif;
padding: 0;
margin: 0;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
background: #CCCCCC url(https://imageserve.chem.unc.edu:444/resources/images/site/border_content_intranet.jpg) repeat-y center;}



/*  topmost section - global external links  */

#top_container {
width: 100%;
font-size: 10px;
height: 20px;
background: #000;}

#top_links{
width: 960px;
margin: 0 auto;
padding: 2px 0;
height: 20px;
clear: both;}

#top_links div{
letter-spacing: 0.03em;
padding: 0;
float: right;
font-weight: normal;}

#top_links div a:link, #top_links div a:visited {
text-decoration:none;
margin: 0;
padding: 0;
border: none;
color: #FFF;}

#top_links div a:hover {
text-decoration:none;
margin: 0;
padding: 0;
color: #FD8218;
border: none;
background: none;}

#top_links div span{
margin-left: 8px;
border-right: solid 1px #FFF;
padding-right: 10px;
font-weight: bold;}



/* global navigation extranet */

#globnav{
width: 100%;
padding: 0;
margin: 0;
padding-top: 3px;
border-bottom: solid 1px #000000;
border-top: solid 1px #000000;}

#globnav div{
width: 956px;
padding: 0px 0px 0px 10px;
margin: 0 auto;
margin-bottom: 0px;}

#globnav li{
font-family: Arial;
font-size: 11px;
font-weight: bold;
padding: 0;
line-height: 13px;}

#globnav_prim{
padding-left: 0px;
margin-left: 0px;
margin-bottom: 0;
margin-top: 0;
width: 100%;
height: 20px;}

#globnav_prim li { 
display: inline;}

#globnav_prim li a{
padding: 3px 30px 0px 8px;
color: #000;
margin-bottom: 0;
text-decoration: none;
float: left;
border-bottom: none;
height: 17px;}

#globnav_prim li.active a{
padding: 3px 30px 0px 8px;
color: #000;
margin-bottom: 0;
float: left;
border-bottom: none;
height: 17px;
background: #FFFFFF url(https://imageserve.chem.unc.edu:444/resources/images/site/active.jpg) no-repeat;}

#globnav_prim li a:hover{
padding: 3px 30px 0px 8px;
color:#666666;
margin-bottom: 0;
border-bottom: none;
height: 17px;}

/*intranet search container*/
#intranet_search{
width: 250px;
padding: 0px 0px 0px 10px;
/*margin: 0 auto;*/
margin-bottom: 0px;
float: right;
}

/* global navigation intranet */

#globnav_int{
width: 100%;
padding: 0;
margin: 0;
padding-top: 3px;
border-bottom: solid 1px #000000;
border-top: solid 1px #000000;}

#globnav_int div{
width: 956px;
padding: 0px 0px 0px 10px;
margin: 0 auto;
margin-bottom: 0px;}

#globnav_int li{
font-family: Arial;
font-size: 11px;
font-weight: bold;
padding: 0;
line-height: 13px;}

#globnav_prim_int{
padding-left: 0px;
margin-left: 0px;
margin-bottom: 0;
margin-top: 0;
width: 100%;
height: 20px;}

#globnav_prim_int li { 
display: inline;}

#globnav_prim_int li a{
padding: 3px 30px 0px 8px;
color: #999999;
margin-bottom: 0;
text-decoration: none;
float: left;
border-bottom: none;
height: 17px;}

#globnav_prim_int li.active a{
padding: 3px 30px 0px 8px;
color: #990000;
margin-bottom: 0;
float: left;
border-bottom: none;
height: 17px;
background: #FFFFFF url(https://imageserve.chem.unc.edu:444/resources/images/site/active_intranet.jpg) no-repeat;}

#globnav_prim_int li a:hover{
padding: 3px 30px 0px 8px;
color:#666666;
margin-bottom: 0;
border-bottom: none;
height: 17px;}

/*intranet search container*/
#intranet_search{
width: 250px;
padding: 0px 0px 0px 10px;
/*margin: 0 auto;*/
margin-bottom: 0px;
float: right;
}


/* left side local navigation */

/*#local {
font-size: 13px;
padding-left: 5px;
line-height: 1.3em;
list-style: none;}


#local li{
font-size: 11px;
margin-left: 18px;
padding-left: 10px;
line-height: 1.4em;
list-style: none;
background: #FFFFFF url(https://imageserve.chem.unc.edu:444/resources/images/site/link_arrow_sub.jpg) left no-repeat;}*/

.local {
font-size: 13px;
margin-top: 10px;
margin-left: 10px;
padding-left: 0px;
line-height: 1.3em;
list-style: none;}

.local dt {
margin-top: 10px;
}

.local_sub ul{
font-size: 11px;
margin-left: 2px;
margin-top: 0px;
/*padding-left: 10px;*/
}
.local_sub dl{
font-size: 11px;
margin-left: 0px;
margin-top: 0px;
/*padding-left: 10px;*/
}

.local_sub dd{
font-size: 11px;
margin-left: 20px;
padding-left: 10px;
line-height: 1.4em;
list-style: none;
background: #FFFFFF url(https://imageserve.chem.unc.edu:444/resources/images/site/link_arrow_sub.jpg) left no-repeat;}

.local_sub li{
font-size: 11px;

margin-left: -20px;
padding-left: 10px;
line-height: 1.4em;
list-style: none;
background: #FFFFFF url(https://imageserve.chem.unc.edu:444/resources/images/site/link_arrow_sub.jpg) left no-repeat;}


/*  minitab local page navigation  */

#tabnav{
margin: 0;
padding: 3px 0 20px 10px;
border-bottom: 1px solid #BFD6F3;
}

#tabnav li{
float: left;
font-size: 0.8em;
margin: 0;
padding: 0;
display: inline;
list-style: none;
height: 20px;
background: url(https://imageserve.chem.unc.edu:444/resources/images/site/tab_right.jpg) no-repeat top right;
}

#tabnav a{
float: left;
line-height: 20px;
font-weight: bold;
padding: 0 2em;
margin: 0 30px 0 0;
text-decoration: none;
background: url(https://imageserve.chem.unc.edu:444/resources/images/site/tab_left.jpg) no-repeat top left;
}

#tabnav li.active a{
font-size: 12px;
color: #000066;
padding: 0 2em;
}



/*  masthead  */

.masthead{
width: 960px;
height: 95px;
margin: 0 auto;
/*background: url(https://imageserve.chem.unc.edu:444/resources/images/site/header.jpg) top no-repeat;*/}

/*.masthead_mass_spec{
width: 960px;
height: 95px;
margin: 0 auto;
background: url(https://imageserve.chem.unc.edu:444/resources/images/site/header_mspec.jpg) top no-repeat;}

.masthead_instrument_shop{
width: 960px;
height: 95px;
margin: 0 auto;
background: url(https://imageserve.chem.unc.edu:444/resources/images/site/header_instrument.jpg) top no-repeat;}

.masthead_electronics{
width: 960px;
height: 95px;
margin: 0 auto;
background: url(https://imageserve.chem.unc.edu:444/resources/images/site/header_electronics.jpg) top no-repeat;}

.masthead_seminars{
width: 960px;
height: 95px;
margin: 0 auto;
background: url(https://imageserve.chem.unc.edu:444/resources/images/site/header_seminars.jpg) top no-repeat;}

.masthead_alumni{
width: 960px;
height: 95px;
margin: 0 auto;
background: url(https://imageserve.chem.unc.edu:444/resources/images/site/header_alumni.jpg) top no-repeat;}

.masthead_facilities{
width: 960px;
height: 95px;
margin: 0 auto;
background: url(https://imageserve.chem.unc.edu:444/resources/images/site/header_facilities.jpg) top no-repeat;}

.masthead_intranet{
width: 960px;
height: 95px;
margin: 0 auto;
background: url(https://imageserve.chem.unc.edu:444/resources/images/site/header_intranet.jpg) top no-repeat;}

.masthead_student_services{
width: 960px;
height: 95px;
margin: 0 auto;
background: url(https://imageserve.chem.unc.edu:444/resources/images/site/header_student_services.jpg) top no-repeat;}

.masthead_seminars_app{
width: 960px;
height: 95px;
margin: 0 auto;
background: url(https://imageserve.chem.unc.edu:444/resources/images/site/header_seminars_app.jpg) top no-repeat;}*/

/*  content  */

#wrapper{
width: 960px;
margin: 0 auto;
text-align: left;
border-top: none;
background: #FFF;}

/* this element is used to contain two columns without a left-side border */
#container{
width: 940px;
margin: 0 auto;
text-align: left;
padding-top: 5px;
padding-bottom: 10px;}


/* this element is placed on the extreme left on each page  */
#global_left{
width: 205px;
float: left;
padding: 0px 15px 15px 0px;
margin: 10px 0px 10px 0px;
/*border-right: 1px dotted #999999;*/}

/* this element is for one-column content, such as faculty pages, with a left-side border */
.onecolwrap{
width: 709px;
float: left;
font-size: 12px;
padding: 0px 0px 15px 10px;
margin: 10px 0px 10px 0px;
border-left: 1px dotted #999999;}

.onecolwrap_wide{
width: 940px;
float: left;
font-size: 12px;
padding: 0px 0px 15px 10px;
margin: 10px 0px 10px 0px;}

.onecol{
width: 660px;
float: left;
padding: 0px 10px 15px 0px;
margin: 10px 0px 10px 0px;}

.onecol_wide{
width: 900px;
float: left;
padding: 0px 10px 10px 0px;
margin: 10px 0px 5px 0px;
}


/* this element is used to contain the two columns below with a left-side border */
.twocolwrap{
width: 709px;
float: left;
font-size: 12px;
padding: 0px 0px 15px 10px;
margin: 10px 0px 10px 0px;
border-left: 1px dotted #999999;}

.twocolwrap_wide{
width: 940px;
float: left;
font-size: 12px;
padding: 0px 0px 15px 10px;
margin: 10px 0px 10px 0px;
/*border-left: 1px dotted #999999;*/}

.twocol_l{
width: 320px;
float: left;
padding: 0px 10px 15px 5px;
margin: 10px 0px 10px 0px;}

.twocol_r{
width: 325px;
float: left;
padding: 0px 0px 15px 15px;
margin: 10px 0px 10px 5px;
border-left: 1px dotted #999999;}

.twocol_l_wide{
width: 450px;
float: left;
padding: 0px 10px 15px 0px;
margin: 10px 0px 10px 0px;}

.twocol_lr_wide_sub{
width: 450px;
float: left;
padding: 0px 0px 15px 0px;
margin: 10px 0px 10px 0px;}

.twocol_l_wide_sub{
width: 225px;
float: left;
padding: 0px 0px 15px 0px;
margin: 5px 0px 5px 0px;}

.twocol_r_wide{
width: 450px;
float: left;
padding: 0px 0px 15px 10px;
margin: 10px 0px 10px 0px;
/*border-left: 1px dotted #999999;*/
border-left: 1px dotted #BFD6F3;}

.twocol_r_wide_sub{
width: 220px;
float: left;
padding: 0px 0px 15px 5px;
margin: 5px 0px 5px 0px;}

/* this element is placed on the left in "container" on the home page */
#threecol_center{
width: 320px;
float: left;
padding: 0px 10px 15px 15px;
margin: 10px 0px 10px 0px;
/*border-right: 1px dotted #999999*/;
border-left: 1px dotted #999999;}

/* this element is placed on the right in "container" on the home page */
#threecol_right{
width: 320px;
float: left;
padding: 0px 0px 15px 15px;
margin: 10px 0px 10px 5px;
border-left: 1px dotted #999999;}

.threecolwrap_small{
width: 940px;
float: left;
font-size: 12px;
padding: 0px 0px 15px 10px;
margin: 10px 0px 10px 0px;}

.threecol_l_small{
width: 290px;
float: left;
padding: 0px 10px 15px 0px;
margin: 10px 0px 10px 0px;}

.threecol_c_small{
width: 290px;
float: left;
padding: 0px 10px 15px 10px;
margin: 10px 0px 10px 0px;
border-left: 1px dotted #999999;}

.threecol_r_small{
width: 290px;
float: left;
padding: 0px 0px 15px 10px;
margin: 10px 0px 10px 0px;
border-left: 1px dotted #999999;}


/*  tables  */

.facbyname{
width: 700px;
background: #FFFFFF;
text-align: left;
}

.nme{
font-size: 12px;
font-weight: bold;
vertical-align: top;}

.data{
font-size: 11px;
color: #000000;
vertical-align: top;}

.photo{
vertical-align: top;}

td {
padding: 5px 0px 5px 5px;
text-align: left;
border-bottom: 1px dotted #CCCCCC;}

.header_row{
font-size: 12px;
font-weight: bold;
background-color: #BFD6F3;
color: #333333;}


/* course schedule table */

.coursesched{
width: 700px;
background: #FFFFFF;}

.course{
width: 16%;
font-weight: bold;	
vertical-align: top;	
text-align: left;
color: #333333;
font-size: 10px;
padding: 5px 0px 5px 5px;}

.coursehead{
width: 16%;
font-weight: bold;	
vertical-align: top;	
text-align: left;
color: #333333;
background-color: #BFD6F3;
font-size: 10px;
padding: 5px 0px 5px 5px;}

.coursetitle{
width: 21%;
vertical-align: top;
text-align: left;
color: #333333;
font-size: 10px;
padding: 5px 0px 5px 0px;}

.coursetitlehead{
width: 21%;
font-weight: bold;	
vertical-align: top;	
text-align: left;
color: #333333;
background-color: #BFD6F3;
font-size: 10px;
padding: 5px 0px 5px 0px;}

.crhrs{
width: 8%;
vertical-align: top;
text-align:center;
color: #333333;
font-size: 10px;
padding: 5px 0px 5px 0px;}

.crhrshead{
width: 8%;
font-weight: bold;	
vertical-align: top;	
text-align: center;
color: #333333;
background-color: #BFD6F3;
font-size: 10px;
padding: 5px 0px 5px 0px;}

.times{
width: 18%;
vertical-align: top;
text-align: center;
color: #333333;
font-size: 10px;
padding: 5px 0px 5px 0px;}

.timeshead{
width: 18%;
font-weight: bold;	
vertical-align: top;	
text-align: center;
color: #333333;
background-color: #BFD6F3;
font-size: 10px;
padding: 5px 0px 5px 0px;}

.days{
width: 8%;
vertical-align: top;
text-align: center;
color: #333333;
font-size: 10px;
padding: 5px 0px 5px 0px;}

.dayshead{
width: 8%;
font-weight: bold;	
vertical-align: top;	
text-align: center;
color: #333333;
background-color: #BFD6F3;
font-size: 10px;
padding: 5px 0px 5px 0px;}	

.room{
width: 8%;
vertical-align: top;
text-align: left;
color: #333333;
font-size: 10px;
padding: 5px 0px 5px 0px;}

.roomhead{
width: 8%;
font-weight: bold;	
vertical-align: top;	
text-align: left;
color: #333333;
background-color: #BFD6F3;
font-size: 10px;
padding: 5px 0px 5px 0px;}	

.instructor{
width: 14%;
vertical-align: top;
text-align: left;
color: #333333;
font-size: 10px;
padding: 5px 0px 5px 0px;}

.instructorhead{
width: 14%;
font-weight: bold;	
vertical-align: top;	
text-align: left;
color: #333333;
background-color: #BFD6F3;
font-size: 10px;
padding: 5px 0px 5px 0px;}



/*  contact and other tables  */

.generic{
width: 700px;
background: #FFFFFF;}

.col_one{
/*width: 16%;*/
font-weight: bold;	
vertical-align: top;	
text-align: left;
color: #333333;
font-size: 10px;
padding: 5px 0px 5px 5px;}

.col_one_head{
/*width: 16%;*/
font-weight: bold;	
vertical-align: top;	
text-align: left;
color: #333333;
background-color: #BFD6F3;
font-size: 10px;
padding: 5px 0px 5px 5px;}

.col_two{
/*width: 21%;*/
vertical-align: top;
text-align: left;
color: #333333;
font-size: 10px;
padding: 5px 0px 5px 0px;}

.col_two_head{
/*width: 21%;*/
font-weight: bold;	
vertical-align: top;	
text-align: left;
color: #333333;
background-color: #BFD6F3;
font-size: 10px;
padding: 5px 0px 5px 0px;}

.col_three{
/*width: 8%;*/
vertical-align: top;
text-align: left;
color: #333333;
font-size: 10px;
padding: 5px 0px 5px 0px;}

.col_three_head{
/*width: 8%;*/
font-weight: bold;	
vertical-align: top;	
text-align: left;
color: #333333;
background-color: #BFD6F3;
font-size: 10px;
padding: 5px 0px 5px 0px;}

.col_four{
/*width: 18%;*/
vertical-align: top;
text-align: left;
color: #333333;
font-size: 10px;
padding: 5px 0px 5px 0px;}

.col_four_head{
/*width: 18%;*/
font-weight: bold;	
vertical-align: top;	
text-align: left;
color: #333333;
background-color: #BFD6F3;
font-size: 10px;
padding: 5px 0px 5px 0px;}

.col_five{
/*width: 8%;*/
vertical-align: top;
text-align: left;
color: #333333;
font-size: 10px;
padding: 5px 0px 5px 0px;}

.col_five_head{
/*width: 8%;*/
font-weight: bold;	
vertical-align: top;	
text-align: left;
color: #333333;
background-color: #BFD6F3;
font-size: 10px;
padding: 5px 0px 5px 0px;}	

.col_six{
/*width: 8%;*/
vertical-align: top;
text-align: left;
color: #333333;
font-size: 10px;
padding: 5px 0px 5px 0px;}

.col_six_head{
/*width: 8%;*/
font-weight: bold;	
vertical-align: top;	
text-align: left;
color: #333333;
background-color: #BFD6F3;
font-size: 10px;
padding: 5px 0px 5px 0px;}	

.col_seven{
/*width: 14%;*/
vertical-align: top;
text-align: left;
color: #333333;
font-size: 10px;
padding: 5px 0px 5px 0px;}

.col_seven_head{
/*width: 14%;*/
font-weight: bold;	
vertical-align: top;	
text-align: left;
color: #333333;
background-color: #BFD6F3;
font-size: 10px;
padding: 5px 0px 5px 0px;}




/*  lists  */

li {
font-size: 12px;
line-height: 1.2em;
color: #333333;}


/*  typography  */

p{
font-size: 11px;
line-height: 1.2em;
color: #000000;}

.regular{
font-size: 11px;
line-height: 1.2em;
color: #000000;}

.content{
font-size: 11px;
line-height: 1.3em;
color: #000000;}

.leftcol{
font-size: 11px;
line-height: 1.2em;
color: #666666;}

.leftcol_bold{
font-size: 11px;
line-height: 1.2em;
font-weight: bold;
color: #666666;}

.intranet_linknote{
font-size: 9px;
font-style:italic;
line-height: 1.2em;
padding-left: 18px;
color: #666666;}

.gray{
font-size: 11px;
line-height: 1.2em;
color: #666666;}

.red{
font-size: 12px;
line-height: 1.3em;
color: #FF0000;}

.twelvept{
font-size: 12px;
line-height: 1.3em;
color: #333333}

.twelvept_italic{
font-size: 12px;
line-height: 1.3em;
font-style:italic;
color: #333333}

.twelvept_right{
font-size: 12px;
float: right;
line-height: 1.3em;
color: #333333}

.tenpt{
font-size: 10px;
line-height: 1.3em;
color: #000000}

.tenpt_red{
font-size: 10px;
line-height: 1.3em;
color: #ff0000}

.tenpt_right{
font-size: 10px;
float: right;
line-height: 1.3em;
color: #000000}

.tenpt_center{
text-align:center;
font-size: 10px;
line-height: 1.3em;
color: #000000}

.tenpt_bold{
font-size: 10px;
font-weight: bold;
line-height: 1.3em;
color: #000000}

.tenpt_bold_center{
text-align:center;
font-size: 10px;
font-weight: bold;
line-height: 1.3em;
color: #000000}

.tenpt_bold_red{
font-size: 10px;
font-weight: bold;
line-height: 1.3em;
color: #ff0000}

.bold{
font-size: 11px;
font-weight: bold;
line-height: 1.2em;
color: #333333;}

.center{
text-align:center;}

.center_bold{
font-size: 11px;
text-align:center;
font-weight: bold;
line-height: 1.2em;
color: #333333;}

.center_bold_red{
font-size: 11px;
text-align:center;
font-weight: bold;
line-height: 1.2em;
color: #ff0000;}

.right{
text-align:right;}

.right_bold{
font-size: 11px;
text-align:right;
font-weight: bold;
line-height: 1.2em;
color: #333333;}

.citation{
font-size: 10px;
padding-left: 15px;
line-height: 1.2em;
color: #000000;}

.subtitle{
font-size: 12px;
font-weight: bold;
line-height: 1.3em;
color: #FD8218;}

.title{
font-size: 13px;
font-weight: bold;
line-height: 1.2em;
color: #333333;}

h1{
font-size:12px;
font-weight: bold;
color: #000000;
padding-bottom: 3px;
border-bottom: 1px solid #08b9ff;}

.pagehead{
font-size:13px;
font-weight: bold;
color: #000000;
padding-bottom: 3px;
border-bottom: 1px solid #BFD6F3;}

.section{
font-size:11px;
font-weight: bold;
color: #000000;
padding-bottom: 3px;
line-height: 1.2em;}

.subsection{
font-size:10px;
font-weight: bold;
color: #000000;
padding-bottom: 3px;
line-height: 1.2em;}

h2{
font-size:12px;
font-weight: bold;
color: #000000;
padding-bottom: 3px;
border-bottom: 1px dotted #CCCCCC;}

h3{
font-size:13px;
font-weight: bold;
color: #000000;
padding-bottom: 5px;
}

.facname{
font-size:15px;
font-weight: bold;
color: #336699;
border-bottom: none;}

.factitle{
font-size:12px;
font-weight: bold;
color: #666666;
padding-bottom: 3px;
border-bottom: 1px dotted #666666;}

.main_left{
font-size:12px;
font-weight: bold;
color: #08b9ff;
padding-bottom: 2px;
padding-left: 5px;
border-bottom: 1px dotted #ffc000;}

.arrow_link{
font-size:11px;
font-weight: bold;
color: #336699;
padding-left: 20px;
padding-bottom: 1px;
background: url(https://imageserve.chem.unc.edu:444/resources/images/site/link_arrow.jpg) left no-repeat;}

.fac_link{
font-size:10px;
font-weight: bold;
color: #336699;
line-height: 1.2em;
padding-left: 18px;
padding-bottom: 0px;
background: url(https://imageserve.chem.unc.edu:444/resources/images/site/link_arrow_fac.jpg) left no-repeat;}

.intranet_link{
font-size:11px;
font-weight: normal;
color: #336699;
line-height: 10px;
padding-left: 18px;
padding-bottom: 0px;
background: url(https://imageserve.chem.unc.edu:444/resources/images/site/link_arrow_intranet.jpg) left no-repeat;}


.arrow_link_active{
font-size:11px;
font-weight: bold;
color: #FF6600;
padding-left: 20px;
padding-bottom: 1px;
background: url(https://imageserve.chem.unc.edu:444/resources/images/site/link_arrow_active.jpg) left no-repeat;}


/*  links  */

a:link {
color: #336699;
text-decoration:none;}

a:visited {
color:#336699; 
text-decoration:none;}

a:hover{
color: #999999; 
text-decoration:underline;}

a:active {
color:#336699; 
text-decoration:none;}

.fac_link a:link {
color: #336699;
text-decoration:none;}

.fac_link a:visited {
color: #336699; 
text-decoration:none;}

.fac_link a:hover{
color: #FF6600; 
text-decoration:underline;}

.fac_link a:active {
color: #336699; 
text-decoration:none;}

.intranet_link a:link {
color: #336699;
text-decoration:none;}

.intranet_link a:visited {
color: #336699; 
text-decoration:none;}

.intranet_link a:hover{
color: #FF6600; 
text-decoration:underline;}

.intranet_link a:active {
color: #336699; 
text-decoration:none;}


/*  footer  */

#footer_container{
width: 960px;
height: 45px;
margin: 0 auto;
background-color: #369;
clear: both;}

#footer{
width: 960px;
height: 45px;
margin: 0 auto;
background: url(/images/footer.jpg) center no-repeat;}

#footer_main{
width: 960px;
height: 45px;
margin: 0 auto;
background: url(http://fogdp.org/images/footer.jpg) center no-repeat;}