* {
	font-family:        "Ubuntu", sans-serif;
	-webkit-box-sizing: border-box;
	box-sizing:         border-box;
}

html {
	-ms-text-size-adjust:     100%;
	-webkit-text-size-adjust: 100%
}

html,
body {
	height: 100%;
}

body {
	color:         #666666;
	margin:        0px;
	/* background: #999999 url(../graphics/bg.jpg) repeat-y center top; */
	padding:       0px;
	font-size:     14px;
	line-height:   1.56;
}

#contents>table,
#contents>table>tbody,
#contents>table>tbody>tr {
	display: grid;
	gap:     1rem;
}

.home #contents>table>tbody>tr {
	grid-template-columns: 1fr 1fr;
	width:                 100%;
}

#contents>table>tbody>tr>td {
	display: grid;
	width:   100%;
	gap:     1rem;
}


#mainContainer img,
#board img {
	width:     100%;
	height:    auto;
	max-width: 100%;
	display:   flex;
}

#mainContainer table table img {
	width: initial;
}

form {
	margin:  0px;
	padding: 0px;
}

#layout {
	max-width:     min(760px, 100% - 2rem);
	margin-top:    0px;
	margin-right:  auto;
	margin-left:   auto;
	margin-bottom: 0px;
}

#header {
	margin-top:    0px;
	margin-right:  auto;
	margin-left:   auto;
	margin-bottom: 0px;
	max-width:     760px;
	height:        85px;
	z-index:       1;
	position:      relative;
}

.logo {
	position:    absolute;
	left:        5px;
	top:         5px;
	padding:     0px;
	z-index:     2000;
	height:      auto;
	width:       auto;
	font-size:   2em;
	font-weight: 700;
	color:       rgba(51, 51, 51, 1);
	line-height: 1em;
}

.logo img {
	width:  50px;
	height: 50px;
}

ul#mainMenu {
	position:        absolute;
	top:             10px;
	right:           10px;
	display:         table;
	z-index:         1000;
	list-style-type: none;
	white-space:     nowrap;
}

ul#mainMenu,
#mainMenu li {
	list-style-type: none;
	margin:          0px;
	display:         table-cell;
	text-align:      center;
	padding:         0px;
	vertical-align:  top;
}

#mainMenu li a {
	text-decoration:    none;
	font-size:          1.1em;
	font-weight:        700;
	padding-top:        5px;
	padding-right:      15px;
	padding-bottom:     5px;
	padding-left:       15px;
	line-height:        1em;
	text-transform:     uppercase;
	color:              #333333;
	-webkit-transition: all 200ms ease-in-out 0s;
	-moz-transition:    all 200ms ease-in-out 0s;
	-o-transition:      all 200ms ease-in-out 0s;
	transition:         all 200ms ease-in-out 0s;
}

#mainMenu li a:hover {
	color:            #999999;
	line-height:      1.5em;
	background-color: rgba(51, 51, 51, 0.1);
	border-style:     none;
}

#mainMenu li.active a {
	color:            #FFF;
	line-height:      1.5em;
	background-color: #333333;
	padding-top:      15px;
}

@media only screen and (max-width: 480px) {

	#header {
		display: grid;
		height:  auto;
	}

	ul#mainMenu {
		position:        relative;
		display:         inline-flex;
		flex-wrap:       wrap;
		max-width:       70%;
		justify-content: end;
		justify-self:    end;
	}

	#mainMenu li {
		display: flex;
	}

	#mainMenu li a:hover {
		color:            #999999;
		line-height:      1em;
		background-color: rgba(51, 51, 51, 0.1);
		border-style:     none;
	}

	#mainMenu li.active a {
		color:            #FFF;
		line-height:      1em;
		background-color: #333333;
		padding-top:      5px;
	}

	.home #contents>table>tbody>tr {
		grid-template-columns: 1fr;
		width:                 100%;
	}

	#contents table>tbody>tr>td>div:nth-child(1)>div>div:nth-child(4)>.padding4 {
		padding: 0;
	}

	#contents table table tr>td:nth-child(2) {
		display: none;
	}
}

