/*Rainbow Background*/
div.container1 {
width:100%;
background: -moz-linear-gradient(left, red, orange, yellow, green, blue, indigo, violet);
background: -webkit-gradient(linear, left center, right center, from(red), color-stop(14%, orange), color-stop(28%, yellow), color-stop(42%, green), color-stop(56%, blue), color-stop(70%, indigo), to(violet)); 
padding:10px;
text-align:center;
float:center;
align:center;
}


/*White Background*/
div.body1 {
width:80%;
max-width:900px;
min-width:900px;
float:center;
padding:10px;
background:#ffffff;
align:center;
text-align:left;
position:relative;
margin-left:auto;
margin-right:auto;
}

/*Header*/

img.lbgtlogo {
    position:absolute;
    margin-right:24px;
    top:10px;
    left:10px;
}
  
img.mitlogo {
    position:absolute;
    top:27px;
    right:10px;
} 

span {
    display:inline-block;
    vertical-align:middle;
}     

/*Navigation Bar*/

    #navbar {  
        list-style:none;  
        width:auto;  
        margin:auto auto auto auto;  
        height:40px;  
        padding:5px 7px 5px 7px;  
      
        /* Rounded Corners */  
      
        -moz-border-radius: 10px;  
        -webkit-border-radius: 10px;  
        border-radius: 10px;  
      
        /* Background color and gradients */  
      
        background: #F066AF;    
      
        /* Borders */  
      
        border: 1px solid #F066AF;  
      
        -moz-box-shadow:inset 0px 0px 1px #F066AF;  
        -webkit-box-shadow:inset 0px 0px 1px #F066AF;  
        box-shadow:inset 0px 0px 1px #F066AF;  
    }  
      
    #navbar li {  
        float:left;  
        display:block;  
        text-align:center;  
        position:relative;  
        padding: 7px 9px 7px 9px;  
        margin-right:5px;  
        margin-top:5px;  
        border:none;  
    }  
      
    #navbar li:hover {  
        border: 1px solid #777777;  
        padding: 4px 9px 4px 9px;  
      
        /* Background color and gradients */  
      
        background: #66AFF0;  

        /* Rounded corners */  
      
        -moz-border-radius: 5px 5px 0px 0px;  
        -webkit-border-radius: 5px 5px 0px 0px;  
        border-radius: 5px 5px 0px 0px;  
    }  
      
    #navbar li a {  
        font-family:Arial, Helvetica, sans-serif;  
        font-size:14px;  
        color: #000000;  
        display:block;  
        outline:0;  
        text-decoration:none;  
    }  
      
    #navbar li:hover a {  
        color:#000000;   
    }  
    #navbar li .drop {  
        padding-right:21px;  
        background:url("images/arrowsub.png") no-repeat rightright 8px;  
    }  
    #navbar li:hover .drop {  
        background:url("images/arrowsub.png") no-repeat rightright 7px;  
    }  

    div.dropdown_1column {  
        margin:4px auto;  
        position:absolute;  
        left:-999em; /* Hides the drop down */  
        text-align:left;  
        padding:10px 5px 10px 5px;  
        border:1px solid #777777;  
        border-top:none;
	width:130px;  
      
        /* Gradient background */  
        background:#66AFF0;  

        /* Rounded Corners */  
        -moz-border-radius: 0px 5px 5px 5px;  
        -webkit-border-radius: 0px 5px 5px 5px;  
        border-radius: 0px 5px 5px 5px;  
    }  

    #navbar li:hover .dropdown_1column {
	left:-1px;
	top:auto;
    }


/*Homepage Table--White Background*/
div.tablecontent {
width:95%;
text-align:center;
color:black;
height:100%;
margin-left:auto;
margin-right:auto;
background:#ffffff;
padding:5px;
}


/*Top Left Corner*/
div.tablecontent1 {
	-moz-border-radius-topleft:10px;
	-webkit-border-top-left-radius:10px;
	border-top-left-radius:10px;
width:95%;
color:black;
background:#ffffff;
margin-left:auto;
margin-right:auto;
padding:5px;
}

/*Top Right Corner*/
div.tablecontent2 {
	-moz-border-radius-topright:10px;
	-webkit-border-top-right-radius:10px;
	border-top-right-radius:10px;
width:95%;
text-align:center;
color:black;
height:95%;
margin-left:auto;
margin-right:auto;
background:#ffffff;
padding:5px;
}

/*Bottom Left Corner*/
div.tablecontent3 {
	-moz-border-radius-bottomleft:10px;
	-webkit-border-bottom-left-radius:10px;
	border-bottom-left-radius:10px;
width:95%;
text-align:center;
color:black;
height:95%;
margin-left:auto;
margin-right:auto;
background:#ffffff;
padding:5px;
}

