/* add creative services css for branding bar */
@import url("https://www.iun.edu/~iuntest/iu-branding/screen.css");

/*====================================================*/
/* kh change to Body position and left tags - trouble when editing with dreamweaver */
/* erase page when editing  */
/* per dreamweaver support 10-20-04 remark out two lines in body   */
/* Using absolute positioning on body does 2 things - 1st, it puts document at the top    */
/* left corner of browser window (where it supposes to go anyway, so removing positioning   */
/* will not brake it), but it also removes the body tag from normal document flow,    */
/* and removing positioning might change location of other elements, if other elements are   */
/* after clicking on page to edit, the whole page would highlight and then people would    */
/* using relative or absolute position.   */
/*=====================================================*/
/* kh - comments cannot have greater-than less-than signs  */
/* They were around the word body above. Removing them, */
/* DW8 design view styles can now be displayed.   */
/* per dreamweaver support 02-07-06 */
/*=======================================================*/
/* kh 10-4-07 change from www on iunhome so error messages don't appear*/
/*=========================================================*/ 

BODY {
	font-family:Verdana, Geneva, sans-serif;
	font-size: 100%; /* CHANGED BY ESCULL - WAS 12px */
	margin:0;
	text-align:center; /* center wrapper in IE */
	background:#000 url(https://www.iun.edu/template-assets/IUN_Bkgd_01.jpg) 50% 0 no-repeat;
}

	
/* iunstyle_print.css - ribbon image for print  don't display the background image */	
tr#middle_print {display: none; }	
	
