body {
        background-color:#fff;
        color:#29214f;
        font-size:90%;
        font-family:Arial, Helvetica, sans-serif;
        margin:0;
        padding:0;
}

.container {
        width:960px;    
        margin-left:auto;
        margin-right:auto; 
        padding:10px;
}

#banner {
	margin:5px 0 15px 0;
	width:920px;
	margin-left:auto;
	margin-right:auto;
}

h1 {
        color:#0292e0;
        font-family:Palatino,"Times New Roman", Times, serif;
        font-size:40px;
        font-weight:500;
        margin:0;
	text-align:center;
	margin-bottom:25px;
}

h2 {
        font-family:Palatino,"Times New Roman", Times, serif;
        font-size:22px;
        font-weight:400;
        margin:5px 0;
        letter-spacing:.1em;
}

a:link,a:visited {
        color:#7097af;
        text-decoration:none;
}

a:hover {
        color:#7DBADF;
}

a img {
        border:none;
	margin-left: 8px;
	margin-top:-6px;
	margin-bottom:-1px;
}

p {
        margin:0 0 20px 8px;
        font-size:1.0em;
        font-family:Arial, Helvetica, sans-serif;
        font-weight:400;
        line-height:1.3em;
}

p.anchor-bar {
        font-size:1.7em;
        margin-top:15px;
        margin-bottom:15px;
}

p.anchor-bar a {
        padding:6px;
        margin-right:10px;
        border:1px solid white;
        border-radius:5px;
        background-color:#ccc;
        color:black;
}

p.statement {
	font-size:1.3em;
	border:1px solid #7dbadf;
	border-radius: 12px;
	padding:10px;
	text-align:center;
	width:650px;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:30px;
}

div#timelineContainer {
        border-left:2px solid #ccc;
        margin:5px auto;
        width:950px;
}

div.timelineToggle {
        float: right;
        width: 265px;
}

div.chancellors {
	border:1px solid #7dbadf;
	border-radius:6px;
	padding:3px;
}

div.chancellors h3 {
	text-align:center;
	font-size:1.3em;
}

div.chancellors ul {
	margin-left:15px;
	padding-left:15px;
}

div.chancellors ul li {
	font-size:0.9em;
}

a.expandAll {
        color:#fff!important;
        cursor:pointer;
        background:#000;
        border:none;
        -webkit-border-radius:4px;
        -moz-border-radius:4px;
        border-radius:4px;
        font-size:12px;
        padding:3px 5px;
}

a.expandAll:hover {
        border:none!important;
        color:#7DBADF!important;
        cursor:pointer;
}

div.timelineMajor {
        width:675px;
}

        .timelineMajor h2 {
                background:url(../images/timeline_century_tick.gif) left center no-repeat;
                color:#3ca4e0!important;
                cursor: pointer;
                font-family:Palatino,"Times New Roman", Times, serif;
                font-size:2.5em!important;
                font-weight:400!important;
                margin:0 0 10px!important;
                padding:4px 4px 4px 20px!important;
        }

        .timelineMajor h2 span {
                background:#ccc;
                border:none;
                -webkit-border-radius:4px;
                -moz-border-radius:4px;
                border-radius:4px;
                color:#131313;
                letter-spacing:.1em;
                line-height:1.7em;
                padding:3px 5px 1px;
        }

dl.timelineMinor {
        margin:0 8px 0 0!important;
        padding:4px 4px 4px 0!important;

}

        .timelineMinor dt {
                background:url(../images/timeline_decade_tick.gif) left center no-repeat;
                font-size:1.5em!important;
                list-style-type:none!important;
                line-height:1.1em;
                margin:0 0 10px!important;
                padding:0 0 0 24px!important;
                white-space:nowrap;
        }

                .timelineMinor dt a {
                        color:#565656;
                        cursor:pointer;
                }

                .timelineMinor dt a.closed {
                        color:#757575;
                        font-size:0.9em;
                        margin-left:0;
                }

                .timelineMinor dt a.open {
                        color:#189ce2;
                }

                .timelineMinor dt a:hover {
                        color:#189ce2;
                }


#footer {
	margin:20px;
	text-align:center;
	border-top:1px solid #eeeeee;
	padding-top:10px;
	font-size:90%;
}
