@font-face {
	font-family: DidactGothic;
	src: url(fonts/DidactGothic-Regular.ttf);
}
* {
	font-family: "DidactGothic", "Century Gothic", sans-serif;
		font-size: 16px;
		font-weight: 500;

}
.styleTableBot {
	border: 1px solid #FFFFFF;
	background-color: #FAFCFC;
	position: fixed;
}
.styleTableBotOpacity1 {
	position: fixed;
		opacity: 0.7;
		background-color: white;
}
.styleTableBotOpacity2 {
	position: fixed;
		opacity: 0.3;
		background-color: white;
}

.styleTableContent {
     
}	
.styleTableTop {
	border: 1px solid #FFFFFF;
	background-color: #FAFCFC;
	position: fixed;
}
.styleTitle1 {
	font-size: 35px;
	font-weight: lighter;
}
.styleTitle2 {
	color: #808080;
	font-size: 29px;
}
.styleCenterNowrap {
	text-align: center;
	white-space: nowrap;
}
.styleMenu {
	text-align: center;
	white-space: nowrap;
	color: #0000FF;
	padding-bottom: 6px;
	font-weight: 300;
}
.styleContentLink {
	white-space: normal;
}
.styleBlue13 {
	font-size: small;
	color: #0000FF;
}
.styleGreen {
	color: #33CC33;
}
.styleCursor:hover {
	cursor:pointer;
	text-decoration: overline;
	text-decoration: underline;
}

.styleTb1 {
	padding: 1px;
	text-align: center;
}
.styleTb2 {
	padding: 1px;
	table-layout: fixed;
}
.styleTbCell2 {
	padding: 5px;
	text-align: left;
	vertical-align: top;
}


.chap1 {
	font-size: 21px;
	padding-top: 8px;
}
.chap1b {
	font-size: 18px;
	padding-top: 7px;
	color:darkblue;
}
.chap2 {
	font-size: 18px;
	padding-top: 7px;
	color: #800080;
}

.info {
	font-size: 13px;

}

.styleJava {
	color: #CC3300;
}

#linkBox {
    display:inline-block;
    border-radius: 5px;
    border: 1px solid #ddddff;
    padding: 15px; 
    margin: 10px;
    width: 200px;
    word-wrap:break-word;
}

#linkBox:hover {
    border: 1px solid #0000ff;
    cursor: pointer;
}

#linkBox:active {
    border: 1px solid #0000ff;
    background-color: #fcfdfd;
    cursor: pointer;
}