body{
margin-left: 10px;
padding:0;
line-height: 1.5em;
background: black;
}

#topsection{
background: #EAEAEA;
height: 120px; /*Height of top section*/
//border: 1px solid white;
background: black;
}

#topsection .angelLeft{
position: relative;
top: 0;
left: 0;
height: 180px;
width: 10%;
border: 1px solid black;
text-align: center;
}

#topsection .central{
position: absolute;
top: 9px;
left: 15%;
right: 15%;
height: 120px;
//border: 1px solid Orange;
text-align: center;
}

#topsection .angelRight{
position: absolute;
top: 9px;
right: 15px;
height: 180px;
width: 10%;
border: 1px black;
text-align: center;
}

#contentwrapper{
float: left;
width: 100%;
}

#contentcolumn{
margin: 0 19% 0 17%; /*Margins for content column. Should be "0 RightColumnWidth 0 LeftColumnWidth*/
//border: 1px solid white;
}

#leftcolumn{
float: left;
width: 15%; /*Width of left column in percentage*/
margin-left: -100%;
padding-right: 20px;
//border: 1px solid White;
background: black;
text-align: center;
font-family: Helvetica;
}

#rightcolumn{
float: left;
width: 17%; /*Width of right column in pixels*/
margin-left: -18.75%; /*Set margin to that of -(RightColumnWidth)*/
padding-left: 20px;
background: Black;
//border: 1px solid white;
text-align: center;;
}

#events{
position: relative;
background: Cornsilk;
border: 2.5px solid black;
left: 3%;
width: 94%;
text-align: center;
}

.innertube{
margin: 10px; /*Margins for inner DIV inside each column (to provide padding)*/
margin-top: 0;
}

.letterText{
font-family: American Typewriter;
font-size: small;
font-weight: normal;
color: black;
}

.letterHeaderText{
font-family: American Typewriter;
font-size: Medium;
font-weight: normal;
color: black;
}

.menuText{
font-family: Helvetica;
color: White;
}

.marquee{
font-family: Helvetica;
font-size: Small;
color: White;
}

.indented {
margin-left: 0px;
font-family: Chalkduster;
color: White;
text-decoration: none;
font-size: x-small;
font-weight: normal;
}

.indented:hover {
text-decoration: underline;
}

a{
color: White;
font-family: Chalkduster;
font-weight: bold;
text-decoration: none;
}

a:hover{
text-decoration: underline;
}

.subLink:hover {
text-decoration: underline;
}

.sponsors{
font-family: Chalkduster;
color: White;
font-size: Small;
font-weight: bold;
}

.contentText{
font-family: American Typewriter;
color: black;
font-size: small;
}

.link{
font-family: helvetica;
font-size: small;
color: blue;
font-weight: none;
}

.summary{
position: relative;
left: 5%;
width: 90%;
background: Cornsilk;
border: 1px solid black;
text-align: center;
}

.freshersPics{
border: 2px solid black;
}

.thumbnail{
position: relative;
z-index: 0;
}

.thumbnail:hover{
background-color: transparent;
z-index: 50;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: cornsilk;
padding: 5px;
left: -1000px;
border: 1px solid black;
visibility: hidden;
color: black;
text-decoration: none;
width: 300px;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: 0;
left: 60px; /*position where enlarged image should offset horizontally */
}

.event{
font-family: Helvetica;
font-size: small;
color: Red;
}

.webmasterInfo{
font-family: Helvetica;
font-size: x-small;
color: white;
//border: 1px solid pink;
font-weight: bold;
text-align: center;
position: relative;
left: 30%;
}

.webmasterInfo .links{
font-family: Helvetica;
}