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

/*=====================================================================

Created by Erik Scull - UITS media Design and Production
March 2009

Builds on the styles addded in August 2008 that affected the fixed width, centered change.
These styles serve to achieve the same layout and look as iun5, without the nested tables.

=======================================================================*/

/* The files for iunstyle.css & iunstyle_wcms.css can't be combined, they must be kept in
   separate sheets sheets jdr 01/14/2010 */

body {
	font-family: Verdana, Geneva, sans-serif; /* changed by jdr on 01/14/2010 from Arial, Helvetica, sans-serif;*/
	font-size: 100%;
	margin:0;
	text-align:center; /* center the wrapper in IE */
	background:#000 url(https://www.iun.edu/template-assets/IUN_Bkgd_01.jpg) 50% 0 no-repeat;
}



/* Begin layout styles ---------------------------------------------*/



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


/* Begin header stuff -----------------------------------------------------------*/


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




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

#main-nav {
    width: 621px; /* ? */
		height: 25px;
    background:transparent url(https://www.iun.edu/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;
	}

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


#navBigList a:hover, #navBigList.hot a {
	background: transparent url(https://www.iun.edu/template-assets/main_nav_bg.jpg)
	-14px -25px no-repeat;}
#navContactUs a:hover, #navContactUs.hot a {
	background: transparent url(https://www.iun.edu/template-assets/main_nav_bg.jpg)
	-66px -25px no-repeat;}
#navFindPeople a:hover, #navFindPeople.hot a {
	background: transparent url(https://www.iun.edu/template-assets/main_nav_bg.jpg)
	-137px -25px no-repeat;}
#navMajorsPrograms a:hover, #navMajorsPrograms.hot a {
	background: transparent url(https://www.iun.edu/template-assets/main_nav_bg.jpg)
	-211px -25px no-repeat;}
#navOncourse a:hover, #navOncourse.hot a {
	background: transparent url(https://www.iun.edu/template-assets/main_nav_bg.jpg)
	-334px -25px no-repeat;}
#navOneStart a:hover, #navOneStart.hot a {
	background: transparent url(https://www.iun.edu/template-assets/main_nav_bg.jpg)
	-400px -25px no-repeat;}
#navPodcasts a:hover, #navPodcasts.hot a {
	background: transparent url(https://www.iun.edu/template-assets/main_nav_bg.jpg)
	-462px -25px no-repeat;}
#navWebmail a:hover, #navWebmail.hot a {
	background: transparent url(https://www.iun.edu/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;
	padding-left:1px;
}






form#localsearch {
	display:block;
	height:40px;
	padding:0;
	margin:0;
}

form#localsearch label {
	font-weight:bold;
}

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

form#localsearch #localsearch-q {
	height:18px;
	border:1px solid #666;
	background-color:#fff;
	margin:1px 2px 0 0;
	padding:0;
	padding-left:1px;
}








/* End header stuff -----------------------------------------------------------*/













/* Begin main section -----------------------------------------------------------*/



#main {
	font-size:75%;
}






#leftcol {
	width:145px; /* 165px total */
	float:left;
	padding:10px;

	margin-top:0px;


}

#leftcol img {
	margin-bottom:5px;
}

#leftcol h3 {
	font-size:100%;
	color:#900;
	margin:0;
}

#leftcol ul {
	list-style:none;
	margin:0px;
	padding:0;
	
}

#leftcol li {
	list-style:none;
	margin:.3em 0;
	padding:0;
	clear:both;
	
}
#leftcol li a {
width:145px;
}
.clear{
clear:both;	
}

#leftcol a { color:#000; text-decoration:none; font-weight:bold; line-height:110%; }
#leftcol a:visited { color:#666666; text-decoration:none; }
#leftcol a:hover { color:#990000; text-decoration:underline; }

#leftcol hr { border: 0; color: #000; background-color: #000; height: 2px; }







#content {
	margin-left:180px;
	padding:10px;
	height: 1% /* Holly hack for Peekaboo Bug */
}

#content img {
	padding:4px;
	border:0;
}

/* added new style for inline images on top of page for content area (jdr - 09/14/2009) -----------------*/
#content .title-image img { border:none; }


.insetbox-container {
	width:180px; /* 190px total */
	float:right;
	padding:0;
	border:solid #fff;
	border-width:0 0 10px 10px;
	/* margin:0 0 0 10px; */ /* using white border to affect margin because some headings with bottom borders run under the inset box; looks awkward */
}

.insetbox {
	padding:10px;
	background-color:#e9e9ec;
	margin-bottom:10px;
word-wrap: break-word;
}

.insetbox h3 {
	margin:0;
	margin-bottom:.5em;
}

.insetbox p {
	line-height:110%;
}

.insetbox img {
	margin-left:auto; margin-right:auto;
}




.phototable { 
	display:block;
	width:500px; /* (143px + 4px + 4px + 1px + 1px + 10px) x 3 = 489px; leave some wiggle room = 500px */
	margin:0 auto 10px auto;
}

.phototable td {
	padding-right:10px;
	padding-bottom:10px;
}

.phototable p { /* captions */
	margin:0 6px 0 6px;
	font-size:x-small;
}



