@import url("reset.css");
@charset "utf-8";
/* CSS Document */


/******************************************/
/****         Site Wide Styles         ****/
/******************************************/
body {
    color:#333;	
    background:url(../collegeimages/bgGradient-main.jpg) top repeat-x #fff;
	font: 100%/1.1 "Lucida Grande","Lucida Sans Unicode",arial,sans-serif;
}

a {
 	border-bottom:1px dotted #b70101;
    color: #b70101;
	cursor: pointer;
	text-decoration:none;
}
	a:hover {
		color:#999;
		border-bottom-color:#999;
	}

a.gift {
    background:url(../collegeimages/gift_button.jpg) no-repeat;
	border-bottom:none;
	display:block;
    height:70px;
    margin: 0 auto;
	position:relative;
    text-indent:-999em;
	width:118px;
}

/******************************************/
/****           Page Wrapper           ****/
/******************************************/
div#wrapper {
	padding:0;
	margin: 40px auto 0;
	width: 960px;
}

/******************************************/
/****       UW Global Navigation       ****/
/******************************************/
ul#uwNav {
	position:absolute;
	right: 5px;
	top:-20px;
}
	ul#uwNav li {
		border-right:1px solid #fff;
		float:left;
		line-height:1;
		padding:0 10px 0;
	}
			ul#uwNav li a {
				border-bottom:none;
				color:#fff;
				display:block;
				font-size: .725em;
				line-height:1;
				margin:0;
				margin-left: -5px;
				margin-right: -5px;
				padding:0 0 1px;
			}
				ul#uwNav li a:hover {
					border-bottom: 1px dotted #fff;
				}
			ul#uwNav li.last {
				border-right: none;
				padding-right:0;
			}

/******************************************/
/****              Header              ****/
/******************************************/
div#header {
	background: #b70101;
	/* background: #cc9933; GOLD VERSION */
	border-left: 1px solid #660000;
	border-top: 1px solid #660000;
	border-right: 1px solid #660000;
	clear:both;
	color:#fff;
	width:958px;
	height:89px;
	position:relative;
}
	div#header h1 {
		height:70px;
		/*  width: 435px; */
		 width: 755px;
		/* padding: 22px 0 0 80px;  */
		padding-top: 20px;