/*Bottom Right Corner*/
div.tablecontent4 {
	-moz-border-radius-bottomright:10px;
	-webkit-border-bottom-right-radius:10px;
	border-bottom-right-radius:10px;
width:95%;
text-align:center;
color:black;
height:95%;
vertical-align:center;
margin-left:auto;
margin-right:auto;
background:#ffffff;
padding:5px;
}



/*FORMS*/

input.label {
width:10em;
display:block;
color:black;
font-family:sans-serif;
background-color:#F9DAFB;
background:#F9DAFB;
border:1px solid black;
margin-left:.5em;
}

textarea.label {
color:black;
font-family:sans-serif;
background-color:#F9DAFB;
background:#F9DAFB;
border:1px solid black;
margin-left:.5em;
}

.reset input {
margin-left:0em;
color:black;
align:left;
background:#F9DAFB;
color:black;
background-color:#F9DAFB;
font-family:sans-serif;
border:1px solid black;
}

.submit input {
margin-left:0em;
align:left;
color:black;
background:#F9DAFB;
color:black;
background-color:#F9DAFB;
font-family:sans-serif;
border:1px solid black;
}




/*Hyperlinks*/

a:link {
text-decoration:underline;
color:#000000;
font-weight:bold;
}

a:visited {
text-decoration:underline;
color:#000000;
font-weight:bold;
}

a:hover {
text-decoration:underline;
color:#C0C0C0;
font-weight:bold;
}

a:active {
text-decoration:underline;
color:#C0C0C0;
font-weight:bold;
}



/*FONTS*/

/*Page Title*/
p.h1 {
font-family:sans-serif;
font-size:25px;
color:black;
text-align:center;
font-weight:bold;
}

/*Homepage Text*/
p.h2 {
font-family:sans-serif;
font-size:15px;
color:black;
text-align:left;
vertical-align:top;
vertical-align:text-top;
}

/*Body Text*/
p.h3 {
font-family:sans-serif;
font-size:13px;
color:black;
text-align:left;
}

/*Homepage Table Text*/
p.h4 {
font-family:sans-serif;
font-size:17px;
color:black;
text-align:center;
font-weight:bold;
}

/*Footer Text*/
p.h5 {
font-family:sans-serif;
font-size:13px;
color:black;
text-align:center;
}

/*Smaller Header*/
p.h6 {
font-family:sans-serif;
font-size:20px;
color:black;
text-align:left;
text-decoration:underline;
font-weight:bold;
vertical-align:top;
vertical-align:text-top;
}

p.h9{
font-family:sans-serif;
font-size:14px;
color:black;
font-weight:bold;
}

/*Back to Top*/
p.h7 {
font-family:sans-serif;
font-size:13px;
color:black;
text-align:center;
}

/*Header Text*/
p.h8 {
font-family:sans-serif;
font-size:35px;
color:black;
text-align:center;
font-weight:bold;
}

ul{
font-family:sans-serif;
font-size:13px;
color:black;
}

ol{
font-family:sans-serif;
font-size:13px;
color:black;
}

table{
font-family:sans-serif;
font-size:13px;
color:black;
}

/*Homepage Table*/
table.table1 {
border-width:0px;
padding:5px;
width:100%;
border:white;
align:center;
margin-right:auto;
margin-left:auto;
}

tr.tr1 td {
background-color:#FF0000;
color:black;
font-family:sans-serif;
font-size:15px;
padding:5px;
}

tr.tr2 td {
background-color:#FFA500;
color:black;
font-family:sans-serif;
font-size:15px;
padding:5px;
}

tr.tr3 td {
background-color:#FFFF00;
color:black;
font-family:sans-serif;
font-size:15px;
padding:5px;
}

tr.tr4 td {
background-color:#008000;
color:black;
font-family:sans-serif;
font-size:15px;
padding:5px;
}

tr.tr5 td {
background-color:#0000FF;
color:black;
font-family:sans-serif;
font-size:15px;
padding:5px;
}

tr.tr6 td {
background-color:#4B0082;
color:black;
font-family:sans-serif;
font-size:15px;
padding:5px;
}

tr.tr7 td {
background-color:#800080;
color:black;
font-family:sans-serif;
font-size:15px;
padding:5px;
}

table.table1 tr:last-child td:first-child {
	-moz-border-radius-bottomleft:10px;
	-webkit-border-bottom-left-radius:10px;
	border-bottom-left-radius:10px;
}

table.table1 tr:last-child td:last-child {
	-moz-border-radius-bottomright:10px;
	-webkit-border-bottom-right-radius:10px;
	border-bottom-right-radius:10px;
}

table.table1 tr:first-child td:first-child {
	-moz-border-radius-topleft:10px;
	-webkit-border-top-left-radius:10px;
	border-top-left-radius:10px;
}

table.table1 tr:first-child td:last-child {
	-moz-border-radius-topright:10px;
	-webkit-border-top-right-radius:10px;
	border-top-right-radius:10px;
}


/*Structural Table*/
table.table2 {
width:100%;
vertical-align:top;
align:center;
margin-left:auto;
margin-right:auto;
color:black;
font-family:sans-serif;
padding:5px;
border:white;
}

