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

/* style sheet designed by Jeff McNear / Plasterdog Productions 
COLORS
CONTENT : #a8a8ff
CONTENT BORDER:#9900cc replacing #a8a8ff replacing #dbdbff replacing #9900cc per 3/08 request several other changes prior to this
PURPLE_PHOTO-BG:THIS SHOULD BE THE FINAL COLOR--#9966cc-- replacing #1f2b7c replacing #9966cc per 3/08 request replacing #520064 (this is the color of Northwestern logo)replacing #8f215e replacing #1a1a27(#11 of 12 between a8a8ff and 000000) several other color changes prior to this
CONTENT TEXT: #00002B
BANNER TEXT: LTZAPFINO ONE - converted to vectors to reduce vertical sweeps on some letters
*/

/*_____________________________________structure_______________________________________*/

/* setting text align to center solves IE bug for centering wrapper_____________*/
body {
	text-align: center;
	background-color: #000000;
}
/* setting text align to left here corrects cascade for IE bug fix above_________*/
#wrapper {
	width: 750px;
	margin-right: auto;
	margin-left: auto;
	text-align: left;
	background-color: #000000;
}
/*_______________________________classes____________________________________________*/
/* left oriented image -- no float */
.content_img {
	float: left;
	margin-bottom: 25px;
	margin-top: 20px;
	margin-right: 10px;
	margin-left: 10px;
}
/* right oriented image -- float to clear text */
.right_image {
	float: right;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
}
/* this class carries a 375px image repeated vertically to create darker background behind any element */
.purple_photo {
	background-image: url(jmc_images/final_diva-purple_photo.gif);
	background-repeat: repeat-y;
}


/* ____________________________banner elements________________________________________ */
/*________3px added to give room after banner-image-link set to switch on roll-over____________*/
#wrapper #banner {

	}
/*_________________________________navigation elements_______________________________*/

/*___________________________THIRD NAV___________________________________________________*/
/*____GOES TO A DUBIOUSLY VALUABLE LOCATION ON NW SITE-INSERTION OF THIS ELEMENT REQUIRED TOTAL SITE OVERHAUL________________________________*/
#wrapper #teacher {
	width:40%;
	height:42px;
	float: left;
	margin-top: 20px;

}
#wrapper #teacher a:link {
	font-family: "Times New Roman", Times, serif;
	font-size: 16px;
	text-decoration: none;
	color: #FFFFFF;
	font-weight: bold; 
}
#wrapper #teacher a:visited {
	font-family: "Times New Roman", Times, serif;
	font-size: 16px;
	text-decoration: none;
	color: #FFFFFF;
	font-weight: bold; 
}

#wrapper #teacher a:hover {
	font-family: "Times New Roman", Times, serif;
	font-size: 16px;
	text-decoration: underline;
	color: #FF0000;
	font-weight: bold;
}
/*________________________________MAIN NAV_______________________________________________*/

/*____HEIGHT INSERTED TO KEEP NETSCAPE FROM MAKING TEACHER NAV FROM BEING TOO TIGHT__________*/
/*_____________PADDING INSERTED TO MOVE NAVBAR DOWN ______________________________*/
#wrapper #navbar {
	padding-top: 20px;
	float: right;
	width: 55%;
	}
/* line height set at multiple of actual */
#nav, #nav ul { /* all lists */
	margin: 0;
	list-style: none;
	line-height: 1.25;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
}

/*styling for links _________ keep same as nav li_____________*/
#wrapper #nav a {
	display: block;
	width: 115px;
}
#nav a:link {
	font-family: "Times New Roman", Times, serif;
	font-size: 16px;
	text-decoration: none;
	color: #FFFFFF;
	font-weight: bold;
}
#wrapper #nav a:visited {
	font-family: "Times New Roman", Times, serif;
	font-size: 16px;
	text-decoration: none;
	color: #FFFFFF;
	font-weight: bold;
}
#wrapper #nav a:hover {
	font-family: "Times New Roman", Times, serif;
	font-size: 16px;
	text-decoration: underline;
	color: #FF0000;
	font-weight: bold;
}
/* all list items ______________keep same as nav a __________*/
/*____________floating right reverses order of list______________*/
#nav li {
	float: right;
	width: 115px; /* width needed or else Opera goes nuts */
	text-align: left;
}
/* second-level lists_________ keep same as nav li_____________  */
#nav li ul {
	position: absolute;
	width: 115px;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
	/* background color for drop down */
	background-color: #a8a8ff;
	text-align:left !important;
	padding-left:0;
}
/* negative left magin to center drop-downs under master item - client request - actual position of drop down varies by browser and so it is impossible to keep the background from overlapping the purple_photo border  by about 5px in Netscape  */
#nav li:hover ul, #nav li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
	margin-left: 0px;
}
/* added out of clearing paranoia */
#wrapper #navbar #nav_foot {
	clear: both;
}

#nav li ul li {text-align: left !important;}

/*___________________________________content elements_______________________________*/
/*______this could easily be a liquid layout but set to absolute pixels so as not to confuse client _____*/
/* content cleared both to drop below navbar*/
#wrapper #content {
	color: #00002B;
	background-color: #a8a8ff;
	border: medium solid #9900cc;
	width: 750px;
	clear: both;
}
/*___________________CONTENT TEXT STYLING_________________________________*/
#wrapper #content p {
	font-family: Arial, Helvetica, sans-serif;
	margin-top: 0px;
	margin-right: 5px;
	margin-bottom: 2px;
	margin-left: 20px;
	font-size: 11px;
}

#wrapper #content ul {
	font-family: Arial, Helvetica, sans-serif;
	margin-top: 0px;
	margin-right: 5px;
	margin-bottom: 2px;
	margin-left: 20px;
	font-size: 11px;
	padding-left:20px;
}

/*_________________for index page only___________________________*/
#wrapper #content h6 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	margin-top: 0px;
	margin-bottom: 10px;
	padding-top: 0px;
	padding-bottom: 0px;
}

#wrapper #content h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	margin-bottom: 0px;
	padding-bottom: 5px;
}

#wrapper #content  h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-decoration: none;
	margin-top: 2px;
	margin-bottom: 2px;
	font-style: italic;
	font-weight: bold;
	margin-left: 30px;
}
#wrapper #content h4 {
	font-family: Arial, Helvetica, sans-serif;
	margin-top: 0px;
	margin-right: 5px;
	margin-bottom: 2px;
	margin-left: 20px;
	font-size: 13px;
	font-weight: bold;
}
#wrapper #content  a:link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #00002B;
	text-decoration: none;
}
#wrapper #content a:visited {
    font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #00002B;
	text-decoration: none;
}
#wrapper #content a:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #00002B;
	text-decoration: underline;
}

/*_________________right content ________________________*/
/* if floated right no strange disappearing text problem in IE6*/
/* use some sort of width measurement here margin or padding will not work */
#wrapper #right_content {
	float: right;
	width: 350px;
	padding-top: 5px;
	padding-right: 10px;
}
/*_________________left content ________________________*/
#wrapper #left_content {
	width:375px;
	float: left;

}
/*____________unstyled div created to carry purple_photo style when needed____________*/
#wrapper #content #left_content #top_left {
}

/*_______________content-foot-- for clearing--____________________*/
#wrapper #content_foot {
	clear: both;
	width: 100%;
}


.p-dog {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8px;
	color: #666666;
	text-decoration: none;
	font-style: italic;
}