9
text/css styles-cal.css

html {
    height:100%; 
    max-height:100%;
    max-width:900px;
    padding:0; 
    margin:auto; 
    border:0; 
    background:#fff; 
    font : 10pt Arial, geneva, helvetica, SunSans-Regular, sans-serif;
    /* hide overflow:hidden from IE5/Mac */ 
    overflow: hidden; 
}

body {
    font : 10pt Arial, geneva, helvetica, SunSans-Regular, sans-serif;
}
 
#header {
    position: fixed; 
	top: 0;
	left: 0;
	right: 0;
	margin: 0 auto;
	display: block;
    max-width: 900px;
	height: 80px;
	overflow: auto;
    background: rgba(175,175,175,.2);
    z-index: 100;
}

#content {
    position: relative; 
    max-width: 900px;
	top: 85px; 
	left: 0; 
	right: 0;
	margin: 0 auto;
    overflow: auto;
    text-align: justify;
}

/* .inner { // .container from bootstrap3.min.css does this now
    display:block; 
    padding:0 10px 10px 10px;
} */

.bold {
    font-weight:bold;
    color: #009B7E ;
}

.highlight {
    font-weight:bold;
    color: #009B7E;
    background-color: #FFFF00;
    text-shadow: 1px 1px #444444;
}

.emphasis {
    font-weight:bold;
    color: #009B7E;
    text-shadow: 1px 1px #444444;
}

.blockbeforeh2 {
    background-color: #11FFFF;
}

#content h1 {
    color: #FCC200 ;
    text-shadow: 2px 2px #008BCC;
    text-align: left;
}

#content h2 {
    color: #009B7E ;
}

#content h3 {
    color: #008BCC ;
}

#content table {
    
}

#content td {
    margin: 0;
    padding: 6px;
    vertical-align: top;
}

#content th {
    margin: 0;
    padding: 6px;
}

.table1 { 
    width: 100%;
    margin-left: 0;
    margin-right: auto;
    font-size: 10pt;
    border: 1px solid #BBB;
    border-collapse: collapse; 
}
     
.table1 th { 
    color: #000; 
    vertical-align: top;
    text-align: center;
    border:1px solid #BBB; 
    background-color: #FF8;
}

.table1 td { 
    color: #000099;
    vertical-align: middle;
    text-align: left;
    border: 1px solid #BBB; 
    background-color: #FFC;
}
     
.table2 { 
    width: 100%;
    margin-left: 0;
    margin-right: auto;
    font-size: 10pt;
    border: 1px solid #BBB;
    border-collapse: collapse; 
}
     
.table2 th { 
    color: #000; 
    vertical-align: top;
    text-align: center;
    border:1px solid #BBB;
    background-color: #ffe552;
}

.table2 td { 
    color: #000099;
    vertical-align: middle;
    text-align: left;
    border: 1px solid #BBB;
    background-color: #ffde24;
}
     
/* Add a black background color to the top navigation */

.topnav ul {
    list-style-type: none;
	margin: 0;
    padding: 0;
    background: rgba(0,0,0,.6);
}

.topnav li a {
    float: left;
    display: block;
    color: #555555;
    text-align: center;
    padding: 14px 16px;
    text-decoration: none;
}

.topnav li a:hover {
    background-color: #cccccc;
    color: #222222;
    font-weight:bold;
}

.topnav li a.active {
    color: green;
}


body.home a.home, body.programs a.programs, body.news a.news, body.events a.events, body.links a.links, body.alinks {

background: rgba(255,255,0,.5);

}

/* Style all font awesome icons */
.fa {
    padding: 5px;
    font-size: 12px;
    width: 20px;
    text-align: center;
    text-decoration: none;
}

/* Facebook */
.fa-facebook {
    background: #3B5998;
    color: white;
}

/* Twitter */
.fa-twitter {
    background: #3B5998;
    color: white;
}