#board {
	margin:     1rem auto;
	background: #FFFFFF;
}

#mainContainer {
	max-width: 760px;
	margin:    1rem auto;
	display:   grid;
}

#contents {
	/* max-width: 578px; */
	max-width: 100%;
	order:     1;
}

#features {
	max-width: 178px;
	font-size: 10px;
	order:     2;
}

p {
	margin-top:    0px;
	margin-right:  0px;
	margin-left:   0px;
	margin-bottom: 10px;
	text-indent:   .5rem;
}

.titlePage {
	font-size:     150%;
	border-bottom: 1px solid #99CC00;
	padding:       2px;
	cursor:        default;
	color:         #99CC00;
}

.titleBox {
	font-size:     14px;
	border-bottom: 1px solid #99CC00;
	padding:       2px;
	cursor:        default;
	color:         #666666;
}

.clear-both {
	clear:       both;
	line-height: 0px;
}

.padding4 {
	padding: 10px;
}

.handler {
	background:    #DFDFDF url(../graphics/bright.jpg) repeat-x 0px -5px;
	border-bottom: 1px solid #CCCCCC;
	cursor:        default;
	color:         #666666;
}

.blue .handler {
	background:    #107DB1 url(../graphics/bright_blue.jpg) repeat-x 0px -5px;
	border-bottom: 1px solid #006699;
	cursor:        default;
	color:         #FFFFFF;
}

.borderShadow {
	border-top:    1px solid #CCCCCC;
	border-right:  2px solid #CCCCCC;
	border-bottom: 2px solid #CCCCCC;
	border-left:   1px solid #CCCCCC;
}

.blue .borderShadow {
	border-top:    1px solid #006699;
	border-right:  2px solid #006699;
	border-bottom: 2px solid #006699;
	border-left:   1px solid #006699;
}

.blue {
	color: #006699;
}

.margin4 {
	margin: 4px;
}

.marginLeft2 {
	margin-left: 2px;
}

.marginRight2 {
	margin-right: 2px;
}

.bold {
	font-weight: bolder;
}

.bgWhite {
	background: #FFFFFF;
}

.bgGray {
	background: #CCCCCC;
}

.specialBox {
	border-top:          1px solid #CCCCCC;
	background-image:    url(../graphics/green_diag_lines.jpg);
	background-repeat:   repeat-x;
	background-position: left bottom;
	background-color:    #FFFFFF;
}

.bgLightBlue {
	background: #CDD9DC;
}

.bgLightGray {
	background: #EFEFEF;
}

.bgBlueLiner {
	background-color:    #EFEFEF;
	background-image:    url(../graphics/blue_liner.jpg);
	background-repeat:   repeat-x;
	background-position: center bottom;
}

.separator {
	height: 1rem;

}

td .separator {
	display: none;
}

.borderBright {
	border-top: 1px solid #0066CC;
}

.borderBottom,
tr.borderBottom td,
td.borderBottom {
	border-bottom: 1px solid #CCCCCC;
}

.borderRight,
tr.borderRight td,
td.borderRight {
	border-right: 1px solid #CCCCCC;
}

.borderTop,
tr.borderTop td,
td.borderTop {
	border-top: 1px solid #CCCCCC;
}

.grooveTop,
tr.grooveTop td,
td.grooveTop {
	border-top: 2px groove #006699;
}

a {
	text-decoration: none;
	color:           #006699;
}

a:hover {
	text-decoration: underline;
}

a:hover img {
	border-style: none;
}

.handler a {
	display: block;
	color:   #666666;
}

.list p {
	background: url(../graphics/li.gif) no-repeat 0px 4px;
	padding:    0px 0px 0px 10px;
	margin:     0px 0px 1ex 10px;
}

