﻿/* Styles for English Department web */

body, html {
	margin:0;
	padding:0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:100%;
	line-height:1.125em;
	width:100%;
	height:100%;
	background: #878686 url('/english/images/bg.JPG') repeat top left;
	color:#000;
}
body, html {height: 100%; margin-bottom: 1px;}  /*Forces the scroll bars on all pages */

form {margin:0;padding:0;}
#skipnav {display:none}
#container {width:760px;margin:0 auto;border:1px solid #000;}
#banner {background:#b2b2b2;}
#topnav {background-color:#3757bf;}

ul.ref {
	list-style-type:none;
}

ul.ref li {
	padding: 10px 5px 5px 5px;
}

ul.ed {
	list-style-type:none;
	position:relative;
	left:-38px;
}

ul.ed li {
	padding: 4px 0px 0px 0px;
}

ul.grad li {
margin-left:10px;
padding-left:2px;
list-style-image: url(/english/images/grad/hand.png);
}

ul.grad2 {
list-style-type:none
}

ul.grad2 li {
padding-top:4px;
padding-bottom:4px
}

span.grad {
font-size:1.2em;
font-weight:bold;
color:#5e1f0b;
padding-right:6px;
}

ul.grad3 li {
margin-bottom:1em;
}

ul.grad3 li ul{
margin-top:1em;
}


ol.grad3 li {
margin-bottom:1em;
}

ul.grad4 {
list-style-type: none
}

ul.grad4 ul {
list-style-type: none;
padding-top:.25em; 
padding-bottom:1em;
}

ul.grad5 {
list-style-type: none
}

ul.grad5 li {
padding-bottom:1.5em;
}


h1 {font-size:1.5em; color:#5e1f0b;}
h2 {font-size:1.3em; color:#5e1f0b;}
h3 {font-size:1.25em; color:black;}
h4 {font-size:1.15em; color:#5e1f0b;}
h5 {font-size:1.0em; color:#5e1f0b;}
h6 {font-size:0.85em; color:#5e1f0b;}



hr{
	border:0px;border-bottom:1px solid #546c81;height:1px;background:none;
}

.hr2{
	color: #999; width: 250px; text-align: left; margin: 5px auto 0 0;
}

.hr3{
	color: #999; width: 125px; text-align: left; margin: 5px auto 10px 0;
}

.hr4 {color: maroon; margin-left:20px; margin-bottom:10px;

}

a:link, a:visited {
	color: maroon;
}
a:hover, a:active {
	color:#c41500;
}



/*** Styles for table on Faculty Page ***/

}

#facTable {
	border: 0;
	margin-bottom: 10px;
	width: 500px;
	
}

#facTable caption {
	font-weight: bold;
	text-align: center;
}

#facTable td.title {
	text-align: right;
	font-weight: bold;
	width: 150px;
	vertical-align: top;
	
}


/*** Styles for course tables ***/


#sequence.left {
	width:300px;
	float:left;
	margin-bottom:20px;
	margin-left: 40px;
}

#sequence.right {
	width:300px;
	float:right;
	margin-bottom:20px;
	margin-right: 40px;
}

table#seq {

border:1px solid black;
width:100%;
}

table#seq th{
	text-align:center;
	font-size:12px;
	color:white;
	background-color:#5e1f0b;
	padding:6px
	
}
		
table#seq td.semester {
	text-align:center;
	font-size:11px;
	font-weight:bold;
	color:black;
	background-color:#C0C0C0
	
}

table#seq tr td {
	text-align:left;
	font-size:11px;	

}

table#seq tr td.credits {
	width:40px;
	text-align:left;
	font-size:11px;	

}


/*** Styles for black bar at top of page that contains UWSP branding ***/
#UWSPbarContainer {
	background-color: #262626;
}


#contentwrapper {
	background:#e9e9e9 url('/english/images/bgLightGrayGradient.jpg') repeat-x 0 0;
	margin-top:0px;
	padding-top:0;
}
#content {
	background:transparent;
}

#contentText {
	font-size:0.75em;
	padding: 20px 20px 20px 20px;
	margin:0 0 0 0px;
	background:transparent;
	color:#4f4f4f;
	text-align:left;
}


#header {
	height:71px;
	background:#872c11 url('/english/images/headerBG.jpg') repeat-x top left;
}
img#deptTitle {
	float:right;
}