/* THE NEXT LINE IS TROUBLESOME. REMOVE SPECIFICS. */
		/* background:url(/graphics/wiscwebcms/COEbanner.png) no-repeat center; */
		background:url(../collegeimages/wordmarkTagSite-specific.png) no-repeat;
		position: relative; top: 20px; left: 80px;  /* ADDED */
	}
	
	/* Classes added for different banners*/
	div#header h1.ep
	{
		background: url(http://www.engr.wisc.edu/cmsimages/ep.png) no-repeat;
	}
	
	div#header h1.me
	{
		background: url(http://www.engr.wisc.edu/cmsimages/me.png) no-repeat;
	}
	
	div#header h1.mse
	{
		background: url(http://www.engr.wisc.edu/cmsimages/mse.png) no-repeat;
	}
	
	div#header h1.msp 
	{
		/* No banner image exists for MSP so we default to COE instead */
		background: url(http://www.engr.wisc.edu/graphics/wiscwebcms/COEbanner.png) no-repeat;
		/* background: url(http://www.engr.wisc.edu/cmsimages/msp.png) no-repeat;*/
	}
	
	div#header h1.bme
	{
		background: url(http://www.engr.wisc.edu/cmsimages/bme.png) no-repeat;
	}
	
	div#header h1.cee
	{
		background: url(http://www.engr.wisc.edu/cmsimages/cee.png) no-repeat;
	}
	
	div#header h1.cbe
	{
		background: url(http://www.engr.wisc.edu/cmsimages/cbe.png) no-repeat;
	}
	
	div#header h1.che
	{
		background: url(http://www.engr.wisc.edu/cmsimages/cbe.png) no-repeat;
	}
	
	div#header h1.epd
	{
		/* No Background image exists for EPD, so we default to COE */
		background: url(http://www.engr.wisc.edu/graphics/wiscwebcms/COEbanner.png) no-repeat;
		/* background: url(http://www.engr.wisc.edu/cmsimages/epd.png) no-repeat; */ 
	}
	
	div#header h1.ece
	{
		background: url(http://www.engr.wisc.edu/cmsimages/ece.png) no-repeat;
	}
	
	div#header h1.ge
	{
		background: url(http://www.engr.wisc.edu/cmsimages/ge.png) no-repeat;
	}
	
	div#header h1.ie
	{
		background: url(http://www.engr.wisc.edu/cmsimages/isye.png) no-repeat;
	}
	
		div#header h1 a {
			border-bottom:none;
			color:#fff;
			display:block;
            height: 37px;
            text-indent:-999em;
			  width:380px;
			 /* width:700px; */
		}
			div#header h1 a:hover {
				border-bottom:1px dotted #fff;
			}
	div#header a.shield {
		background:url(../collegeimages/crest.png) no-repeat left;
		border-bottom:none;
        display:block;
		height:106px;
		left:5px;
		}
			div#header h1 a:hover {
				border-bottom:1px dotted #fff;
			}
	div#header a.shield {
		background:url(../collegeimages/crest.png) no-repeat left;
		border-bottom:none;
        display:block;
		height:106px;
		left:5px;
		position:absolute;
		text-indent:-999em;
		top:-25px;
		width:70px;
	}
/* Defines UNIVERSITY OF WISCONSIN-MADISON */
/* Renamed; recreated in Photoshop so that UW and COE match */
	div#header a.wordmarkUW {
		background:url(../collegeimages/wordmarkUW.png) no-repeat left center;
		border-bottom:none;
		display:block;
		height: 12px;
		left: 75px;
		position:absolute;
		text-indent:-999em;
		top:-20px;
		width:253px; /*width of new image*/
	}
		div#header a.wordmarkUW:hover {
			border-bottom: 1px dotted #fff;	
		}
/* Defines COLLEGE OF ENGINEERING */
	div#header a.wordmarkCOE {
		background:url(../collegeimages/wordmarkCOE.png) no-repeat left center;
		border-bottom:none;
		display:block;
		height: 12px;
		left: 330px;  /* add left indention of 75px from above, plus the 253px width of wordmarkUW.png */
		position:absolute;
		text-indent:-999em;
		top:-20px;
		width:181px;
	}
		div#header a.wordmarkCOE:hover {
			border-bottom: 1px dotted #fff;	
		}
	div#header form#search {
		font-size:.775em;
		position:absolute;
		right:5px;
		top:15px;
	}

/******************************************/
/****         Main Navigation          ****/
/******************************************/
ul#mainNav {
    background: url(../collegeimages/navBgShadow.png) repeat-x;
	border-left:1px solid #666;
    border-right:1px solid #666;
	display: inline;
    float:left;
    height:33px;
	margin:0 0 -8px;
    position:relative;
    width:958px;
    z-index:1;
}
	ul#mainNav li {
		background: url(../collegeimages/nav_button_border.gif) no-repeat right;
		float:left;
		position:relative;
	}
		ul#mainNav li a {
			border-bottom:none;
			display:block;
			/* font-size:.825em; */
			/*font-size:.78em;*/
			font-size:.73em;
			height:20px;
			line-height:25px;
			/* padding:0 30px; */
			padding:0 31px 0 30px;
			text-transform:uppercase;
		}
			ul#mainNav li a:hover {
				background: url(../collegeimages/navbtn-hover.jpg) repeat-x;
				color:#333;
				margin-right:2px;
				padding-right:28px;
			}
		ul#mainNav li ul {
			background:#e5d7bd;
			position:absolute;
			width:100%;
			left:-999em; /* hide sub-nav */
		}
		ul#mainNav li:hover ul {
			left:0; /* show sub-nav on hover */
		}
			ul#mainNav li ul li {
				background:none;
				width:100%;
			}
			ul#mainNav li ul li:hover {
				background: #d1bd98;
			}
				ul#mainNav li ul li a {
					padding:0 0 0 10px;
					margin:0;
				text-transform: capitalize;
				}
				ul#mainNav li ul li a:hover {
					background:none;
				}

