
/* defaults.css */
body {
	margin: 0;
	padding: 0;
}

td{
	vertical-align: top;
}

img{
	margin:0;
	padding:0;
}

h1, h2{
	padding:0;
	margin:0;
}

body, td{
 font-family: arial, helvetica, sans-serif;
}

.counter{
FONT-WEIGHT: lighter;
FONT-SIZE: 8pt;
}

dt{
    font-weight: bolder;
}

.warning{
	color:red;
}

.closer:link, .closer:link{
	background-color:silver;
	color:black;
}

.closer:hover{
	background-color:white;
	color:black;
}
/* four_row/layout.css */
#header{
   padding:0;
   margin:20px auto;
   clear:both;
   height:150px;
   width:650px;
}

#menu{
   padding:0;
   margin:20px auto;
   clear:both;
   height:150px;
   width:650px;
}

#main{
   padding:0;
   margin:20px auto;
   clear:both;
   width:650px;
}

#footer{
   padding:0;
   margin:20px auto;
   clear:both;
   height:130px;
   width:650px;
}
/* ---calendar.css --- */

.calendar{
background-color: #516140;
border: solid 1px #516140;
}

.calendar h2{
	color: white;
}

.calendarHeader{
 background-color: #516140;
 font-size: small; font-style: normal;
 font-weight:100;
 color: white;
}

.calendarHeader th{
 padding:3px 0;
 font-style: normal;
 font-weight:100;
 color: white;
}

.calendarHeader:link, .calendarHeader:visited {
 color: white;
}

.calendarDay, .calendarToday, .calendarBlank{
font-size: 12px;
line-height: 100%;
width: 14.28%;
}

.calendarDay{
background-color: white;
border: solid 1px #516140;
}

.calendarBlank{
background-color: #eae9e8;
border: solid 1px #516140;
}

.calendarToday{
background-color: white;
border: solid 1px #516140;
}

.calendarToday a{
background-color: white;
}

div.dayNumber {
    text-align: right;
    background-color: #f8f8f8;
    border-bottom: 1px solid #ccc;
}
.dayNumber :link, .dayNumber :visited {
    background-color: #f8f8f8;
}
.calendarToday div.dayNumber{
	background-color: #eea8da;
}

.calendarBlank div.dayNumber{
	background-color: #c3c2c1;
}

.calendarDay div.dayNumber{
	background-color: #eae9e8;
}

div.dayContents ul{
	list-style: square;
	padding: 0 5px;
	margin: 0;
	font-size:small;
}

div.dayContents ul li{
	font-size:x-small;
	line-height:140%;
	font-weight:normal;
}

.tinycalendar{
font-size: 10px;
}

.calendar a {position: relative;}

.calendar a div{display:none;}
 
.calendar a:hover div.tooltip {
  position: absolute;
  z-index:999;
  display: block;
  background: #ffe15b;
  font-weight:normal;
  width: 250px;
  max-height:300px;
  overflow:auto;
  border: 1px solid black;
  padding: 10px;
  }
 
.calendar a:hover div.t {
  top: 5px;
}

.calendar a:hover div.l {
  left: 30px;
}

.calendar a:hover div.b {
  bottom: 5px;
}

.calendar a:hover div.r {
  right: 30px;
}



#main, #footer, .divider{
	border-top:1px dotted #829d3e;
	padding:20px 0;
}

body, td, p{
	font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif;
}

p{ 
	font-size: 85%;  
	margin-bottom: 12pt 
}

h1, h2, h3, h4, h5, h6{
	color: #829d3e;
}

h1{ 
	font-size: 100%; 
	margin-bottom: 12pt 
}

.tagline{
	font-size: 95%;
	font-style: italic;
	vertical-align:middle;
}

.bred{
	font-weight:bold;
	color:#660033;
}
/*-----links -------*/
:link ,:visited{
	color: #381209;
	text-decoration: underline;
}


:link:hover, :visited:hover {
	color: #381209;
	background-color: #829d3e;
	text-decoration: none;
}

/*-----yarnbar -----*/

.yarnbar{
	text-align: center;
	width: *;
}

.yarnbar img{
 	padding:5px 5px;
}

.yarnbar_text{
	display: block;
	text-align: center;
	font-size: 10pt;
	padding: 4px 5px;
}

.yarnbar a:link, .yarnbar a:visited{
	text-decoration: none;
}

.yarnbar a:hover{
	background-color: white;
}

.yarnbar a:hover span.yarnbar_text{
	background-color: white;
	border-right: 1px solid black;
	border-left: 1px solid black;
}

.lists{
	width:160px;
	float:left;
}

.lists h1{
	margin: 5px 26px 5px 10px;
}

.lists li{
	list-style:none;
	margin:0 10px;
	padding:0;
	font-size: 85%;
}

.lists ul{
	width:165px;
	margin:10px 0;
	padding:0;
}

.thumbnail{
	width: 90px;
	height: 110px;
	font-size: 85%;
	float:left;
	margin:20px;
}

.detail{
	width:420px; 
	overflow:auto; 
	float:left;
	font-size: 85%;
}
 <!--[if IE lt 7]>
  <style type="text/css">
   body {behavior: url(csshover.htc);}
  </style>
 <![endif]-->
