/************************************************************************************
STRUCTURE
*************************************************************************************/
body {font-family: helvetica, arial, sans-serif;}

b {font-weight:bold;}
i {font-style:italic;}

#confirmationbox {
	width:100%;
	margin:0 auto 40px;
	background-color:#009900;
}
#confirmationbox .message {
	margin: 0 auto;
	width:990px;
	font-size:28px;
	font-weight:bold;
	color:#ffffff;
	padding:20px;
}

#pagewrap {
	padding: 0px;
	/* width: 94%;   <<uncomment for reactive deisgn */
	width:990px;
	max-width:1400px;
	margin: 30px auto 40px;
}
#header {
	height:90px;
}

#header p  {
	font-size:42px;
}

	#header .headermatt {font-weight:normal; font-size:16px; color:#7f7f7f; margin-bottom:3px;}
	#header .bigtitle {font-weight:bold; font-size:42px; color:#7f7f7f;}
	#header .subtitle {font-weight:bold; font-size:16px; color:#7f7f7f;}

#content {
	width:85%;
	float: right;
}
#sidebar {
	width: 135px;
	float: left;
	background-image:url(/images/92white.png);
	background-repeat:repeat;
	background-color:white;

	/* Fallback for web browsers that don't support RGBa */
	background-color: rgb(255, 255, 255);
	/* RGBa with 0.6 opacity */
	background-color: rgba(255, 255, 255, 0.92);
	/* For IE 5.5 - 7*/
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#daffffff, endColorstr=#daffffff);
	/* For IE 8*/
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#daffffff, endColorstr=#daffffff)";

}




ul.widenav {
	border-top:5px solid #cccccc;
	margin-top:31px;
	padding:10px;
}

ul.widenav li a {
	font-size: 16px;
	color:#000000;
	text-decoration:none;
}
ul.widenav li a:hover {
	text-decoration: underline;
}
ul.widenav li a.active { color:#ff0000; font-weight:bold;}
ul.widenav li {
	margin-top:13px;
}

ul.lessonnav {
	margin-left:10px;
}

ul.lessonnav li:before {
	content: "\00BB \0020";
	color:#666666;
}

ul.lessonnav li {
	margin-top:5px;
}

ul.lessonnav li a {
	font-size: 14px;

}

#sidebar li.selected a { color: #ff0000; font-weight:bold;}


#footer {
	clear: both;
	background-color:#000000;
	color:#666666;
	text-align:right;
	font-family:georgia,times, serif;
	font-size:12px;
	padding:10px;
}