A:link { color: #990000; text-decoration: none; font-weight: bold} 
A:visited  { color: #990000; text-decoration: none; font-weight: bold} 
A:hover { color: #990000; text-decoration: underline; font-weight: bold }	
A:active { color: #990000;  text-decoration: underline ; font-weight: bold} 


	A.navig:link {
	color: #000000;text-decoration: none}
	A.navig:visited  {
	color: #666666; text-decoration: none} 
	A.navig:hover {
	color: #990000;
	 text-decoration: underline
	}	

	.navig { font-weight: bold; font-size: 12px; color: #000000; text-decoration: none; line-height: 20px}

A.iunlink2:hover { color: #990000;text-decoration: underline; font-size: 12px; font-weight: normal}
A.iunlink2:link { color: #990000;text-decoration: none ; font-size: 12px; font-weight: normal}
A.iunlink2:visited { color: #990000;text-decoration: none ; font-size: 12px; font-weight: normal}


A.quicklink:link { color: #990000;text-decoration: none ; font-size: 12px; font-weight: bold}
A.quicklink:visited { color: #990000;text-decoration: none ; font-size: 12px; font-weight: bold}
A.quicklink:hover { color: #990000;text-decoration: underline; font-size: 12px; font-weight: bold}
	
/* jdr for jp 10-3-07 whiLtr gives WHITE lettering like that used on calendar months */

A.whiLtr {
	color: #ffffff;
	text-decoration: underline;
	font-weight: bold
}

A.whiLtr:visited { 
	color: #ffffff;
	text-decoration: none ; 
	font-weight: normal
}

A:HOVER.whiLtr {
	color: #ffffff;
	text-decoration: none
}

/* kh 10-5-07 white_text gives WHITE lettering like that used on calendar months */	
table#cal_navigation  {
 color: #ffffff;
  font-size: 10px;
	text-decoration: none;
	font-weight: bold;
}
table#cal_navigation a:link {
	color: #ffffff;
	font-size: 10px;
	text-decoration: none;
	font-weight: bold
}

table#cal_navigation  a:visited { 
	color: #ffffff;
	font-size: 10px;
	text-decoration: none; 
	font-weight: normal
}

table#cal_navigation a:hover {
	color: #ffffff;
	font-size: 10px;
	text-decoration: underline
}

/* kh 10-5-07 white_text gives WHITE lettering like that used on calendar months */	


.white_text { 
font-weight: bold;  
color:#ffffff; 
text-decoration: none
}
	
		
.layout {  
	background-color:#fff;
	padding-top: 0px; 
	padding-right: 0px; 
	padding-bottom: 0px; 
	padding-left: 0px; 
	border-style: none; 
	border-top-width: 0px; 
	border-right-width: 0px; 
	border-bottom-width: 0px; 
	border-left-width: 0px
}

img {  border-style: none}
hr {  color: #333333}
.footer {  font-size: 12px}
.footeraddress { font-size: 10px}
.footerphone1 { font-size: 12px ; font-weight: bold}
.footerphone2 { font-size: 12px ; color: #990000; font-weight: bold}
.footerphone3 { font-size: 9px}


.blackheader { color: #000000; font-size: 20px; font-weight: bold }
.header2 { color: #990000; font-size: 16px; font-weight: bold }


li {  margin-bottom:0.5em;}
ul {  list-style-type: disc}
h1, h2, h3, h4, h5, h6 {
	font-family:Arial, Helvetica, sans-serif;
}
h1 {  font-size: 18px}
h2 {  font-size: 16px}
h3 {  font-size: 14px}
h4 {  font-size: 12px}
h5 {  font-size: 10px}
h6 {  font-size: 9px}

ol {   }
th {  font-weight: bold; text-align: left;}
td {  text-align: left;}


.iunfont {  font-size: 12px}

.blackvsmallbold {  font-size: 10px; font-weight: normal; color: #000000}

.iured {  color: #990000}

.iurednavig { font-weight: bold; font-size: 12px; color: #990000; text-decoration: none }

.iuredheader { font-family:Arial, Helvetica, sans-serif; margin:0.5em 0 0.5em 0; padding:0; color: #990000; font-size: 20px; font-weight: bold }

.h3break {
	font-size: 14px;
	font-weight: bold;
	margin-bottom: 0;
	padding-bottom: 0;
}
.inline {
	display: inline;
}

/*
	================================================================================================================================
	The following styles were added by Erik Scull August 2008.
	These styles require a wrapper div which was added to the header and footer include files 
	================================================================================================================================
*/

.clear {clear:both;}

img {border:0; display:block; }

.clear {clear:both;}

.centertext { text-align:center; }

.centerimg { margin-left:auto; margin-right:auto; }

.hide { position:absolute; left:-999em; }

.comment { color:red; font-weight:bold; }

.addspacebelow { margin-bottom:200px; }

.testimonial {
	padding-bottom:8px;
	margin-bottom:12px;
	border-bottom:1px solid #cdcdcd;
}

.testimonial .byline {
	font-style:italic;
}

.testimonial p {
	margin-top:0;
}

th {
	text-align:left;
}

table.horiz-only td, table.horiz-only th {
	border-bottom:1px solid #bbb;
	padding:5px 3px;
}

.top-headers th {
	text-align:center;
	background-color:#dedede;
	border-bottom:3px solid #900 !important;
}

table.directorytable {
	width:100%;
}

table.directorytable th {
	background-color:#dedede;
	border-top:2em solid #fff;
	border-bottom:3px solid #900;
}

table.directorytable th.first {
	border-top:none;
}


#identity {
	border-bottom:1px solid #fff;
}

#wrapper {
	position:relative;
	width:800px;
	margin:0 auto; /* center in compliant browsers */
	text-align:left; /* correct text alignment from body rule (IE) */
	background:#fff url(https://www.iun.edu/~iuntest/template-assets/black_bar_slice.jpg) 0 0 repeat-x;
	border:1px solid #999;
	border-width:0 1px 1px 1px;
}

/* THIS IS THE FONT SIZE FOR THE MAIN PAGE CONTENT (IN THE LAYOUT TABLE) */
#wrapper table td {
	font-size:12px;
}


/*---------------------------------------------------------------------------------*/

#header {
	position:relative;
	padding:0;
	margin:0;
	/* padding-left:20px; */
	height:26px; /* 25px plus 1px for the bottom white border of the main nav */
	color:#888;
	/* font-size:14px; */
	font-family:"Arial Narrow";
}




/* GREAT IMAGE SLICING/ROLLOVER TECHNIQUE FROM http://www.alistapart.com/articles/sprites/ */

#main-nav {
    width: 621px; /* ? */
		height: 25px;
    background:transparent url(https://www.iun.edu/~iuntest/template-assets/main_nav_bg.jpg) top left no-repeat;
    margin: 0; 
		padding: 0;
    position: relative;
		}
		
#main-nav li {
	margin: 0;
	padding: 0;
	list-style: none;
	position: absolute;
	top:0;
	}
		
#main-nav li, #main-nav a {
    height: 25px; display: block;
	}

/* #navHome {left: 12px; width: 57px;} */
#navBigList {
	left: 14px;
	width: 41px;
}
#navContactUs {
	left: 66px;
	width: 63px;
}
#navFindPeople {
	left: 137px;
	width: 66px;
}
#navMajorsPrograms {
	left: 211px;
	width: 116px;
}
#navOncourse {
	left: 334px;
	width: 56px;
}
#navOneStart {
	left: 400px;
	width: 50px;
}
#navPodcasts {
	left: 462px;
	width: 52px;
}
#navWebmail {
	left: 521px;
	width: 80px;
}

/*
#navHome a:hover, #navHome.hot a {
	background: transparent url(https://www.iun.edu/~iuntest/template-assets/main_nav_bg.jpg)
	-14px -25px no-repeat;}*/
#navBigList a:hover, #navBigList.hot a {
	background: transparent url(https://www.iun.edu/~iuntest/template-assets/main_nav_bg.jpg)
	-14px -25px no-repeat;}
#navContactUs a:hover, #navContactUs.hot a {
	background: transparent url(https://www.iun.edu/~iuntest/template-assets/main_nav_bg.jpg)
	-66px -25px no-repeat;}
#navFindPeople a:hover, #navFindPeople.hot a {
	background: transparent url(https://www.iun.edu/~iuntest/template-assets/main_nav_bg.jpg)
	-137px -25px no-repeat;}
#navMajorsPrograms a:hover, #navMajorsPrograms.hot a {
	background: transparent url(https://www.iun.edu/~iuntest/template-assets/main_nav_bg.jpg)
	-211px -25px no-repeat;}
#navOncourse a:hover, #navOncourse.hot a {
	background: transparent url(https://www.iun.edu/~iuntest/template-assets/main_nav_bg.jpg)
	-334px -25px no-repeat;}
#navOneStart a:hover, #navOneStart.hot a {
	background: transparent url(https://www.iun.edu/~iuntest/template-assets/main_nav_bg.jpg)
	-400px -25px no-repeat;}
#navPodcasts a:hover, #navPodcasts.hot a {
	background: transparent url(https://www.iun.edu/~iuntest/template-assets/main_nav_bg.jpg)
	-462px -25px no-repeat;}
#navWebmail a:hover, #navWebmail.hot a {
	background: transparent url(https://www.iun.edu/~iuntest/template-assets/main_nav_bg.jpg)
	-521px -25px no-repeat;}







form#search {
	display:block;
	height:25px;
	padding:0;
	margin:0;
	position:absolute;
	top:0;
	right:5px;
}

form#search label {
	float:left;
	display:block;
	line-height:25px;
	margin:0;
	padding:0;
	padding-right:5px;
}

form#search input {
	display:block;
	margin:0;
	padding:0;
	float:left;
}

