body { background-color:#ccddff;}

div#all {
	margin: auto;
	max-width: 1000px;
	min-height: 670px;
	background-image:none;
	/*BK background-position: center top; */
	background-repeat: no-repeat;
	/* padding-bottom: 6px; */
	background-color: white;
	/* border-top: 1px dashed silver;
	border-left: 1px dashed silver;
	border-right: 1px dashed silver; */
}

h1 { text-align:left; padding: 0em 1em; }

div#header0 {
	background-color:#cceeff;
	color:black;
	height:180px;
	border: 4px solid #000099;
	background-image:url("images/header0.jpg");
}
div#header {
	background-color:#cceeff;
	color:black;
	height:120px;
	border: 4px solid #000099;
	background-image:url("images/header.jpg");
}
div#header0 h1 { line-height:0.7em;  }
div#header a {	text-decoration: none; }
div#header h1 { line-height:0.7em;  }

div#header2 { background-color:#000099; color:white; text-align:center; padding:0.25em;}
div#header2 a { color:white; }

div#main {  float:left; width:720px; background-color:white; }
div#sidebar { float:right;  width: 245px; font-size:smaller; border-left:1px solid navy; padding-left:2px; }
/* #sidebar2 {  float:left; width:20%; font-size:smaller; border: 1px solid navy;} */
div#about { float:left;  border: 1px solid navy;  }
div#footer {
	clear:both;
	margin: auto;
	width: 100%;
	padding:0.5em;
	font-size:small;
	text-align:center;
	font-weight:bold;
	font-family:sans;
	letter-spacing: 2px;
	color:white;
	background-color:#003399;
}

#footer a {
	color: white;
	text-decoration: none;
	background-color:#003399;
}

div#topnav { clear:both;  background-color:#ffffff; text-align:center; padding:0em; }
div#topnav a {
	display:block;
	width: 150px;
	height: 20px;
	background-image:none;
	float: left;
	font-style:bold;
	color:003399;
	background-color:ddeeff;
	text-decoration:none;
	font-size:1.2em;
	padding: 0;
	margin: 2px 6px;
	border-width:2px 10px 6px 4px;
	border-style: outset;
	border-color:#3366ff;
	text-shadow: 3px 3px 5px #3399ff;
}
div#topnav a#here { font-style:bold; color:navy; background-color:#ccddee; border: 1px solid navy; text-decoration:none; font-size:1.2em; padding:0.4em; margin-left:0.4em; line-height:2.2em; }
div#subnav { float:left;  width: 200px;  border: 1px solid navy;  }
div#nav { clear:both; float:none; }
div#nav a { padding:0.5em;}

/***
div#topbanner img { width:100%; height:auto; padding:0; margin:0; border-width:0; }
***/

div#feature {
 /*
 clear: left;
 float: left;
 width:460;
 font-size:1.5em;
 border: 1px solid navy;
 */
 padding:0.5em;
}

/*
div#whatsnew {
  float: left;
  width: 220;
}
*/

div#sns {
  clear: both;
  height:90px;
}

div.showfeed {
  float:left;
  width:220px;
  height:260px;
  margin:1px;
  border:1px solid navy;

}
div.showfeed a {  margin:0; padding: 0.5em; border:1px solid navy; }

div.frame { margin:1px 0; padding: 0.5em; border:2px solid navy;  }

.left { float:left; }
.right { float:right; }
.clear { clear:both; }
.center { text-align:center;}
img.left { float:left; margin:6px;}
img.right { float:right; margin:6px;}
img.fullbanner { width:100%; height:auto; padding:0; margin:0; border-width:0; }

h2 {
  clear:both;
	font-size: 16px;
	background-color:#99ccff;
	border-bottom: 2px solid navy;
	padding: 4px 0 0 0.5em;
	margin: 4px 4px 4px 0;
	letter-spacing: 2px;
}
h3 {
  padding:0em 0.5em;
  border-bottom: 2px solid silver;
}
h4 { padding:0em 0.5em; line-height:0; }