/* Added by tifsmith 1/4/2011 to keep the deparment footers on the bottom of the page*/
#dep-footer {
   position:relative;
   bottom:0;
   width:100%;
   clear:both;
}

/* Dep-footer End*/
/* End main section stuff -----------------------------------------------------------*/






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

#iun-footer p {
	margin:0;
}


#iun-footer #blockiu {
	background: url(https://www.iun.edu/iu-branding/blockiu_white.gif) no-repeat;
	display: block;
	float: left;
	height: 28px;
	width: 22px;
	margin-left:2px;
	margin-top:2px;
	margin-right:5px;
}
#iun-footer #blockiu img {
	display: none;
}	








/* FORM "table-like" FORMATTING ================================ */

fieldset {
	margin-bottom:3em;
}

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

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



/* More special table formatting... -----------------------------------*/

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


/* GENERAL PURPOSE CLASSES, ELEMENT RULES, TEXT AND LINK FORMATTING, ETC. ================================ */


th { text-align:left; }

h1 { font-size:180%; padding-bottom: 10px; border-bottom: 3px solid #900; margin:0; }
h2 { font-size:140%; color:#900; margin-top:2px; }
h3 { font-size:125%; margin-bottom:0; }
h4 { font-size:1em; margin:0; border-bottom: 1px solid #bbb;}
h5 { font-size:1em; color:#333; }
h6 { font-size:.75em; color:#333; }

ol { margin-left:2em; padding-left:0;}
ul { margin-left:2em; padding-left:0;}
ul.plainlist, ul.plainlist li { list-style:none; margin-left:0; padding-left:0; }
li { margin-bottom:0; }

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

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

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

img {border:0; display:block; }
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; }


.clear {clear:both;}

.no-float { float:none !important; }

.no-border { border:none !important; }

.centertext { text-align:center; }
.centerimg, .centerblock { display:block; margin-left:auto; margin-right:auto; }

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

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

.inline { display: inline; }

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



/* used on fac/staff pages */
.person-box {
	float:left; /* so that the left floated images are cleared. can't use clear:left because it clears the left column as well. */
	width: 580px;
	margin-bottom:10px;
	border-bottom:1px solid #c3c3c3;
}

.person-box img {
	float:left;
	/* margin:0 10px 2px 0; */
	background-color:#fff;
}

.person-box .person-text {
	margin-top:0;
	margin-left:118px;
}





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


/* CSS drop shadows for images: http://www.alistapart.com/articles/cssdropshadows/ */

.img-shadow {
  float:left;
  background: #fff url(https://www.iun.edu/template-assets/shadowAlpha.png) no-repeat bottom right !important;
  background: #fff url(https://www.iun.edu/template-assets/shadow.gif) no-repeat bottom right;
  margin: 10px 0 0 10px !important;
  margin: 10px 0 0 5px;
  }

.img-shadow img {
  display: block;
  position: relative;
  background-color: #fff;
  margin: -6px 6px 6px -6px !important;
  } 
  

/* left nav- styling added for Tiffney Smith 01/20/2010 ----------------------------------------------------------- */

  li {
        position:relative;
          } 
                                  
                                   ul.second{
        position:relative;
          } 
ul.nav li ul { 
         position: absolute;
        width: 150px;
        left: 140px;
        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:100;
                }
                
                 ul.top li:hover ul.second{
                 display:block;
text-decoration:none;
background-color:#F8F3b2;
z-index:100;
                }
                 ul.second li:hover ul{
                 display:block;
text-decoration:none;
background-color:#F8F3b2;
z-index:100;
                }
                 
 ul.nav{ 
  list-style: none;}
  ul.second{ 
  list-style: none;}
  ul.top{ 
  list-style: none;}
/* left nav- styling end -----------------------------------------------------------*/

/*  img styling-----------------------------------------------------------*/
.gallery li {
        display: inline;
        list-style: none;
        width: 150px;
        min-height: 175px;
        float: left;
        margin: 0 10px 10px 0;
        text-align: center;
                }
                                                                
                                                                
#media_content {
                float:right;
padding:5px;
                height: 1% /* Holly hack for Peekaboo Bug */
}
.gallery li a img {
        text-decoration:none;
                }
                                                                


.photo_credit{
font-size:10px;

margin-bottom:0px;
font-style:italic;
}
.photo_caption{
margin-top:0px;
font-size:12px;

}
                /*  img styling end-----------------------------------------------------------*/

/* added new style per Tiffney Smith on 08/16/2010  ----------------------------------------------------------- */

.list li {
        display: inline;
        list-style: none;
        width: 200px;
   
        float: left;
        margin: 0 10px 10px 0;
        text-align: center;
                }
/* end of new style as of 08/16/2010 */

/*-----------------------------------IU offical Colors added 5_6_11 by tifsmith----------------------------------------*/

.iucrimson {color:#7D110C}
.iucream {color:#F8F3D2}
.iugold {color:#AF906A}
.iudarkgrey {color:#6D6E70}
.iulightgrey {color:#B0B2B4}
.iumidnight {color:#2d637f}
.iuviolet {color:#6f679d}
.iuolive {color:#808a53}
.iuleather {color:#c78036}