*

{

	/* Get rid of the margin and padding around html elements that the browser 

	automatically adds */

	margin : 0; 

	padding: 0; 

	/* Change the font from Times New Roman to Arial */

	font-family: Arial, Helvetica, sans-serif;

}

body

{

	background-color: #EBEBEB;

}

#container

{

   /* Make the container take up only 70% of the screen */

	width: 80%; 

	/* Center the container -- need to take it out of the relative flow by 

	making the position absolute */

	position: absolute;

	/* Push the container 50% to the left */

	left: 50%;

	/* When you push the container 50% to the left, it pushes the container so that

	the upper left corner is in the middle of the page. That's not what we want 

	though, we want container to be centered in the middle. To fix this,

	move the container over to the left by half of its size. */

	margin-left: -40%; 

	/* Adds the UCSD logo to the background. */

	background-image: url(ucsd_logo.png);

	/* Now prevent the image from repeating */

	background-repeat: no-repeat;

	/* This is the minimum height the container can be, just enough to show

	the logo in the background completely */

	min-height: 140px;

	background-color: white;

	

	/* Adds a drop shadow on the conatiner */

       -webkit-box-shadow: 0px 0px 16px rgba(50, 50, 50, 0.3);

       -moz-box-shadow:    0px 0px 16px rgba(50, 50, 50, 0.3);

        box-shadow:         0px 0px 16px rgba(50, 50, 50, 0.3);

	 

       min-width: 1000px;

}



.responsiveCal {
 
position: relative; padding-bottom: 50%; overflow: hidden;
 
}
 
.responsiveCal iframe {
 
position: absolute; top:0; left: 0; width: 100%; height: 100%;
 
}




.heading

{

	/* Move the heading over so that it does not overlap with the logo in the 

	background */

	margin-left: 150px;

}

h1

{

   /* Move the title down so that it is vertically centered relative to the logo */

	margin-top: 30px;

}

.lastMod

{

	color: red; 

	font-weight: bolder;

	padding: 1em;

	float: right;

}

.clearer

{

   /* This keeps content from wrapping around floated elements */

	clear: both;

}

/**************************************************************************************

 *                          MENU STYLES 

 **************************************************************************************/

ul#nav

{

   /* Move the navigation down a little so it doesn't overlap with the logo */

	margin-top: 55px;

	/* Get rid of the bullets */

	list-style: none; 

	/* Make the menu take up the entire width of the container */

	width: 100%;

	/* Make the background a light grey color */

	background-color: #EFEFEF;

	/* Center the menu items */

	text-align: center;

	/* Add a 1px solid grey border to the top and the bottom of the menu */

	border-bottom: 1px solid #C8C8C8;

	border-top: 1px solid #C8C8C8;

}

ul#nav li

{

   /* Make the navigation horizontal instead of vertical */

	display: inline-block;

	padding: 1em;

	/* Add a divider between the list items */

	border-right: 1px dotted #C4C4C4;

}

ul#nav li a

{

	/* Remove the underline from the link */

	text-decoration: none;

	/* Make the link a dark gold */

	color: #736200;

	/* Make the link bold */

	font-weight: bold;

   text-shadow: 0 0 0.2em white;

}

ul#nav li a:hover

{

   /* When the user hovers over a menu item, make it change from gold to blue */

	color: Navy;

}

ul#nav li:last-child

{

   /* Get rid of the right border on the last menu item */

	border: none;

}

ul#nav li:hover

{

	background-color: #F4F4F4;

}