#sidebar h2  { clear:both; color: #008000; font-weight:bold; font-size:1.2em; padding:0em 0.5em;}
#sidebar2 h2  { clear:both; color:black; background-color:aqua; font-size:1em;}
div#about h2 { color: #008000; font-weight:bold; font-size:1em; padding:0em 0.5em;}
div#about p { font-size:smaller; padding:0em 0.5em;}
div.pagetop { text-align:right; }
div.pagetop a  {  font-weight:bold; font-size:smaller;  color:#0000cc;}
img { border-width:0; }
/*img { padding:0.5em;*/}
.nogap { padding:0em; }
/* strong { color:white; background-color:grey;} */
em { font-style:italic; font-weight:bold; }
p { padding: 4px; }
blockquote { display:block; font-style:italic; padding: 0.5em; border: 1px solid black;}

@media screen {
  div#main { width:710px; }
  div#sidebar { float:right;  width: 240px; font-size:smaller; border-left:1px solid navy; padding-left:0; }
  div#topnav a {
	display:block;
	width: 150px;
	height: 26px;
	background-image:url("images/menu_bn150.jpg");
	float: left;
	font-weight:900;
	color:0033cc;
	background-color:ddeeff;
	text-decoration:none;
	font-size:18pt;
	padding: 12px 0;
	margin: 6px;
	border-width:2px 10px 6px 4px;
	border-style: outset;
	border-color:#3366ff;
	text-shadow: 3px 3px 5px #3399ff;
  }

 a.button {
	display:block;
	float:left;
	font-style:900;
	text-decoration:none;
	font-size:1.2em;
	padding: 0.5em;
	margin: 6px;
	border-width: 4px;
	border-style: outset;
	border-color:#3366ff;
	color:white;
	background-color:#6699cc;
	text-shadow: 3px 3px 5px #000033;
 }
 ul { line-height: 1.5em; }
}

img.full { width:100%; height:auto; }

@media print {
	div#all {
		width:750px;
		/* border:1px solid silver; */
	}
	div#main { width:750px; }
	div#sidebar { float:none; width:750px; border:0; margin:0;}
	div#header0 { height:100px; }
	div#header { height:100px; }
	div#footer { border: 1px solid silver; }
}

@media screen and (max-width:1000px) {
	div#all {
		max-width:720px;
		border:1px solid silver;
	}
	div#sidebar { clear: both; float:none; width:720px; border:0; margin:0;}
}
@media screen and (max-device-width:1000px) {
	div#all {
		max-width:720px;
		border:1px solid silver;
	}
	div#sidebar { clear: both; float:none; width:720px; border:0; margin:0;}
	ul { line-height: 1.5em; }
}
@media screen and (max-width: 719px) {
  div#all { max-width:540px;}
  div#main  { max-width:540px;}
  div#sidebar { width:540px;}
  div#sns { clear: both; }
  ul { line-height: 1.5em; }
  div#header0 h1 { font-size:16px; }
}
@media screen and (max-width: 540px) {
  div#all { max-width:360px;}
  div#main  { max-width:360px;}
  div#sidebar { width:360px;}
  div#feature   { max-width:360px;}
  div#whatsnew { clear: both; }
  siv#sns   { max-width:360px;}
  div#feature img { width:100%; height:auto; }
  div#sidebar img { width:100%; height:auto; }
  iframe { width:100%;}
}
@media screen and (max-width: 320px) {
  div#main { max-width:300px;}
  div#sidebar { width:300px;}
  div#feature   { max-width:300px;}
  siv#sns   { max-width:300px; }
  iframe { width:300px;}
  .left { float:none; }
  div#topnav a {
	display:block;
	width: 100%;
	height: 1.5em;
	background-image:none;
	float: none;
	font-style:900;
	color:0033cc;
	background-color:ddeeff;
	text-decoration:none;
	font-size:1.2em;
	padding: 4px;
	margin: 2px;
	border-width: 1;
	border-style: outset;
	border-color:#3366ff;
	text-shadow: 3px 3px 5px #3399ff;
  }
  div#nav { line-height:1.5em;}
  div#nav a {
	padding: 4px;
  }
  a.button {
	display:block;
	float:none;
	font-style:900;
	text-decoration:none;
	font-size:1em;
	padding: 4px;
	margin: 2px;
	border-width: 4px;
	border-style: outset;
	border-color:#3366ff;
	color:white;
	background-color:#6699cc;
	text-shadow: 3px 3px 5px #000033;
  }
  div#sns { width:100%;}
  div#whatsnew { width:100%;}
}