/****Left Column****/
#leftcol {
	background:#ccc url('/english/images/bg1.JPG') repeat top left;
	width:170px;
	float:left;
	width:220px;
	border-right:1px solid #999;
	border-bottom:1px solid #999;
	margin: 20px 8px 20px 8px;
}

#leftcolContent {
	font-size:0.75em; 
	line-height:1.0em;
	text-align:left;
	margin-left:20px;
}
#sidebar {float:right;width:205px; height:auto;background-color:#ddd;padding:10px 10px 10px 10px;margin:8px 8px 8px 8px; 
border-top:1px solid #fff;border-right:1px solid #939393;border-bottom:1px solid #939393;border-left:1px solid #fff;
font-size:0.85em;}
#sidebar p {margin:3px 0 15px 0;padding:0;line-height:1.25em;}

.noBorder {
	border:0;
}

/*** Styles for black bar at top of page that contains UWSP branding ***/

#UWSPbar {
	width: 760px; /* Change this value to 1000px for a 1024 layout */
	
}


/*** Floats images right or left ***/

.imageRight {
	float:right;
	margin-left:5px;
	margin-bottom:5px;
}
.imageLeft {
	float:left;
	margin-right:5px;
	margin-bottom:5px;
}


/*** Changes footer styles to match English colors ***/

#footer {
	background-color:#321106;
	color:#ccc;
	font-size:0.60em;
	line-height:1.75em;
	text-align:center;
	padding: 15px 10px;
	clear:both;
}
#footer a:link, #footer a:visited {
	color:#ccc;
}
#footer a:hover {
	color:#fff;
}


/*******************************************************************************************************/
/*********************************************************************** Top Navigation Styles *********/
/****************************************(requires a parent div of "nav" and class of .active) *********/
/*******************************************************************************************************/

 

/* Defines padding & margins, height, font size & position, and adds a background image to main nav div */
#nav { padding:0 0 0 0px; margin:0; background: #4a1909 url(''); 
height:30px; text-align:left;font-size:0.70em; }

/* Sets main nav link padding to extend out from text, removes link underline */
#nav ul li a, #nav ul li a:visited { 
	font-weight: normal;
	/*font-size:small;
	display: block;*/
	text-decoration:none;
	padding:0px 10px 0px 10px;
	color:#fff;
}
/* Removes the list bullets, sets margin and padding */
#nav ul { list-style:none; margin:0; height:30px; padding:0 0 0 0px; }
#nav ul li { float:left; position:relative; padding-top:5px; height:25px;}


/* Hides the submenus */
#nav ul li ul { display:none; }

#nav ul li ul li {
	padding:0px ;height:auto;
}

#nav ul li:hover {background-color:#343036;}

/* Displays the submenus when the parent list item is hovered over, and positions submenus */
#nav li:hover ul { display:block; position:absolute; left:-2px; top:30px; width:170px; }

/* Not sure this does anything... */
/*#nav ul li:hover ul li:active { background:#e8e8e8; }*/

/* Hides the sub-submenu */
#nav ul li:hover ul li ul { display:none; }

/* Displays the submenus on hover of main menu list items, positions submenus relative to parent list items,
gives the submenus a background color and border, shrinks font size down from main link size, pads the
submenu links */
#nav ul li:hover ul li a { display:block; position:relative; width:170px; background-color:#C0C0C0; color:#000;
border-right: 1px solid #7d7d7d; border-bottom: 1px solid #7d7d7d; border-left: 1px solid #7d7d7d;
font-size:0.95em; line-height:1.5em;padding:4px 7px 4px 7px; }

/* Changes the background hover color on the submenu links  */
#nav ul li:hover ul li a:hover { background:#f7f7f7; }

/* Displays the sub-submenus on hover over the submenu link */
#nav ul li:hover ul li:hover ul { display:block; position:absolute; left:172px; top:0px; }

/* Not sure what this rule does... */
/*#nav ul li:hover ul li:hover ul li a { display:block; width:170px; }*/

/* Not sure what this rule does, either! */
#nav ul li:hover ul li:hover ul li a:hover { background:#f7f7f7; }

/* Uses a class on the link to keep the hover background color on the parent submenu link when one hovers over the sub-submenu */
#nav ul li:hover ul li:hover a.active { width:170px; background:#f7f7f7; }





/***** Shadows for top, bottom, and sides of container *****/