/**************************************************************************

 *           STYLES FOR INSTRUCTOR, TA, AND TUTOR INFORMATION

 **************************************************************************/

 #instructor1

 {

   /* Bring the instructor div below the floated elements */
	clear: both;

	padding: 1em;

	width: 30%;

	vertical-align: top;

	float: left;

 }


 #instructor

 {

	padding: 1em;

	width: 30%;

	vertical-align: top;

	float: left;

 }


 #title
 {
 	clear: both; 

 	padding: 1em;

	vertical-align: top;
	border-top: 1px solid #C4C4C4;

	border-bottom: 1px solid #C4C4C4;



 }





 #teachingAssistants

 {
 	padding: 1em;
	vertical-align: top;

	float: left;

	width: 30%;

 }



 #tutors

 {
 	padding: 1em;

	vertical-align: top;

	width: 30%;

	float: left;

 }



 .tableHeading

 {

 	font-weight: bold;

	background-color: #E0E0E0;

	padding: 5px;

 }
 
 
 .tableBody
 
 {
 
    background-color: #EFEFEF;
    
 }
 
 
 

 table 

 {

   padding: 1em;

 	margin-bottom: 1em;

	width: 100%;

 }

 table td

 {

 	padding: 5px;

	margin: 0;

/*	background-color: #EFEFEF; */

	border: 1px solid;

	border-color: #CECECE;

	border-collapse: collapse;

 }

 table .label

 {

    background-color: #F2F2F2;

 }

 h3

 {

 	color: #0351A3;

 }

 

 #middle

 {

	/* Add a divider */

	border-top: 1px solid #C4C4C4;

	/*border-bottom: 1px solid #C4C4C4;*/

	padding: 1em;

	/*background-color: #E9E9E9;*/
	background-color: white

 }


 #separator

 {

	/* Add a divider */

	/*border-top: 1px solid #C4C4C4;*/

	border-bottom: 1px solid #C4C4C4;

	padding: 1em;

	/*background-color: #E9E9E9;*/
	background-color: white

 }




 #welcomeMsg

 {

 	margin-top: 1em;

	margin-left: 1em;

	margin-right: 1em;

	margin-bottom: 2em;

	text-align: justify;

	line-height: 25px;

 }

 #announce

 {

 	margin: 1em;

	padding: 1em;

	background-color: #FFE02D;

	border: 1px solid;

	border-color: #BFA300;

	text-align: justify;

	line-height: 25px;

 }

 .mostRecent

 {

 	font-weight: bold;

 }

 .toTop

 {

 	float: right;

	padding: 1em;

 }

 #welcomeMsg h4

 {

 	display: inline-block;

 }

 #welcomeMsg h4 + p

 {

 	display: inline;

 }

 #welcomeMsg p

 {

 	margin-bottom: 1em;

 }

 

 #textbook

 {

	border-top: 1px solid #C4C4C4;

	border-bottom: 1px solid #C4C4C4;

	padding: 1em;

	clear: both;

	background-color: #E9E9E9;

	line-height: 25px;

 }

 #textbook ul

 {

 	padding-top: 1em;

	padding-bottom: 1em;

	padding-left: 3em;

 }

 #schedule

 {

 	padding: 1em;

 }
 #welcomeMsg ul

 {

 	padding-top: 1em;

	padding-bottom: 1em;

	padding-left: 3em;

 }

 #homework

 {

 		/* Add a divider */

	border-top: 1px solid #C4C4C4;

	border-bottom: 1px solid #C4C4C4;

	padding: 1em;

	/*background-color: #E9E9E9;*/
	background-color: white;

 }

 

 #middle ul

 {

 	padding-top: 1em;

	padding-bottom: 1em;

	padding-left: 3em;

 }


 #middle ol

 {

 	padding-top: 1em;

	padding-bottom: 1em;

	padding-left: 3em;
 }

 .tableHeading td

 {

 	background-color: #FFE551;

 }

 
 .bold

 {

 	font-weight: bold;

 }

 .odd td

 {

 	background-color: #D6D6D6;

 }

 ul#footer

 {

 	clear: both;

	width: 100%;

	background-color: #0C5AA3;

	text-align: center;

 }

 ul#footer li

 {

 	display: inline-block;

	padding: 1em;

 }

 ul#footer a

 {

 	color: #FFD700;

	font-weight: bold;

	text-decoration: none;

	font-size: 11px;

 }

 ul#footer li

 {

 	border-right: 1px dotted; 

	border-color: #056CDA;

	

 }

 ul#footer li:first-child

 {

 	border-left: 1px dotted #056CDA;

 }

 ul#footer li:hover

 {

 	background-color: #0665CA;

 }



.new

{

   background-image: url("new.png");

   background-repeat: no-repeat;

   background-position: 20px;

}

.new a

{ 

   margin-left: 35px;

}

h8
{
  text-color: black;
  border: 3px solid #FFE551;
  font-weight: bold;
  display: inline; 
}