form#search #q {
	height:16px;
	border:1px solid #ddd;
	background-color:#999;
	margin:0;
	margin-top:4px;
	padding:0;
}


#iun-footer {
	clear:both;
	color:#707070;
	font-size:x-small;
	padding-top:12px;
	padding-bottom:10px;
	/*background:#fff url(https://www.iun.edu/~iuntest/iu-branding/blockiu_white.gif) 5px 50% no-repeat;*/
	/*padding-left:38px;*/
	padding-left:10px;
	border-top:1px solid #999;
}

#iun-footer p {
	margin:0;
}

#iun-footer #blockiu {
	background: url(https://www.iun.edu/~iuntest/iu-branding/blockiu_white.gif) no-repeat;
	display: block;
	float: left;
	height: 28px;
	left: -4px;
	position: relative;
	/*top: -7px;*/
	width: 22px;
}

#footer #blockiu img {
	display: none;
}	



/* FORM "TABLE" FORMATTING ================================ */

label.column {
	display:block;
	float:left;
	/* width:15em; */
	width:180px;
	/* margin-right:.25em; */
	margin-right:5px;
	text-align:right;
}

.fieldDescriptor {
	display:block;
	/* margin-left:15.25em; */
	margin-left:185px;
	color:#555;
	font-size:x-small;
}

.rightColOnly{
	margin-left:185px;
}

.rowGroup {
	margin-bottom:3em;
}

.row {
	clear:left;
	margin-bottom:1em;
}


/* GENERAL TEXT AND LINK FORMATTING ================================ */



h2 {
	font-size:1.25em;
}

h4 {
	font-size:1em;
	margin:0;
}

.address {
	float:right;
	padding:0 20px;
	border-left: 1px solid #999;
}


.padded-content {
	padding:8px 5px;
}

.caption {
	font-size:x-small;
}

.required {
	color:#f00;
	font-size:medium;
	font-weight:bold;
}

img.float-left {
	float:left;
	margin:0 20px 10px 0;
}

img.float-right {
	float:right;
	margin:0 0 10px 10px;
	padding:5px;
	border:1px solid #bdbdbd;
}

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

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

a.more {
	color:#fdff00 !important;
	text-decoration:none;
	background-image:none !important;
}
a.more:hover {
	text-decoration:underline !important;
}

/* Added for Tiffney Smith on 06/25/2010 by jdr */
/* left nav- styling -----------------------------------------------------------*/

  li {
        position:relative;
          } 
                                  
                                   ul.second{
        position:relative;
          } 
ul.nav li ul { 
         position: absolute;
       
        top: 5px;
                
        display: none;}
                                
                                ul.top  li ul.second { 
         position: absolute;
        width: 150px;
        left: 140px;
        top: 5px;

        display: none;}
                                
                                ul.second li ul {
                                                
         position: absolute;
        width: 150px;
        left: 140px;
        top: 5px; 
        display: none;
                                
                                }

ul.nav li:hover ul {
                display:block;
elevation:above;
text-decoration:none;
background-color:#F8F3b2;
z-index:5;
                }
                
                ul.top li:hover ul.second{
                display:block;
text-decoration:none;
background-color:#F8F3b2;
z-index:5;
                }
                ul.second li:hover ul{
                display:block;
text-decoration:none;
background-color:#F8F3b2;
z-index:5;
                }
                
 ul.nav{ 
  list-style: none;}
  ul.second{ 
  list-style: none;}
  ul.top{ 
  list-style: none;}
/* left nav- styling end -----------------------------------------------------------*/