#headerShadow {width:820px;height:25px;margin:0 auto;background:url('/english/images/headerShadow.png') no-repeat}
#shadow {width:820px; height:auto;margin:0px auto 0 auto;background:url('/english/images/sideShadow.png') repeat-y}
#footershadow {width:820px;margin:0 auto;height:38px; background:url('/english/images/footerShadow.png') no-repeat left top}	

/***************************Left nav for secondary pages************************************/
/*Background color on #leftcol crucial to flyout menus working properly*/
#leftcol {width:169px; float:left; margin:0 10px 0 0;padding:0;background-color:#ccc;}
#leftcolContent {margin: 20px 8px 20px 8px}

#leftcol{
	width:169px;
	min-height:400px;
	height:auto;
	background-image:url('/chemistry/Images/bkr2.jpg');
	background-repeat:no-repeat;
	background-position:right top;
	/*border-right:medium #e6e4e4 solid;*/
	background-color:transparent;
	margin-right:0px;
	padding-top:20px;
	padding-left:0px;

}

#leftcol.leftcolHome {
	width:280px;
	height:421px;
	padding-top:0;
	background-color:#000;
	background-image:none;
}



/******************************** Top Navigation Styles For Secondary Page *********/
/****************************************(requires a parent div of "nav" and class of .active) *********/


#topnav2 {background-color:#9b391f;}

/* Defines padding & margins, height, font size & position, and adds a background image to main nav div */
#nav2 { padding:0 0 0 0px; 
		margin:0; 
		height:30px; 
		text-align:center;
		font-size:0.70em; }

/* Sets main nav link padding to extend out from text, removes link underline */
#nav2 ul li a, #nav ul li a:visited { 
	font-weight: normal;
	/*font-size:small;
	display: block;*/
	text-decoration:none;
	padding:0px 10px 0px 10px;
	color:#fff;
}

/* Removes the list bullets, sets margin and padding */

#nav2 ul { list-style:none; margin:0; height:30px; padding:0 0 0 0px; }

#nav2 ul li { float:left; position:relative; padding-top:5px; height:25px;}


/* Changes the color of the tab when hovered over */

#nav2 ul li:hover {background-color:black;}


/* used to style pictures */
div.left_image {
	float: left;
	padding: 5px;
	margin: 5px;
}

div.left_image p {
	text-align: left;
	font-size: 0.8em;
	font-style: italic;	
}

div.right_image {
	float: right;
	padding: 5px;
	margin: 5px;
}

div.right_image p {
	text-align: left;
	font-size: 0.8em;
	font-style: italic;	
}

div.center_image img {
	display:block;
	margin-left: auto;
	margin-right: auto;
	padding: 5px;
	margin: 5px;
	padding-left:15px;
	margin-left:15px;
}

div.center_image p {
	text-align: center;
	font-size: 0.8em;
	font-style: italic;	
}

/********************  Formatting for the Scholarship Lists **********************/

div.scholarList ul {
	list-style:none;
}

div.scholarList ul li {
	margin-bottom: 1em;
}

/********************  Misc Formatting **********************/

.underline {
		text-decoration: underline;
	}

/** use to format a quote on the declare major page **/
.blockQuote {
	margin-top:3em;
	margin-bottom:3em;
	margin-left:8em;
	margin-right:8em;
	padding:2em;
	border:1px;
	border-color:#5e1f0b;
	border-style:solid;
	font-size:.8em;
}

.blockQuote p {
	margin-bottom:1em;
	margin-left:1em;
	margin-right:1em;
	margin-top:0em;
}

.blockQuote ol {
	margin-bottom:0em;
	margin-left:0em;
	margin-right:0em;
	margin-top:0em;
	padding-left:2em;
}


/** used on the "prorgrams in English" page **/

.programStyle p {
	margin-top:.25em;
	margin-bottom:2em;
}

.programStyle h4 {
	margin-bottom:.25em;
}

.programStyle a:link {
	color:#5e1f0b;
}

/*** used on the Grad School Pages ***/

.DonQuixote {
	font-family:"Old English Text MT", Georgia, "Times New Roman", Times, serif;
	
}

h1.DonQuixote {
	font-size:2em;
	text-align:center;
	margin-bottom: 1.5em;
}

h2.DonQuixote {
	font-size:1.5em;
	
}

ul.NoDecs {
	list-style:none;
}