font.TitleA{font-family: times; font-size: xx-large; color: #00386E; font-variant: small-caps; }
font.TitleB{font-family: arial; font-size: medium; color: #FFD400; font-weight: bold; }
font.TitleC{font-family: kartika; font-size: medium; color: #2A284C; font-stretch: ulta-expanded; }
font.BodyTextA{font-family: times; font-size: medium; color: #000000; font-stretch: wider; }
font.BodyTextB{font-family: arial; font-size: small; color: #000000; font-stretch: expanded; }

a.alpha:link{color:#FFFFFF; text-decoration:none; }
a.alpha:active{color:#FFFFFF; text-decoration:none; }
a.alpha:visited{color:#FFFFFF; text-decoration:none; }
a.alpha:hover{color:#FFFFFF; text-decoration:none; }

a.beta:link{color:#BBB9A0; text-decoration:none; }
a.beta:active{color:#BBB9A0; text-decoration:none; }
a.beta:visited{color:#BBB9A0; text-decoration:none; }
a.beta:hover{border-bottom-width: 1px; border-bottom-style: dashed; border-bottom-color:#FFFFFF; color:#FFFFFF; text-decoration:none; font-weight: bold}

a.delta:link{color:#FFFFFF; text-decoration:none; }
a.delta:active{color:#FFFFFF; text-decoration:none; }
a.delta:visited{color:#FFFFFF; text-decoration:none; }
a.delta:hover{color:#000000; text-decoration:underline; }

a.gamma:link{color:navy; text-decoration:none; }
a.gamma:active{color:navy; text-decoration:none; }
a.gamma:visited{color:navy; text-decoration:none; }
a.gamma:hover{border-bottom-width: 1px; border-bottom-style: dashed; border-bottom-color:#000000; color:#000000; text-decoration:none; font-weight: bold}

body{
margin:4;
padding:0;
line-height: 1;
}

a:link{color:grey; text-decoration:none; }
a:active{color:grey; text-decoration:none; }
a:visited{color:grey; text-decoration:none; }
a:hover{color:#00386E; text-decoration:none; }

b{font-size: 110%; }
em{color: #00386E; }
ul li{padding: .75em 0 .75em 0; border-top: 1px dotted #000000; }
ul li:first-letter{text-transform: capitalize; }
ul li:first-child{padding: 0 0 .75em 0; border-top: 0 }

#maincontainer{
width: 750px; /*Width of main container*/
margin: 0 auto; /*Center container on page*/
}

#topsection{
background: #EAEAEA;
height: 90px; /*Height of top section*/
}

#topsection h1{
margin: 0;
padding-top: 15px;
}

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

#contentcolumn{
margin-right: 400px; /*Set right margin to RightColumnWidth*/
background: #FFFFFF;
text-align: center;
}

#rightcolumn{
float: left;
width: 400px; /*Width of right column*/
margin-left: -400px; /*Set left margin to -(RightColumnWidth) */
background: #FFFFFF;
text-align: center;
}

#bodyfullwidth{
float: left;
width: 100%;
text-align: center;
}

#footer{
clear: left;
width: 100%;
background: #575672;
color: #FFF;
text-align: center;
padding: 0px 0;
}

#footer a{
color: #FFFF00;
}

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

#hintbox{ /*CSS for pop up hint box */
position:absolute;
top: 0;
background-color: lightyellow;
width: 150px; /*Default width of hint.*/ 
padding: 3px;
border:1px solid black;
font:normal 11px Verdana;
line-height:18px;
z-index:100;
border-right: 3px solid black;
border-bottom: 3px solid black;
visibility: hidden;
}

.hintanchor{ /*CSS for link that shows hint onmouseover*/
font-weight: bold;
color: navy;
margin: 0px 0px;
}