/* CSS Document */

/*
-----------------------------------------------
DMI ARCHIVE Base Styles
Author:   BRIAN LUCID, Based upon styles by Christine Pillsbury
Version:  2, May 2005
----------------------------------------------- */

/* Space Remover
------------------------------------------- */

* {
 padding: 0;
 margin: 0;
 border: 0;
 }




/* Body Tag
------------------------------------------- */

body
{ 
background-color: #F4F4F4;
font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	line-height: 1.8em;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
text-align:center;
	color: #333333;
text-decoration: none;
}



/* ---------- p ---------- */

p {
	text-align: left;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 12px;
	padding-left: 0px;
 }




/* Standard LINKS
------------------------------------------- */

a {
	color: #666600;
	text-decoration: none;
	
	
	}

a:link {
	color: #666600;
	}

a:visited {
	color: #999966;
	}

a:active {
	color: #B9B900;
	}

a:hover {
	color: #B9B900;
	}



/*  Forms
-----------------------------------------------*/


form { /* adds space around the form */
	margin-top: 8px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #333333;
	
	}

.imgbtn { /* aligns the image to the input box */
  vertical-align:top;
  margin-top: 2px; /* pushes button down */
  margin-left: 1px; /* pushes button over */
  }
  
  .input_search {
  background-color: #FFFFFF; /* bg of form is now white*/
  font-size: 10px; /* size of font */
  border : 1px dotted #999999; /*dotted border */
  }




/* Headings
----------------------------------------------- */
h1 {
	font:190%/1.4em Georgia,Serif;
	text-transform:none;
	color:#666600;
	font-weight: bold;
  }
  
  h2 {
	font:190%/1.4em Georgia,Serif;
	text-transform:none;
	color:#666600;
	margin-bottom: 2px;
	margin-top: 0px;
  }
  
  h3 {
	font:150%/1.5em Verdana, Arial, Helvetica, sans-serif;
	color:#666600;
	margin-top: 0px;
	margin-bottom: 10px;
  }
  
  h4 {
	font:110%/1.4em Verdana, Arial, Helvetica, sans-serif;
	color:#333333;
	margin-top: 0px;
	c
  }
  
   h5 {
	font:120%/1.4em Georgia,Serif;
	
	color:#333333;
	font-weight: bold;
  }
  
  h6 {
	font:100%/1.4em Verdana, Arial, Helvetica, sans-serif;
	margin-bottom: 0px;	
  }





/*  generic div tag... gives it a frame for better visibility   
----------------------------------------------------------------  */

div{
	/*border-bottom-color: #333333;
	border-bottom-style: dashed;
	border-bottom-width: 1px;
	border-left-color: #666666;
	border-right-color: #666666;
	border-top-color: #666666;
	border-left-style: dashed;
	border-right-style: dashed;
	border-top-style: dashed;
	border-top-width: 1px;
	border-right-width: 1px;
	border-left-width: 1px; */
	line-height: 1.8em;
} 

div.clearer {clear: left; line-height: 0; height: 0;}






/* DIV TAGS   
----------------------------------------------------------------  */

#Container {   /* MAIN CONTAINER FOR WHOLE PAGE */
	width:730px;
	margin:40px auto;
	text-align:left;
	padding:0px;
	background-image: url(img/bg_lines.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
    }

#banner {  /* TOP BAR WITH PAGE TITLE */
	text-align: left;
	/*height: 60px;*/
	padding-left: 48px;
	padding-top: 20px;
	}
	
#crumbheader { /* Top div to hold breadcrumb info or titles */
	width:505px; /* width of title */
	margin-top: 12px; /* how many pixels away from main header */
	margin-bottom: 40px;
	border-top-width: 2px;
	border-top-style: solid;
	border-top-color: #999999;
	border-bottom-color: #999999;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	padding-top: 4px;
	padding-bottom: 4px;
    font-size: 9px;
	color:#4f4f4f;
	}
	

	
	
	
	
	
	
/* Front Page TAGS    
------------------------------------------------------------------------------------------------------------------  */


#Container2 {   /* MAIN CONTAINER FOR WHOLE PAGE */
	width:730px;
	margin:40px auto;
	text-align:left;
	padding:0px;
	background-image: url(img/bg_lines2.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
    }

#banner2 {  /* TOP BAR WITH PAGE TITLE */
	text-align: left;
	height: 60px;
	padding-left: 48px;
	padding-top: 20px;
	}



#flashholder {  /* TOP BAR WITH PAGE TITLE */
	text-align: left;
	height: 212px;
	padding-left: 48px;
	padding-top: 0px;
	padding-top: 0px;
	padding-bottom: 30px
	}