/******************************************/
/****         Content Wrapper          ****/
/******************************************/
div#content {
	background: url(../collegeimages/lower-bg.jpg) repeat-y #fff;
	border-color:#666 #666 #B70101;
	border-style:none solid solid;
	border-width:1px 1px 2px;
	margin: 0;
	overflow:hidden;
	padding: 0 0 20px;
	position:relative;
	width:958px;
	z-index:0;
}

/******************************************/
/****          Center Column           ****/
/******************************************/
div#center {
	display:inline;
	float:left;
	left:225px;
	margin:0;
	padding:30px 30px 0;
	position:relative;
	width:470px;
}

	div#center p {
		font-size:0.9em;
		line-height:1.3em;
        margin-bottom:0.2em;
    }
    div#center a.readmore {
		border-bottom:none;
        color:#b70101;
		font-size:0.9em;
		margin:0 10px;
    }
	div#center a.readmore:hover {
			border-bottom: 1px dotted #b70101;
	}
    div#center h2 {
        color:#b70101;
		font-size:1.29em;
		line-height:1;
		margin-bottom:20px; 
    }
		div#center h2 a {
			color:#b70101;
			border-bottom:none;
		}
			div#center h2 a:hover {
				color: #b70101;
				border-bottom: 1px dotted #b70101;
			}
    div#center h3 {
		color:#333;
		font-size:.82em;
        	font-weight:bold;
		line-height:28px;
    }
		div#center h3 a {
			border-bottom:none;
			color:#666;
		}
		div#center h3 a:hover{
			border-bottom: 1px dotted #666;
		}
ul.twoCol li {
	padding:0 0 1em;
	margin:0;
	width:50%; 
	float:left;
}
ul.twoCol li p {
	margin:0;
	padding: 0 10px;
}
ul.twoCol li h3 {
	padding: 0 10px;
}

/******************************************/
/****           Left Column            ****/
/******************************************/
div#left {
	display:inline;
	float:left;
	left:-530px;
	margin:0;
	padding:30px 0 0 10px;
	position:relative;
	top:-245px;
	width:205px;
}
body.internal div#left {
	top:0;
}

/******************************************/
/****          Right Column            ****/
/******************************************/
div#right {
	display:inline;
	float:left;
	margin:0;
	padding:30px 20px 0;
	position:relative;
	width:163px;
}
	div#right p {
		color:#333;
		font-size:0.75em;
		line-height:1.4em;
		margin: 1.0em 0;
	}

/******************************************/
/****         College Links            ****/
/******************************************/
div#left ul#coeLinks {
	background: #efe8d8;
	border-bottom: 2px solid #fff;
	display:inline;
	float:left;
	height:214px;
	left:-20px;
	margin:0;
	padding:30px 0 0 20px;
	position:relative;
	top:-28px;
	width:215px;
	z-index:1;
}
	div#left ul#coeLinks li {
		position:relative;
	}
		div#left ul#coeLinks li a, ul#coeLinks li h2 {
			border-bottom:none;
			display: block;
			font-size:0.9em;
			padding: 5px 10px;
			text-transform:uppercase;
		}
			div#left ul#coeLinks li a:hover {
				background: #d1bd98;
				color:#333;
			}
		div#left ul#coeLinks li ul {
			background: #efe8d8;
			left:-999em; /*hide sub-nav*/
			position:absolute;
			top:0;
			width:100%;
			z-index:1;
		}
		div#left ul#coeLinks li:hover ul {
			left:100%;
		}
			div#left ul#coeLinks li:hover ul li a{
				text-transform:none;
				padding: 5px 10px;
			}
			