table.table2 td {
padding:10px;
text-align:left;
vertical-align:top;
color:black;
font-family:sans-serif;
}

table.table2 tr:last-child td:first-child {
	-moz-border-radius-bottomleft:10px;
	-webkit-border-bottom-left-radius:10px;
	border-bottom-left-radius:10px;
	-moz-border-radius-bottomright:10px;
	-webkit-border-bottom-right-radius:10px;
	border-bottom-right-radius:10px;
}

table.table2 tr:last-child td:last-child {
	-moz-border-radius-bottomright:10px;
	-webkit-border-bottom-right-radius:10px;
	border-bottom-right-radius:10px;
	padding-left:100px;
}

table.table2 tr:first-child td:first-child {
	-moz-border-radius-topleft:10px;
	-webkit-border-top-left-radius:10px;
	border-top-left-radius:10px;
	-moz-border-radius-topright:10px;
	-webkit-border-top-right-radius:10px;
	border-top-right-radius:10px;
}

table.table2 tr:first-child td:last-child {
	-moz-border-radius-topright:10px;
	-webkit-border-top-right-radius:10px;
	border-top-right-radius:10px;
	padding-left:100px;
}



/* MIT Events Calendar Style Sheet for external web pages */

/* Default for text within <p> tag */
p.h7 {  
font-family: "Verdana", "Arial", "Helvetica", "sans-serif"; 
line-height: 16px; 
color: #505050; 
font-size: 12px; 
}

/* Monthly Navbar*/

.mnavtext { 
font-family: "Verdana", "Arial", "Helvetica", "sans-serif"; 
font-size: 12px; 
color: #FF6600; 
font-weight: bold
}

.mnavbkgnd {  
background-color: #FFCC99; }

/* Monthly Calendar Grid */
.month1bkgnd {  background-color: #FF0000; }
.month1textmonth {  font-family: "Verdana", "Arial", "Helvetica", "sans-serif"; font-size: 13px; font-weight: bold; color: #FFFFFF; }
.month1texttoday {  font-family: "Verdana", "Arial", "Helvetica", "sans-serif"; font-size: 10px; line-height: 14px; color: #CCCCCC; font-weight: bold; }
a.month1texttoday:link {color: #CCCCCC; text-weight:bold; text-decoration:none; }
a.month1texttoday:visited {color: #CCCCCC; text-weight:bold; text-decoration:none; }
a.month1texttoday:hover {color: #CCCCCC; text-weight:bold; text-decoration:underline; }
a.month1texttoday:active {color: #6666CC; text-weight:bold; text-decoration:underline; }
.month2 {  background-color: #FF6600; font-family: "Verdana", "Arial", "Helvetica", "sans-serif"; font-size: 11px; color: #333333 ; }
.month3 {  background-color: #FFCC99; font-family: "Verdana", "Arial", "Helvetica", "sans-serif"; font-size: 11px; font-weight: bold; color: #333333; }
.month3textfaint {  font-family: "Verdana", "Arial", "Helvetica", "sans-serif"; font-size: 10px; line-height: 14px; color: #999999; font-weight: bold; }
a.month3textfaint:link {color: #CCCCCC; text-weight:bold; text-decoration:none; }
a.month3textfaint:visited {color: #CCCCCC; text-weight:bold; text-decoration:none; }
a.month3textfaint:hover {color: #CCCCCC; text-weight:bold; text-decoration:underline; }
a.month3textfaint:active {color: #6666CC; text-weight:bold; text-decoration:underline; }
.month4 {  font-family: "Verdana", "Arial", "Helvetica", "sans-serif"; font-size: 10px; color: #993333; background-color: #FFFFFF; background-position: top; }
a.month4:link {color: #993333; text-weight:bold; }
a.month4:visited {color: #333333; text-weight:bold; }
a.month4:hover {color: #6666CC; text-weight:bold; }
a.month4:active {color: #6666CC; text-weight:bold; }

/* Single Event */
.event1texttitle {  font-family: "Verdana", "Arial", "Helvetica", "sans-serif"; font-size: 14px; font-weight: bold; color: #505050; }
.event1textdetail {  font-family: "Verdana", "Arial", "Helvetica", "sans-serif"; font-size: 12px; font-weight: normal; color: #505050; }
a.event1textdetail:link {color: #993333; text-weight:bold; text-decoration:none; }
a.event1textdetail:visited {color: #CCCCCC; text-weight:bold; text-decoration:none; }
a.event1textdetail:hover {color: #CCCCCC; text-weight:bold; text-decoration:underline; }
a.event1textdetail:active {color: #6666CC; text-weight:bold; text-decoration:underline; }
.event1bkgnd {  background-color: #FFFFFF; }
.event2bkgnd {  background-color: #FFCC99; }
.event3bkgnd {  background-color: #FFCC99; }
.event4bkgnd {  background-color: #FF6600; }