/* 
  ------------------------------------------------
  PVII CSS Layout Magic
  Copyright (c) 2007 Project Seven Development
  www.projectseven.com
 05:  2Col_Flexible_Sidebar_Left
  ------------------------------------------------
*/
body {
	font-family:Verdana, sans-serif;
	font-size: 100%;
	color: #000000;
	background-color:#333333;
	margin: 0;
	padding: 0;
	background-image:url(../images/tsunami_ed_bg.jpg);
	background-repeat:repeat-x;
	min-width:760px;
}
span {background-color:#FFFFCC} 
h1 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 2em;
	margin: 0;
	padding: 0;
	color: #CC6600;
	text-transform:uppercase;
	white-space:nowrap;
}
h2 {color: #3B3A7A; font: 2.5em Georgia, Times, serif; margin-top: 0; margin-bottom:.75em;}
h3 {color: #000000; font-size: 1.5em; margin:0 0 .5em 0}
h4 {color: #3B3A7A; font-size: 1em; margin: 1em 0 0.15em;letter-spacing: 2px;
  text-transform: uppercase;}
img.left {
float: left;
margin: 0px 10px 5px 0px;
}
#masthead {
	color: #999999;
	margin: 0;
	padding:0 0 10px 10px;
}
#wrapper {
	margin-left:150px; padding: 35px 0 0 0; background-image:url(../images/tsunami_ed_bg_top.gif);	
}
#column_wrapper {
}
.clearfloat {
	clear: both;
	height: 0;
	line-height: 0;
	font-size: 0;
}
pre, pre a {
	color:#CCCCCC;
	font-size:10px;
	margin: 0;
	padding: 0;
}
pre a:hover, pre a:focus {
	color:#FFFFFF;
}

#right {
	background-image:url(../images/tsunami_ed_bg_side.gif);
	background-repeat: repeat-y;
	background-color:#FFFFFF;
	margin: 0;
	padding: 0;
}
#menuwrapper {
	margin: 0px 0px 0px 10px;
}
#right p {margin-bottom: 1em;}
#right ul, ol {margin-bottom: 1.25em;}
#right li {margin-left: 40px;}

.sch {background-color: #FFFFEE;border: 1px dotted #5F9B73; padding: 10px; margin-bottom: 30px;}
body.tsu400 .sch {background-image:url(../images/tsu400_bg.jpg);background-repeat:no-repeat;background-position:center center;}
body.tsu410 .sch {background-image:url(../images/tsu410_bg.jpg);background-repeat:no-repeat;background-position:center center;}
body.tsu420 .sch {background-image:url(../images/tsu420_bg.jpg);background-repeat:no-repeat;background-position:center center;}

.seminar {background-color:#FFCC99;background-image:url(../images/mic_bg.gif)!important}
.fieldtrip {background-color:#FFFFCC;background-image:url(../images/hiker_bg.gif)!important}
.dayoff {background-color:#9999FF;background-image:url(../images/bg_burst.jpg)!important; background-position:top left !important;}
.details{float: right; font-family: Arial, Helvetica, sans-serif;width: 200px; text-align:center;background:#dddddd;border: 1px dotted #5F9B73;padding:10px;}
.rt {text-align: right;}
.small {font-size: .9em;}
.byline {font: italic 1.1em Times, serif; letter-spacing: 1px; padding: 0 0 1em; margin: 0 0 1.5em;
  background: url(http://www.alistapart.com/pix/byline-separator.gif) bottom left no-repeat;display:block;}

#bottomer {
	height: 20px;
	background-color:#0000FF;
	background-image:url(../images/tsunami_ed_bg_bottom.gif);
	background-position:bottom left;
	margin:0;
	padding: 0;
	
}
#p7swapmenu {
	font-family:Arial, Helvetica, sans-serif;
	font-size:90%;
	width: 126px;
	position: absolute;
	left:10px;
	top:85px;
}
#p7swapmenu ul {margin: 0px; padding: 0px;}
#p7swapmenu li {margin: 0px; padding: 0px; list-style-type: none;}

#p7swapmenu ul ul {margin: 5px 0 5px 0;}

#p7swapmenu a, #p7swapmenu a {
	background-repeat: no-repeat;
	background-position: 3px 50%;
	background-color: #999999;
	border: 1px solid;
	border-color: #C9D0AD #848C71 #848C71 #C9D0AD;
	color: #EEF0E3;
	display: block;
	font-size: 1em;
	padding: 2px 0px 2px 16px;
	text-decoration: none;
	cursor:default;
}
#p7swapmenu a:hover, #p7swapmenu a:hover {
	background-color: #FFFFFF;
	color: #5B624F;
}
#p7swapmenu .closed a {
	background-image:url(../images/menplus.gif);
}
#p7swapmenu .open a {
	background-image: url(../images/menminus.gif);
}
#p7swapmenu .closed ul a, #p7swapmenu .open ul a, #p7swapmenu .open ul a:hover {
	background-color: transparent;
	background-image: url(../images/pagemarker.gif);
	background-position: top left;
	background-repeat: no-repeat;
	border: 0;
	color:#666;
	font-size: .9em;
	font-weight:normal;
	padding: 0 0 0 12px;
	margin: 0 0 0 4px;
}
#p7swapmenu .open ul a:hover {
	background-color: transparent;
	color: #FF9900;
}
#p7swapmenu ul li ul li .current {
	background-color: transparent;
	color: #FF9900;
	cursor: default;
}
#p7swapmenu ul li ul li {margin: 8px 0;}
#right .content {
	padding: 0 30px;
	font-size: 0.85em;
	line-height: 1.65em;
}
#footer {
	margin: 0;
	font-size: 80%;
	padding: 10px 105px 10px 40px;
	border-top: 2px dotted #CCD3B0;
	color: #A2B38F;
	background-image: url(../images/tsunami_ed_bg_bottom.gif);
	background-repeat:no-repeat;
	background-position:bottom left;
	clear:both;
}
#footer p {white-space:nowrap}
/* 	Link styles for Footer Content only
	Active and Focus trigger the color change in IE-PC and other
	modern browsers when tabbing through the links with keyboard. */
#footer a:link {color: #99A189; text-decoration: none;}
#footer a:visited {color: #99A189;}
#footer a:hover, #footer a:active, #footer a:focus {color: #000000;}