#happenings { /* LEFT BAR for news and events */
	float: left;
	width:250px;
	text-align: left;
	margin-left: 48px;
	overflow: hidden;
	}
	

#selected { /* RIGHT SIDE SPACE FOR selected Work */
	float: left;
	width:400px;
	text-align: left;
	margin-left: 27px;
	clear: right;
	}
	
#frontheader { /* Top div to hold breadcrumb info or titles */
	margin-top: 0px;
	margin-bottom: 10px;
	border-top-width: 2px;
	border-top-style: solid;
	border-top-color: #999999;
	border-bottom-color: #999999;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	padding-top: 4px;
	padding-bottom: 4px;
    font-size: 9px;
	color:#4f4f4f;
	}
	
#selectedlist { 			/* container for entires */
	font-size: 9px;
	margin-top: 25px; 			/*initial spacer, should be the same as margin bottom in div tag below */
	}

#selectedlist div { 			/* main entry holder for content from database */
    margin-top: 0px;
	margin-bottom: 25px; 			/* space between entries... should be same as margin-top above */ 
	border-bottom-color: #999999;
	border-bottom-style: dotted;
	border-bottom-width: 1px;
	padding-top: 0px; 
	padding-bottom: 3px; 			/* Space above bottom dotted line */ 
	font-size: 9px;
	line-height: 1.8em;
	}
	
#selectedlist b { /*  changes font and color for names*/
	font:120%/1.4em Georgia,Serif;
	color:#333333;
	font-weight: bold;
	}

#selectedlist img { /*  redefined to make make image float left and add space at top*/
	padding-top: 12px;
	padding-right: 12px;
	padding-bottom: 0px;
	padding-left: 0px;
	float: left;
	}

#selectedlist p {  /*  redefined to make the P gap smaller*/
	text-align: left;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 7px;
	padding-left: 0px;
 }
 
 
 #happeningslist { 			/* container for entires */
	font-size: 9px;
	margin-top: 25px; 			/*initial spacer, should be the same as margin bottom in div tag below */
	}

#happeningslist div { 			/* main entry holder for content from database */
    margin-top: 0px;
	margin-bottom: 20px; 			/* space between entries... */ 
	padding-top: 0px; 
	font-size: 9px;
	line-height: 1.7em;   /* leading for new stories  */
	}
	
#happeningslist b { /*  changes font and color for names*/
	font:120%/1.4em Georgia,Serif;
	color:#333333;
	font-weight: bold;
	}

#happeningslist p {  /*  redefined to make the P gap smaller*/
	text-align: left;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 3px;
	padding-left: 0px;
 }

	
	
	
/* LEFT HAND SIDE DIV TAGS   
----------------------------------------------------------------  */

#leftside { /* LEFT BAR CONTAINING LISTS */
	float: left;
	width:220px;
	text-align: left;
	margin-left: 36px; /* pushed over to hang list dots*/
	overflow: hidden;
	margin-top: 12px;  /* pushed  down to align with page head  */
	}
	
#menuholder {  
	margin-bottom: 30px;	/* space between menus */
	}
	
#menuholder img{  
	margin-left: 12px;	 /* pushes images over for hanging dots*/
	}
	
#formholder {  
	margin-bottom: 20px;	
	margin-left: 12px; /* pushes everything over for hanging dots*/
	}




/* RIGHT HAND SIDE DIV TAGS   
----------------------------------------------------------------  */
	
#rightside { /* RIGHT SIDE SPACE FOR ALL CONTENT */
	float: left;
	width:425px;
	text-align: left;
	margin-left: 12px;
	clear: right;
	}
	
#rightside img { /* general modifications for posted images */
	padding-top: 1px;
	padding-right: 1px;
	padding-bottom: 1px;
	padding-left: 1px;
	float: left;
	border: 0;
	border-color: #999999;
	border-width: 0;
	margin-bottom: 15px;
	margin-right: 10px;
 }
	
		
#crumbholder { /* small div to hold breadcrumb info or titles */
	margin-bottom: 20px;
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #666666;
	border-bottom-color: #666666;
	border-bottom-style: dotted;
	border-bottom-width: 1px;
	padding-top: 5px;
	padding-bottom: 3px;
        font-size: 9px;
	}
	



/*BIO and Include tags  
----------------------------------------------------------------  */

#bioholder { /* div to hold entire top pf person page */
	margin-bottom: 30px;
	}
	
#nameholder { /* div to hold name and title */
	margin-bottom: 20px;
	}
	
#bioimageholder { /* div to hold bio images info */
	margin-top: 0px;
	margin-bottom: 20px;
	}
	
