/* This is what I think are the important parts of the CSE CSS pages */

* { margin: 0; padding: 0 }

body { 
	font-size: 100%;
	font-family: 'Bookman Old Style', 'Georgia', 'Times New Roman', serif;
	text-align: center; 
	background: #EFFFFF; /*This color needs to be changed to change background color*/ 
}

/* Text styles */
h1 { text-align:left; color:white; }
h1 a{ text-decoration:none; }
h1 a:hover{ background-color:transparent; }

h2{color:#4b6c7d; font-weight: normal;} /* Titles of pages */
h3 {color: #0066FF; margin:10px 0px 5px 0px; } /* Subtitles on pages */

h4, h5, h6 {margin: 1.5em 0 0.5em; font-weight: normal; }
h4 {font-size: 15px; color:#3399FF; font-weight: bold; }
h5 {font-size: 11px; color:#4b6c7d; font-weight: bold }
h6 {font-size: 10px; color: #036 }

p { margin: 1em 0; color: #555555; font-size: 1em }

/* Style for the last modified tag that appears with the titles of pages */
.lastmodified {
	font-size: 10pt;
	line-height: 12pt;
	font-weight: normal;
	color: #000000;
}

/* Images */
img {border:none;}

/* We need this to center the stuff on the page */
#pagewrapper {width: 1024px; margin: 0 auto;}

/* This is the first background image (the blue and gray) */
/* In order to get the new size, I needed to modify the actual image size, simply changing it caused it to repeat.*/
#topheader {position: relative; top: 5px; width: 1024px; height: 58px; background: transparent url(http://www.cse.buffalo.edu/faculty/adrienne/Images/CourseWebsitesFA2010AndLater/bg_topheader.gif);}

/* This is the UB Logo for the top of the page - can't modify its size or it gets icky looking */
/* Therefore, a position: relative needed to be adopted with a shift to make it look nice */
#ublogo {position: relative; top: 7px; width: 339px; height: 44px; no-repeat;}
#toplogo {background-image: url(http://www.cse.buffalo.edu/faculty/adrienne/Images/CourseWebsitesFA2010AndLater/ublogo.gif);}
#toplogo a {height: 44px; display: block; text-indent: -9999px; text-decoration: none}

/* The last part of the upper most header is the semester and year */
#semyear {float: right; width: 650; height: 58;}
#semyear {
	text-align: left;
	font-size: 0.95em; 
	color: white;
	font-family: Verdana, Arial, Helvetica, Sans;
	text-transform: uppercase;
	position: relative; 
	top: -30px;
	height: 50px; 
	width: 250px;
}
#semyear li {display: block; list-style: none; font-weight: bold}

/* Styles for the next part of the header */	
/* Background for CSE logo */
#header {width: 1024px; height: 79px; background: transparent url(http://www.cse.buffalo.edu/faculty/adrienne/Images/CourseWebsitesFA2010AndLater/bg_header.gif);}

/* The right hand side of this section - the course title */
#coursetitle {float: right; width: 650; height: 79;}
#coursetitle {
	text-align: left;
	font-size: 16px;
	color: white;
	font-family: Verdana, Arial, Helvetica, Sans;
	text-transform: uppercase;
	position: relative; 
	top: -75px;
	width: 285px;
}
#coursetitle li {display: block; list-style: none; font-weight: bold}

/* Style for navigation bar and menus*/
/* Styles for the menus that display when you hover over - the drop down menus */
.nav {
	position: relative;
	color: #000000;
	font: 1.2em Verdana, Arial, Helvetica, Sans;
	margin: 0;
	width: 1024px;
	height: 43px;
	text-align: left;
	background: transparent url(http://www.cse.buffalo.edu/faculty/adrienne/Images/CourseWebsitesFA2010AndLater/bg_nav.gif);
}

.nav a{
	color: #FFFFFF;
	text-decoration: none;
}

.nav ul {
	margin: 0;
	padding: 0;
	list-style: none;
	font-size: 15px;
	font-weight: bold;
	float: left;
}

.nav li {
	float: left;
	padding: 0 7px;
	position: relative;
}

.nav li a {
	line-height: 33px;
	float: left;
}

.nav li ul {
	display: none;
	background: url(http://www.cse.buffalo.edu/faculty/adrienne/Images/CourseWebsitesFA2010AndLater/submenu_bg.png) repeat-y;
	width: 162px;
	height: auto;
	margin: 0;
	padding: 0 12px 10px;
	list-style: none;
	font-size: 14px;
}

.nav li > ul {
	top: auto;
	left: auto;
}

.nav li:hover ul { 
	display: block;
	background: url(http://www.cse.buffalo.edu/faculty/adrienne/Images/CourseWebsitesFA2010AndLater/submenu_bg.png) repeat-y;
	width: 162px;
	height: auto;
	margin: 0;
	padding: 0 12px 10px;
	list-style: none;
	font-size: 14px;
	clear: left;
}

a .menu-left {
	background: url(http://www.cse.buffalo.edu/faculty/adrienne/Images/CourseWebsitesFA2010AndLater/menu_left.png) no-repeat left top;
	width: 8px;
	height: 33px;
	line-height: 33px;
	display: block;
	float: left;
}
a .menu-mid {
	background: url(http://www.cse.buffalo.edu/faculty/adrienne/Images/CourseWebsitesFA2010AndLater/menu_mid.png) repeat-x top left;
	height: 33px;
	line-height: 33px;
	display: block;
	float: left;
}
a .menu-right {
	background: url(http://www.cse.buffalo.edu/faculty/adrienne/Images/CourseWebsitesFA2010AndLater/menu_right.png) no-repeat top left;
	width: 8px;
	height: 33px;
	line-height: 33px;
	display: block;
	float: left;
}
.nav li a:hover .menu-left,
.nav li.active a .menu-left,
.nav li:hover a .menu-left,
.nav li a:hover .menu-mid,
.nav li.active a .menu-mid,
.nav li:hover a .menu-mid,
.nav li a:hover .menu-right,
.nav li.active a .menu-right,
.nav li:hover a .menu-right {
	background-position: 0 -35px;
	line-height: 33px;
}
.nav li a:hover,
.nav li.active a,
.nav li.hover a,
.nav li:hover a {
	color: #09548B; /* Needs to be changed to match color scheme */
}
.nav li:hover .sub,
.nav li.hover .sub {
	display:block;
}
.nav li .sub {
	display: none;
	position: absolute;
	top: 27px;
	left: 6px;
	background: url(http://www.cse.buffalo.edu/faculty/adrienne/Images/CourseWebsitesFA2010AndLater/submenu_top.png) no-repeat;
	width: 186px;
	padding-top: 9px;
}

.nav li:hover li,
.nav li.active li {
	width: 100%;
	padding: 1px 0 2px;
	border-bottom: 1px #C1D9F0 dashed;
	background: none !important;
}
.nav li:hover li a,
.nav li.active li a {
	color: #09548B;
	background: none !important;
	line-height: normal;
	width: 156px;
	padding: 8px 3px 3px;
	text-indent: 1px;
}


/**** Change this color to change hover color in main nav menus ****/
.nav li:hover li a:hover,
.nav li.active li a:hover {
	color: #09548B;
	background: none !important;
	text-decoration: none;
	line-height: normal;
}
.nav .btm-bg {
	background: url(http://www.cse.buffalo.edu/faculty/adrienne/Images/CourseWebsitesFA2010AndLater/submenu_bottom.png) no-repeat;
	overflow: hidden;
	clear: both;
	width: 186px;
	height: 9px;
	
}
/* End of styles for navigation menus */
/****************************************************************************************/


/* Puts a background behind the page content */
#contentwrapper {width: 1024px; float: left; text-align: left; background: #fff url(http://www.cse.buffalo.edu/faculty/adrienne/Images/CourseWebsitesFA2010AndLater/bg_content.gif) repeat-y; }

/* Column design */
/* Left column for internal navigation for the section, right column for content */
#leftcolumn {float: left; width: 200px;}
#rightcolumn {float: right; width: 750px; padding-right: 14px;}

#leftcontent {margin-left: 15px; padding: 15px 10px 15px 15px;}
	body.home #leftcontent {margin-left: 15px; padding: 0;}
#rightcontent {padding: 0 15px 10px 0;}
	body.home #rightcontent {padding: 0; text-align: left;}

/* No-column design */
#onecolumn {float: left; width: 950px;}
#onecontent {margin-left: 15px; padding: 15px 10px 15px 15px;}
	body.home #onecontent {margin-left: 15px; padding: 0; text-align: left;}
	
#closer {width: 1024px; float: left; height: 100px; background: transparent url(http://www.cse.buffalo.edu/faculty/adrienne/Images/CourseWebsitesFA2010AndLater/bg_footer.gif) no-repeat 0 -10px;}
#closer p {font-size:10px; color: #323433 }

#closer p.footerleft {margin: 35px 8px 0; font-size: 10px; float: left; color: #333}
#closer p.footerright {margin: 35px 8px 0; font-size: 10px; float: right; color: #333 }

/******/
/* As of this moment, nothing under this marker has been needed */
	
/*#leftsection {float: left; margin-right: 5px; width: 350px;}
#rightsection {float: right; width: 190px;}

	
/*

/* OK - read about this, not sure why it's in there, but demo convinced me of its usefulness in keeping layout nice */
/*.clearfix:after,
.clearsub li:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.clearfix,
.clearsub li {display: inline-block;}
* html .clearfix,
* html .clearsub li {height: 1%;}
.clearfix,
.clearsub {display: block;}

/* clearing */
/*.clear, .clearsub li {
	display: inline-block;
	clear: both;
}
.clear:after, ul.clearsub li:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
/* Hides from IE-mac \*/
/** html .clear, * html .clearsub li {height: 1%;}
.clear, .clearsub li {display: block;}
/* End hide from IE-mac */



/*.content {
	width: 670px;
	background: transparent url(http://www.cse.buffalo.edu/faculty/adrienne/play/newPlay/menu/images/content_bg.png) repeat-y;
	float: left;
	padding: 10px 20px;
}
.content h1 {
	color: #333;
	font-weight: 400;
	text-transform: uppercase;
	font-size: 18px;
	border-bottom: 1px dashed #C1D9F0;
}
.content h2 {
	font-weight: 400;
	text-transform: uppercase;
	font-size: 14px;
	padding-left: 10px;
	margin-bottom: -5px;
}
.content p {
	padding: 0 15px;
	text-align: justify;	
}
.content-bottom {
	width: 710px;
	background: transparent url(http://www.cse.buffalo.edu/faculty/adrienne/play/newPlay/menu/images/content_bottom.png) no-repeat;
	height: 13px;
	float: left;
}

*/