.specialBox .list p {
	background-image:    url(../graphics/li_green.gif);
	background-repeat:   no-repeat;
	background-position: 0px 4px;
}

.sublist {
	padding-left: 5px;
}

.homePic {
	border-bottom: 1px solid #CCCCCC;
}

.smallText {
	font-size: 9px;
}

.bigText {
	font-size: 18px;
}

.normalText {
	font-weight: normal;
}

.blackText {
	color: #000000;
}

.blackText a {
	color: #333333;
}

.blackText a:hover {
	color:               #FFFFFF;
	background-color:    #000000;
	border-top-style:    none;
	border-right-style:  none;
	border-bottom-style: none;
	border-left-style:   none;
}

.darkGray {
	color: #666666;
}

.titleBox a {
	display:         block;
	text-decoration: none;
	color:           #666666;
}

.titleBox a:hover {
	background:   #EFEFEF url(../graphics/bg.jpg) repeat-y -1200px 0px;
	color:        #006699;
	border-style: none;
}

.discussionHome {
	float: left;
}

.noUnderline a,
a.noUnderline {
	text-decoration: none;
	border-style:    none;
}

#footer {
	padding:       5px;
	margin-top:    50px;
	margin-bottom: 20px;
}

#footerInfo {
	font-size: 10px;
	color:     #999999;
}

#logoSmal {
	float:      left;
	height:     40px;
	width:      40px;
	background: url(../graphics/logo_small.jpg) no-repeat;
}

#footerInfo a {
	color:   #666666;
	padding: .5em 1em;
	display: inline-block;
}

#footerInfo a:first-child {
	padding-inline-start: 0;
}

#footerInfo p {
	text-indent:    0px;
	margin:         0px 0px 1rem;
	padding-inline: 1rem;
}

.newsSide a {
	color: #333333;
}

.newsDate {
	font-style: italic;
}

.newsTitle {
	font-weight: bolder;
}

.newsTitle a {
	color: #006699;
}

.newsSide {
	margin-bottom: 8px;
}

.barre {
	text-decoration: line-through;
}

.red,
.red a {
	color: #CC0000;
}

.sideAds {
	text-align: center;
	padding:    0px 10px 10px;
	border:     1px dotted #CCCCCC;
	margin:     15px auto 0px;
	max-width:  120px;
}

.sideAds .caption {
	color:         #999999;
	font-size:     10px;
	background:    #EFEFEF;
	margin-top:    -8px;
	float:         left;
	padding-right: 5px;
	padding-left:  5px;
	cursor:        default;
}

.sideAds .adsContent {
	margin-top: 10px;
	display:    block;
}

.Ads {
	text-align: center;
	padding:    0px 10px 10px;
	border:     1px dotted #CCCCCC;
	margin:     15px auto 0px;
}

.Ads .caption {
	color:         #999999;
	font-size:     10px;
	background:    #EFEFEF;
	margin-top:    -8px;
	float:         left;
	padding-right: 5px;
	padding-left:  5px;
	cursor:        default;
}

.Ads .adsContent {
	margin-top: 10px;
	display:    block;
}

#breadcrumb,
#breadcrumb a {
	color:     #999999;
	font-size: 10px;
}

#breadcrumb a:hover {
	border-style: none;
	color:        #006699;
}

.tablePadding td {
	padding: 2px;
}

.layerWidth468 {
	width: 468px;
}

.center {
	text-align: center;
}

.input100 {
	width: 99%;
}

.inputStyle {
	border-top:    1px solid #666666;
	border-right:  1px solid #999999;
	border-bottom: 1px solid #999999;
	border-left:   1px solid #666666;
}

.button {
	background:    #FEFEFE url(../graphics/bright.jpg) repeat-x left bottom;
	padding:       2px 4px;
	color:         #333333;
	border-top:    1px solid #999999;
	border-right:  1px solid #333333;
	border-bottom: 1px solid #333333;
	border-left:   1px solid #999999;
}