#biocontentholder { /* div to hold bio images info */
	margin-top: 0px;
	margin-bottom: 20px;
	}
	
#bioimageholder img { /* general modifications for posted images in the bio*/
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	float: left;
	border: 0;
	border-color: #999999;
	border-width: 0;
	margin-bottom: 10px;
	margin-right: 10px;
 }

  #entryholder {  div to hold entry info 
	border-bottom-color: #666666;
	border-bottom-style: dotted;
	border-bottom-width: 1px;
	} 
	
#dateholder { /* div to hold entry info */
	font-size: 9px
	}







/*small entryList  - used on faculty and archive pages  
----------------------------------------------------------------  */

#smallentrylist { /* holds list of entry titles, used on faculty pages */
	font-size: 9px;
	margin-top: 11px;
	}

#smallentrylist div { /* holds list of entry titles, used on faculty pages */
	margin-top: 0px;
	margin-bottom: 11px; 			/* space between entries... should be same as margin-top above */ 
	border-bottom-color: #999999;
	border-bottom-style: dotted;
	border-bottom-width: 1px;
	padding-top: 0px; 
	padding-bottom: 3px; 			/* Space above bottom dotted line */ 
	font-size: 9px;
	line-height: 1.8em;
	}
	
#smallentrylist b { /* used on faculet pages */
	font:120%/1.4em Georgia,Serif;
	color:#333333;
	font-weight: bold;
	}
	
#smallentrylist p {  /*  redefined to make the P gap smaller*/
	text-align: left;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 7px;
	padding-left: 0px;
 }
	
	
	
/* entryList 
----------------------------------------------------------------  */	
	
#entryheader { /* small div to hold breadcrumb info or titles */
	margin-top: 0px;
	margin-bottom: 10px;
	border-top-width: 2px;
	border-top-style: solid;
	border-top-color: #999999;
	border-bottom-color: #999999;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	padding-top: 4px;
	padding-bottom: 4px;
    font-size: 9px;
	color:#4f4f4f;
	}	
	
#entrylist { /* used on archive pages */
	font-size: 9px;
	margin-top: 25px;
	}

#entrylist div { /* used on archive pages */
   margin-top: 0px;
	margin-bottom: 25px; 			/* space between entries... should be same as margin-top above */ 
	border-bottom-color: #999999;
	border-bottom-style: dotted;
	border-bottom-width: 1px;
	padding-top: 0px; 
	padding-bottom: 3px; 			/* Space above bottom dotted line */ 
	font-size: 9px;
	line-height: 1.8em;
	}
	
#entrylist b { /* used on archive pages */
	font:120%/1.4em Georgia,Serif;
	color:#333333;
	font-weight: bold;
	}

#entrylist img { /* used on archive pages */
	padding-top: 12px;
	padding-right: 12px;
	padding-bottom: 0px;
	padding-left: 0px;
	float: left;
	}

#entrylist p {  /*  redefined to make the P gap smaller*/
	text-align: left;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 7px;
	padding-left: 0px;
 }



/* static page tags
----------------------------------------------------------------  */
#staticcontentholder { /* div to hold bio images info */
	margin-top: 0px;
	margin-bottom: 20px;
	}
	
#staticcontentholder b { /* used on archive pages */
	font-weight: bold;
	color:#666666;
	}
	
	
#staticcontentholder h5 {
	font:120%/1.4em Georgia,Serif;
	color:#333333;
	font-weight: bold;
	padding-bottom: 1px; 
	padding-top: 8px; 

  }

#staticcontentholder h3 {
	font:150%/1.5em Verdana, Arial, Helvetica, sans-serif;
	color:#666600;
	margin-top: 0px;
	margin-bottom: 15px;
  }
  
  
#staticcontentholder h1 {
	font:190%/1.4em Georgia,Serif;
	text-transform:none;
	color:#666600;
	font-weight: bold;
	margin-bottom: 15px;
  }	
	
#staticcontentholder UL {
	margin-top: 0px;
	padding-bottom: 12px;
}

#staticcontentholder LI {
	margin-bottom: 3px;
	font-style: italic;	
}



/* general list modifications
----------------------------------------------------------------  */
UL {
	list-style-type: none;
	
}

LI {
	list-style-type: none;
	
}




/* popup   
----------------------------------------------------------------  */
/* this section holds all CSS for popup windows */

#PopContainer {   /* MAIN CONTAINER FOR popup window */
	width:530px;
	margin-top: 40px;
	margin-left: 0px;
	text-align:left;
	padding:0px;
       }
	   
#poptitle {
margin-bottom: 10px;
margin-left: 40px;
	   
	   }