.date {
	/*background-color:#666666; */
	color:#ffffff;
	font-weight:bold;
	font-family: arial;
	float:left;
	margin-left:2%;
	margin:1%;
	text-align:center;
	height: auto;
	width:22%;
	background-color:#000000;
	-moz-border-radius: 4px;
	border-radius: 4px;

	background: #45484d; /* Old browsers */
	background: -moz-linear-gradient(top,  #45484d 0%, #000000 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#45484d), color-stop(100%,#000000)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #45484d 0%,#000000 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #45484d 0%,#000000 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #45484d 0%,#000000 100%); /* IE10+ */
	background: linear-gradient(top,  #45484d 0%,#000000 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#45484d', endColorstr='#000000',GradientType=0 ); /* IE6-9 */

}

.firstdate {margin-left:3%;}

.date .calendarstamp {
	max-width:25%;
	text-align:center;
	font-size:18px;
	float:left;
	border-right: 1px solid #999999;
	margin:10px 0 0 0;
	color:#ffffff;
	padding:0 5%;
}

.date .description {
	line-height: 110%;
	text-align:left; width:57%; margin-top:10px;float:right; font-size:13px; font-weight:normal; padding-right:3%;
}
.date .description .classlabel {
	font-weight:bold;
}

.date .calendarstamp .daynum {
	font-size:42px;
	min-width:42px;

}

.bread {
	background-color:#333333; color:#ffffff; font-size:20px;padding: 7px 10px 4px; font-weight:bold;
}
.bread a {text-decoration:none; color:#ffffff;}
.bread a:hover {text-decoration:underline;}





.currentclass .classpicker, .menu li .classpicker {
	display:block;
	border-top:1px solid #7297f0;
	border-bottom: 1px solid #3a5aa5;
	overflow:auto;
	margin:0px 10px 0px 50px;
	text-decoration:none;
	line-height:0;
	padding:10px;
	width:445px;
	color:#ffffff;

	/*gradient*/
	background: #5a80da; /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzVhODBkYSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM0MTY0YjgiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  #5a80da 0%, #4164b8 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#5a80da), color-stop(100%,#4164b8)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #5a80da 0%,#4164b8 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #5a80da 0%,#4164b8 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #5a80da 0%,#4164b8 100%); /* IE10+ */
	background: linear-gradient(top,  #5a80da 0%,#4164b8 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5a80da', endColorstr='#4164b8',GradientType=0 ); /* IE6-8 */
}

.menu li .classpicker{margin:0!important}

.curentclass_content .classpickertop {
	border-radius: 10px 10px 0 0;
	moz-border-radius: 10px 10px 0 0;


}

.currentclass .classpickerbottom {
	border-radius: 0 0 10px 10px;
	moz-border-radius: 0 0 10px 10px;
}

.currentclass .classpicker-onlyoneclass {
	border-radius: 10px;
	moz-border-radius: 10px;
}


.currentclass .classpicker .monthlabel, .menu li .classpicker .monthlabel{
	float:left;
	margin-right:20px;
	line-height:105%;
	text-align:center;
	font-weight:bold;
	font-size:12px;
	padding:8px 4px;
	background-color:#2f4da1;
	color:#ffffff;
	border-radius: 4px;
	moz-border-radius: 4px;
	letter-spacing:1px;
	min-width:55px;
}

.currentclass .classpicker .datenum , .menu li .classpicker .datenum{
	text-align:center;
	font-weight:bold;
	font-size:32px; padding:8px; color:#ffffff;}

.currentclass .classpicker .anglequote {
	float:right; padding-top:0;line-height:60%;color:#ffffff; font-family:times, serif; font-size: 70px; text-shadow: #000000 1px 1px 0;
}

.currentclass .classpicker .lessontitle, .menu li .classpicker .lessontitle {
	padding-left:8px;  padding-top:8px; line-height:105%; color:#ffffff; font-weight:bold; font-size:20px; text-align:left; text-shadow: #000000 1px 1px 0;
}

.currentclass .classpicker:hover, .menu li .classpicker:hover  {border-bottom:1px solid #510358;}
.currentclass .classpicker:hover , .menu li .classpicker:hover {
	background: #c201d3; /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2MyMDFkMyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM2ZDAwNzciIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  #c201d3 0%, #6d0077 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#c201d3), color-stop(100%,#6d0077)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #c201d3 0%,#6d0077 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #c201d3 0%,#6d0077 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #c201d3 0%,#6d0077 100%); /* IE10+ */
	background: linear-gradient(top,  #c201d3 0%,#6d0077 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c201d3', endColorstr='#6d0077',GradientType=0 ); /* IE6-8 */
}

.currentclass .classpicker:hover .monthlabel, .menu li .classpicker:hover .monthLabel {
	background-color:#510358;
}

.currentclass .classpicker .lessonlabel {font-weight:normal; font-size: 16px; color:#c0cef0; text-shadow:none;}

#u2header {
	background-color:#000000;
	color:#ffffff;
	font-weight:bold;
	padding: 20px 10px;
	font-size:18px;
}

.curentclass_content {
	background-color:#eaeaea;
	padding-bottom:40px;
	border-top:5px solid #000000;
	border-bottom: 1px solid #cccccc;

}

.curentclass_content div.section {
	font-family:helvetica, arial, sans-serif;
	font-weight:bold; font-size:16px;
	color:#000000;
	margin:20px 0 10px 30px;
}

.curentclass_content div.subhead {
	margin:0 50px 25px;
	font-family:georgia, times, serif;
	font-size: 32px;
}

.curentclass_content h1 {
	font-family:helvetica, georgia, times, serif;
	font-size:63px;
	letter-spacing: -1px;
	font-weight:bold;
	text-shadow: #ffffff 1px 1px 0px;
	padding: 0px 50px 5px;
	line-height: 100%;
}



.u2generic {
	font-family: georiga, times, serif;
	font-size: 20px;
	line-height:130%;
	color:#333333;
	margin-left:50px;
	padding-right:20px;
	width:475px;
}
.u2generic h2 {
	font-family:helvetica, arial, sans-serif;
	font-weight:bold;
	font-size: 28px;
	margin-bottom:10px;
	margin-top:25px;
}

.u2generic .prereq {
	font-family: helvetica, arial, sans-serif; font-size:15px; color:#666666; line-height:120%; margin-bottom:5px;
}

.u2generic .prereq a {
	font-family: arial, helvetica; font-size:17px; font-weight: bold; color:#3f65b2;
}

.locationtime {
	float:right; width:250px; margin:0px 30px;  padding:0;
}

.locationtime .locationdesc {
	font-size: 14px; color:#333333; line-height:130%;
}

.slideslinkbuttondiv {
	margin:20px 0;
}

.videocontainer {
	float:left; padding:10px; margin-top:3px;background-color:#cccccc;
}

.mw {
	float:left; margin-right:20px; margin-bottom:20px; margin-top:5px;
}

a.linkbutton {
	line-height:0;
	text-shadow: #0a1f48 1px 1px 0px;
	text-decoration:none;
	padding: 5px 10px;
	font-size: 14px;
	color:#ffffff;
	background-color:#3f65b2;
	-moz-border-radius: 15px;
	border-radius: 15px;
	color:#ffffff;
	font-family: helvetica, arial, sans-serif;
	font-weight:bold;
}

a.linkbutton span {
 	font-size:150%;
 	font-weight: normal;
 	padding-left:5px;
 }

.genericcontent { margin-left:50px; margin-top:50px; margin-right:20px; }
.genericcontent h2 {font-size: 42px; margin-bottom:10px; margin-top:10px; font-weight:bold; font-famil: helvetica, arial, sans-serif; color:#333333}
.genericcontent h3{font-size: 18px; margin-bottom:5px; margin-top:50px;font-weight:bold; font-family: helvetica, arial, sans-serif; color:#666666;}

.genericcontent p { font-family: georgia, times, serif; color:#333333; font-size:20px; line-height:130%; }
.genericcontent ul {margin-top:10px;}
.genericcontent	ul li {
	list-style-type:disc;
	margin-left:20px;
	color:#666666;
	margin-bottom:10px;
}
.genericcontent ul li  a { font-size:18px; color:#3f65b2; font-weight:bold; }
h3 {font-weight:bold; font-size:18px; margin-bottom:5px;}


.classcontent {background-color:#e1e1e1; padding-bottom:50px;}

.classcontent ul {margin: 0 50px;}

.classcontent p {
	margin-left:20px;
	margin-bottom:10px;
	font-family:georgia, times, serif;
	font-size:20px;
	line-height:28px;
	margin-top:10px;
	color:#333333;
	margin-left:50px;
}

.classcontent ul li {
	list-style-type:disc;
	margin-left:20px;
	margin-bottom:10px;
	font-family:georgia, times, serif;
	font-size:20px;
	line-height:28px;
	margin-top:10px;
	color:#333333;
}

.classcontent ul.longtext li {
	/* Used on pages with LOTS of text, like syllabus page */
	font-family: helvetica, arial, sans-serif;
	font-size: 18px; line-height:24px; margin-top:0; margin-bottom:0;
}

.classcontent h3.longtextheader {
	font-family: helvetica, arial, sans-serif;
	font-weight:bold;
	margin-left:50px;
	margin-top:15px;
	font-size:20px;
	color: #000000;
}



.classcontent ul.links li {margin-top:0; line-height:20px;}
.classcontent ul.links  {margin-top:10px;}

.classcontent ul li a, p a {
	font-weight:bold;
	font-size:20px;
	color:#3f65b2;
	font-family:helvetica, arial, sans-serif;
}

.classcontent h2 {
	font-family:helvetica, arial, sans-serif; font-weight:bold; font-size:36px; color:#000000; padding-top:30px; margin-left:50px;
	}

.classcontent .iframecontainer {padding: 40px 0 0 50px; }
.classcontent .iframecontainer h2 { margin-left:0; padding-top:0;}


a.startupanchor {position:absolute; top:0; right:0;}
#tiptop {margin:0px; padding:0; height:0; width:0;}

#contact {background-color:#000000; padding:60px; margin-top:100px;}
#contactcontainer {background-color:#000000; padding:30px; margin-top:100px;  }
.contactform {  position:relative; color:#ffffff; font-weight:bold;  padding: 0px; padding-left:200px;
	/* width: 94%;   <<uncomment for reactive deisgn */
	width:790px;
	max-width:1400px;
	margin: 0 auto ;
}
.contactform textarea {width:500px; height:200px;}
.contactform h2 {color:#ffffff; font-size:42px; font-weight:bold; margin-bottom:10px;}
.contactform h3 {margin-bottom:5px; margin-top:15px;}
.emailfield {width:300px;}
.formerror {color:#ff0000; font-weight:normal; display:none;}
.mobLogo{display:none;}
.heading{margin-top:20px; font-size:75px!important; line-height:90%; }
.mobileContent,.mobFooter, .subPage .section.header, .iframecontainer.mobile{display:none;}


ul.secondList {margin-top:10px;}
ul.secondList li {font-family:helvetica, arial,sans-serif; font-size:16px; margin-top:0; margin-bottom:0;}