?@charset "UTF-8";
/* ---------------------------- */
/* ----- BODY ----------------- */
body{
	
	scrollbar-arrow-color:white;
	scrollbar-base-color:#ffffff;
	scrollbar-face-color:#ffffff;
	scrollbar-highlight-color:#ccccff;
	scrollbar-shadow-color:white;
}

/* ---------------------------- */
div.intoro{
	display: block;
	width: 80%;
	min-width: 400px;
	color: #000000;
	background-color: #ffffff;
	margin: 1px;
	padding: 3px 1px 1px 0px;
	border-width: 3px;
	text-decoration: none;
	margin-top: 32px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: auto;
	text-align: left;
}

a.topics{
	display: block;
	width: 80%;
	min-width: 400px;
	color: #000000;
	background-color: #ffffff;
	border : 1px solid #aaaadd;
	margin : 32px auto auto;
	padding : 8px 1px 1px 0px;
	text-decoration: none;
	text-align: left;
}

/* -------------------------- */
a.btn0{
	display: block;
	width: 80%;
	min-width: 400px;
	color: #000000;
	background-color: #ffffff;
	border : 1px solid #aaaadd;
	margin : 32px auto auto;
	padding : 8px 1px 1px 0px;
	text-decoration: none;
	text-align: left;
}

a:hover.btn0{
	display: block;
	width: 80%;
	min-width: 400px;
	color: #000000;
	background-color: #ffffff;
	border : 1px solid #aaaadd;
	margin : 32px auto auto;
	padding : 8px 1px 1px 0px;
	text-decoration: none;
	text-align: left;
}

a.btn1{
	display: block;
	width: 80%;
	min-width: 400px;
	color: #000000;
	background-color: #ccccff;
	border: outset 2px #aaaadd;
	margin: 1px;
	padding: 3px 1px 1px 0px;
	border-width: 3px;
	text-decoration: none;
	margin-top: 32px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: auto;
	text-align: left;
}

a:hover.btn1{
	display: block;
	color: #000000;
	width: 80%;
	min-width: 400px;
	background-color: #8888bb;
	border: inset 2px #ccccff;
	margin: 1px;
	padding: 4px 0px 0px 1px;
	border-width: 3px;
	text-decoration: none;
	margin-top: 32px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: auto;
	text-align: left;
}

/* ---------------------------- */
a.btn2{
	display: block;
	width: 80%;
	min-width: 400px;
	color: #000000;
	background-color: #ccffcc;
	border: outset 2px #aaddaa;
	margin: 1px;
	padding: 3px 1px 1px 0px;
	border-width: 3px;
	text-decoration: none;
	margin-top: 32px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: auto;
	text-align: left;
}

a:hover.btn2{
	display: block;
	color: #000000;
	width: 80%;
	min-width: 400px;
	background-color: #88bb88;
	border: inset 2px #ccffcc;
	margin: 1px;
	padding: 4px 0px 0px 1px;
	border-width: 3px;
	text-decoration: none;
	margin-top: 32px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: auto;
	text-align: left;
}

/* ---------------------------- */
a.btn3{
	display: block;
	width: 80%;
	min-width: 400px;
	color: #000000;
	background-color: #eeeeee;
	border: outset 2px #cccccc;
	margin: 1px;
	padding: 3px 1px 1px 0px;
	border-width: 3px;
	text-decoration: none;
	margin-top: 32px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: auto;
	text-align: left;
}

a:hover.btn3{
	display: block;
	color: #000000;
	width: 80%;
	min-width: 400px;
	background-color: #bbbbbb;
	border: inset 2px #dddddd;
	margin: 1px;
	padding: 4px 0px 0px 1px;
	border-width: 3px;
	text-decoration: none;
	margin-top: 32px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: auto;
	text-align: left;
}
/* ---------------------------- */
a.btn4{
	display: block;
	width: 80%;
	min-width: 100px;
	color: #000000;
	background-color: #ff9966;
	border: outset 2px #cc6633;
	margin: 1px;
	padding: 3px 1px 1px 0px;
	border-width: 3px;
	text-decoration: none;
	margin-top: 32px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: auto;
	text-align: center;
}