#popcrumb { /* Top div to hold breadcrumb info or titles */
	margin-left: 40px;
	width:470px;
	margin-top: 0px;
	margin-bottom: 30px;
	border-top-width: 2px;
	border-top-style: solid;
	border-top-color: #999999;
	border-bottom-color: #999999;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	padding-top: 4px;
	padding-bottom: 4px;
    font-size: 9px;
	color:#4f4f4f;
	}


		
#PopRightside { /* main content area for popup */
	float: left;
	width:405px;
	text-align: left;
	margin-left: 105px;
	clear: right;
	}
	
#PopRightside img {  /* redefiines images to float left */
	padding-top: 20px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 0px;
	float: left;
 }


/* curriculum popup window 
----------------------------------------------------------------  */
#CurrContainer {   /* MAIN CONTAINER FOR popup window */
	width:720px;
	margin-top: 40px;
	margin-left: 0px;
	text-align:left;
	padding:0px;
       }
	   
#Currtitle {
	margin-bottom: 10px;
	margin-left: 40px;
	   
	   }
	   
#CurrSubtitle {
	margin-bottom: 30px;
	margin-left: 40px;
	   
	   }

#Currcrumb { /* Top div to hold breadcrumb info or titles */
	margin-left: 40px;
	width:670px;
	margin-top: 0px;
	margin-bottom: 12px;
	border-top-width: 2px;
	border-top-style: solid;
	border-top-color: #999999;
	border-bottom-color: #999999;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	padding-top: 4px;
	padding-bottom: 4px;
    font-size: 9px;
	color:#4f4f4f;
	}


#CurrRightside { /* main content area for popup */
	float: left;
	width:205px;
	text-align: left;
	margin-left: 40px;
	clear: right;
	}

#Curr2Rightside { /* main content area for popup */
	float: left;
	width:205px;
	text-align: left;
	margin-left: 25px;
	clear: right;
	}


  #Currentryholder {  div to hold entry info 
	
	} 




/* treemenu   
----------------------------------------------------------------  */

.treemenu {
	list-style : none;
	/*width : 200px;*/
	font-size: 9px;
	margin-top: 5px; /* spaces menu away from each other */
	
}

.treemenu UL {
	list-style : none;
	padding : 0px 10px;
	margin-top: 0px;
	color: #999966;
	margin-bottom: 5px; /* when open, spaces menu away from each other */
}

.treemenu LI {
	display : inline;
	margin-top: 0px;
}

.treemenu A { /* different link styles for lists */
	display : block;
	padding-left : 12px;  /* hang amount for dots in list */
	text-decoration : none;
	color: #999966;
}


.treemenu a:link {
	color: #999966;
}

.treemenu a:visited {
	color: #999966;
}

.treemenu a:active {
	color: #B9B900;
}

.treemenu a:hover {
	color: #B9B900;
}

.treemenu .treeopen {  /* SHOWN WHEN MENU IS OPEN */
	background-image : url('img/bullet_down.gif');
	background-repeat : no-repeat;
	background-position : left;
	font-weight:bold;
	/*color: #666666;*/
}		

.treemenu .treeclosed { /* SHOWN WHEN MENU IS CLOSED */
	background-image : url('img/bullet.gif');
	background-repeat : no-repeat;
	background-position : left;
	font-weight:bold;
	/*color: #666666;*/
}

/* staticmenu 
----------------------------------------------------------------  */

.staticmenu {
	list-style : none;
	/*width : 200px;*/
	font-size: 9px;
	margin-top: 5px; /* spaces menu away from each other */
	
}

.staticmenu UL {
	list-style : none;
	padding : 0px 10px;
	margin-top: 0px;
	color: #999966;
	margin-bottom: 5px; /* when open, spaces menu away from each other */
}

.staticmenu LI {
	display : inline;
	margin-top: 0px;
}

.staticmenu A { /* different link styles for lists */
	display : block;
	padding-left : 12px;  /* hang amount for dots in list */
	text-decoration : none;
	color: #999966;
	background-image : url('img/bullet.gif');
	background-repeat : no-repeat;
	background-position : left;
	font-weight:bold;
}


.staticmenu a:link {
	color: #999966;
}

.staticmenu a:visited {
	color: #999966;
}

.staticmenu a:active {
	color: #B9B900;
}

.staticmenu a:hover {
	color: #B9B900;
}

#warning {
       color: #000 !important;
	background-color: #999 !important;
	padding: 5px; !important
}

#warning a {
	color: #900 !important;
}

#warning a:link {
	color: #900 !important;
}

#warning a:hover {
	color: #000000 !important;
}