/******************************************/
/****         Two Column List          ****/
/******************************************/
ul.twoCol li {
	padding:0 0 1em;
	margin:0;
	width:50%; 
	float:left;
}
	ul.twoCol li p {
		margin:0;
		padding: 0 10px;
	}
	ul.twoCol li h3 {
		padding: 0 10px;
	}

/******************************************/
/****        Featured Banner           ****/
/******************************************/

div#featured {
	background:#ccc;
	display:inline;
	float:left;
	height:245px;
	left:225px;
	margin:0;
	overflow:hidden;
	padding:0;
	position:relative;
	width:733px;
}
/* FROM UW HOMEPAGE; NOT CURRENTLY USED BY COE

	div#featured div#featuredNav {
        bottom:10px;
        left: 10px;
		position:absolute;
    }
		div#featured div#featuredNav a.previous {
			background:url(/graphics/wiscwebcms/prev.gif) no-repeat;
			border-bottom:none;
			display:block;
			float:left; 
			height:16px;
			margin-right:2px;
			position:relative;
			text-indent:-999em;
			width:17px;
	 	}
			div#featured div#featuredNav a.previous:hover {
				background:url(/graphics/wiscwebcms/prev-hover.gif) no-repeat;
			}
	  	div#featured div#featuredNav a.next {
			background:url(/graphics/wiscwebcms/next.gif) no-repeat;
			border-bottom:none;
 			display:block; 
			float:left;
			height:16px;
			position:relative;
 			text-indent:-999em;
			width:17px;
		 }
			 div#featured div#featuredNav a.next:hover {
				 background:url(/graphics/wiscwebcms/next-hover.gif) no-repeat;
			 }
		div#featured ul#featuredList {
			height:245px;
			width:6000px;
	        list-style:none;
		}
		div#featured ul#featuredList li{
			float:left;
			width:733px;
			position:relative;
		}
		div#featured ul#featuredList li div.caption {
			left:0;
			position: absolute;
			top:0;
		}
		div#featured ul#featuredList li div.caption p {
			color:#fff;
			background:url(/graphics/wiscwebcms/caption-bg.png) repeat;
            line-height:1.3em;
			width:160px;
            height:225px;
			padding:10px;
			font-size:0.8em;
			padding:10px;
	    }
			div#featured ul#featuredList li div.caption a.fullstory {
                background:#f9c100;
				border-bottom:none;
				color: #333;
				display:block;
                font-size:0.8em;
				font-weight:bold;
				margin-top:1em;
				padding: 1px 10px;
				text-align:center;
				text-decoration:none;
				text-transform:uppercase;
				width:70px;
            }
				div#featured ul#featuredList li div.caption a.fullstory:hover {
					color:#b70101;
				}

*/
/******************************************/
/****          Quick Links             ****/
/******************************************/
ul#quickLinks {
	margin:0;
	padding:0;
	position:relative;
}
	ul#quickLinks li {
		position:relative;
	}
		ul#quickLinks li a, ul#quickLinks li h2 {
			border-bottom:none;
			display: block;
			font-size:0.9em;
			padding: 5px 10px;
		}
			ul#quickLinks li a:hover {
				background: #d1bd98;
				color:#333;
			}
			
/******************************************/
/****             Footer               ****/
/******************************************/			
div#footer {
    border-top:5px solid #c0c0c0;
    text-align:center;
    font-size: 0.7em;
    line-height:1.5em;
    padding: 20px 0 20px;
    width:960px;
    margin:0;
}
    div#footer a:hover {
    	text-decoration:underline;	
    }

div#header > form#search > div > input[type="submit"]
{
	background: #EAE0C7;
	border: 0;
	height: 22px;
	position: absolute;
	right: 0;
	top: 0;
	width: 40px;
	border-radius: 5px;
	-webkit-border-radius: 5px;
}

div#header > form#search > div > input[type="text"]
{
	margin-right: 3.5em;
}

}