/* CSS Document for New Day School, Sendai*/

/* andreas06 - an open source xhtml/css website layout by Andreas Viklund - http://andreasviklund.com . Free to use for any purpose as long as the proper credits are given for the original design work. */

body {
	padding:10px 0 0 0;
	margin:0;
	font:76% "century", "times new roman", sans-serif;
	background:#990000;
	color:#000000;
	width:680px;
	background-image: url();
}

a {
color:#990000;
text-decoration:none;
border-bottom:1px dotted #990000;
}

a:hover {
color:#FF0000;
text-decoration:none;
border-bottom:1px solid #ff6600;
}

h1 {
margin:0 0 18px 0;
font-size:20px;
font-weight:normal;
}

h2 {
margin:0 0 14px 0;
font-size:18px;
font-weight:normal;
}

h3 {
margin:0 0 10px 0;
font-size:16px;
font-weight:normal;
}

h4 {
margin:0 0 6px 0;
font-size:12px;
font-weight:normal;
}

h6 {
margin:0 0 2px 0;
font-size:12px;
font-weight:normal;
color:#990000
}

h5 {
margin:0 0 6px 0;
font-size:10px;
font-weight:normal;
}

p {
	margin:0 0 10px 0;
	line-height:normal;
	font-size: 12px;
}

p.red {
color:#990000;
}

a img {
border:0;
}


/* Main container */

#container {
	margin:0 auto 20px 20px;
	width:680px;
	padding:5px 10px 20px 10px;
	background:#ffffff;
}

/* Site title section */

#logo {
	margin:15px 0 0 0;
}

#logo h1 a {
	color:#FF0000;
	border:none;
}

#logo h1 a:hover {
color:#FF6600;
text-decoration:underline;
border:none;
}

/* Toptab menu */

#toptabs {
margin:20px auto -9px 60px;
font-size:12px;
width:620px;
}

#toptabs p {
text-align:right;
color:#000000;
}

.toptab {
padding:6px 5px 3px 5px;
margin:0 0 0 4px;
text-decoration:none;
background:#cc0000;
color:#FFFF00;
border-bottom:1px solid #e0e0e0;
}

.toptab:hover {
background:#ff0000;
border-bottom:1px solid #ff0000;
color:#FFFF00;
text-decoration:overline;
}

.activetoptab {
padding:4px 5px 3px 5px;
margin:0 0 0 4px;
color:#FF0000;
text-decoration:none;
background:#ffdd00;
border-bottom:1px solid #ffffff;
}

.activetoptab:hover {
text-decoration:none;
border-bottom:1px solid #ffffff;
}


/* Navitab menu */

#navitabs {
clear:both;
}

.navitab {
	padding:4px 8px 4px 8px;
	margin:0 0 4px 0;
	text-decoration:none;
	font-size:12px;
	background:#990000;
	border-bottom:1px solid #ffff00;
	border-left:1px solid #ffff00;
	color:#ffdd00;
}

.navitab:hover {
	text-decoration:none;
	background:#ff0000;
	border-bottom:1px solid #ff0000;
	color:#FFFF00;
}

.activenavitab {
padding:4px 8px 5px 8px;
color:#FF0000;
margin:0 0 5px 0;
font-size:14px;
text-decoration:none;
background:#ffdd00;
}

.activenavitab:hover {
text-decoration:none;
color:#000000;
}


/* Table with two columns */

.tabb1 {
background:none;
border:none;
padding:1px;
text-align:left;
width:620px;
float:left;
}

.tabhead1 {
background:none;
border:none;
margin:0 0 0 0;
padding:1px;
text-align:left;
width:620px;
}

.left1 {
border:none;
float:left;
margin:0;
padding:2px;
width:305px;
}

.right1 {
border:none;
float:right;
margin:0 0 0 0;
padding:2px;
width:300px;
}


/* Table with two narrower columns */

.tabb2 {
background:none;
border:none;
padding:1px;
text-align:left;
width:390px;
}

.tabhead2 {
background:none;
border:none;
margin:0 0 0 0;
padding:1px;
text-align:center;
width:380px;
}

.left2 {
border:none;
float:left;
margin:0 0 0 0;
padding:5px;
text-align:center;
width:180px;
}

.right2 {
border:none;
float:right;
margin:0 0 0 0;
padding:5px;
text-align:center;
width:180px;
}

td.courier {
font-family:"Courier New", Courier, monospace;
}


/* Header description */

#desc {
	height:200px;
	color:#990000;
	background:#ffdd00;
	clear:both;
	margin:5px 5px 5px 0;
	padding-left:5px;
	background-image: url(img/bkgrd_summer220.jpg);
}

#desc p {
	width:290px;
	font-size:10px;
	line-height:normal;
	padding:0 0 0 15px;
	color:#000000;
}

#desc h2 {
padding:15px 15px 0 15px;
color:#FF0000;
}

#desc a {
color:#000000;
text-decoration:none;
border-color:#990000;
}

/* Main content */

#main {
width:370px;
float:right;
padding:0 5px 0 5px;
margin:0;
border-right:1px solid #990000;
background-image:url();
}

/* Sidebar */

#sidebar {

	width:190px;
	float:left;
	background-color:#CC0000;
	color:#FFFF00;
}

#sidebar p {
font-size:0.9em;
line-height:1.3em;
margin:0 0 15px 0;
}

/* Footer */

#footer {
	clear:both;
	background:#fafafa;
	padding:0;
	margin:0;
	border-top:1px solid #990000;
}

#footer a {
color:#CC0000;
}

#footer a:hover {
color:#000000;
}

#footer p {
color:#CC0000;
font-size:1.1em;
line-height:1.3em;
margin:15px 0 0 0;
padding:0;
}

/* Various classes */

.photo {
padding:2px;
margin:0 0 8px 0;
background-color:#f0f0f0;
border:1px solid #d8d8d8;
}

.right {
margin-top:-8px;
text-align:right;
}

.block {
background:#f0f0f0;
padding:10px;
}

.sidelink {
	text-align:left;
	display:block;
	width:170px;
	background:#990000;
	padding:3px 4px 3px 8px;
	margin:5px 10px 5px 0;
	border:none;
	color: #FFdd00;
	font-size:12px;
}

.sidelink:hover {
	background:#ff0000;
	text-decoration:none;
	border:1px 1px 1px 1px;
	color:#FFFF00;
	border-color:#FFFF00;
}

.hide {
display:none;
}

.smallest {
        font-size:8px;
}
.small {
        font-size:10px;
}
.medium {
        font-size:12px;
}
.large {
        font-size:14px;
}
.largest {
        font-size:16px;
}