a:hover.btn4{
	display: block;
	color: #000000;
	width: 80%;
	min-width: 100px;
	background-color: #cc6633;
	border: inset 2px #993300;
	margin: 1px;
	padding: 4px 0px 0px 1px;
	border-width: 3px;
	text-decoration: none;
	margin-top: 32px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: auto;
	text-align: center;
}
/* ---------------------------- */
a.btn5{
	display: block;
	width: 80%;
	min-width: 100px;
	color: #000000;
	background-color: #fffff0;
	border: outset 2px #cccccc;
	margin: 1px;
	padding: 3px 1px 1px 0px;
	border-width: 3px;
	text-decoration: none;
	margin-top: 32px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: auto;
	text-align: left;
}

a:hover.btn5{
	display: block;
	color: #000000;
	width: 80%;
	min-width: 100px;
	background-color: #eeeee0;
	border: inset 2px #dddddd;
	margin: 1px;
	padding: 4px 0px 0px 1px;
	border-width: 3px;
	text-decoration: none;
	margin-top: 32px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: auto;
	text-align: left;
}

/* -------------------------------------------- */
a.navi1{
	display: inline-block;
	color: #000000;
	background-color: #ccccff;
	border: outset 2px #aaaadd;
	margin: 1px;
	padding: 3px 1px 1px 0px;
	border-width: 3px;
	text-decoration: none;
	text-align: center;
	white-space: nowrap;
}

a:hover.navi1{
	display: inline-block;
	color: #000000;
	background-color: #8888bb;
	border: inset 2px #ccccff;
	margin: 1px;
	padding: 4px 0px 0px 1px;
	border-width: 3px;
	text-decoration: none;
	text-align: center;
	white-space: nowrap;
}

/* -------------------------------------------- */
a.navi2{
	display: inline-block;
	color: #000000;
	background-color: #ccffcc;
	border: outset 2px #aaddaa;
	margin: 1px;
	padding: 3px 1px 1px 0px;
	border-width: 3px;
	text-decoration: none;
	text-align: center;
	white-space: nowrap;
}

a:hover.navi2{
	display: inline-block;
	color: #000000;
	background-color: #88bb88;
	border: inset 2px #ccffcc;
	margin: 1px;
	padding: 4px 0px 0px 1px;
	border-width: 3px;
	text-decoration: none;
	text-align: center;
	white-space: nowrap;
}

/* -------------------------------------------- */
a.navi3{
	display: inline-block;
	color: #000000;
	background-color: #eeeeee;
	border: outset 2px #cccccc;
	margin: 1px;
	padding: 3px 1px 1px 0px;
	border-width: 3px;
	text-decoration: none;
	text-align: center;
	white-space: nowrap;
}

a:hover.navi3{
	display: inline-block;
	color: #000000;
	background-color: #bbbbbb;
	border: inset 2px #dddddd;
	margin: 1px;
	padding: 4px 0px 0px 1px;
	border-width: 3px;
	text-decoration: none;
	text-align: center;
	white-space: nowrap;
}

/* ---------------------------------------------- */
select.naviSelect{
	display: inline-block;
	max-width: 500px;
	min-width: 100px;
}

/* --------------------- */
/* ----- COPYRIGHT ----- */
a.copyright{
	color: #0000FF;
	text-decoration: none;
}

a:hover.copyright{
	color: #FF0000;
	text-decoration: none;
}

/* -------------------------- */
img{
	border: 0 ;
}

a{
	color: #0000FF;
	text-decoration: none;
}

a:hover{
	color: #FF0000;
	text-decoration: none;
}

H1{
  background-color : #ccffcc;
  font-size : medium;
  font-weight : bold;
  color : black;
  font-style : normal;
  border-bottom-style : solid;
  border-bottom-color : green;
  border-bottom-width : 2px;
}

H2{
  background-color : #ccccff;
  font-size : medium;
  font-weight : bold;
  color : black;
  font-style : normal;
  border-bottom-style : solid;
  border-bottom-color : blue;
  border-bottom-width : 2px;
}

H3{
  background-color : #ff8000;
  color : white;
  font-size : medium;
  font-weight : bold;
  font-style : normal;
  border-bottom-style : solid;
  border-bottom-color : #884400;
  border-bottom-width : 2px;
}

H4{
  color : black;
  background-color : #ffffcc;
  font-size : medium;
  font-weight : bold;
  font-style : normal;
  border-bottom-style : solid;
  border-bottom-color : orange;
  border-bottom-width : 2px;
}