/* -- Main CSS Style sheet for Newhouse Farm -- */
body {
 background-image: url(images/NHF_MainWindow_Tile_64.jpg);
 overflow: auto;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 cursor: default;
}
#container {
 
position: absolute;
 width: 970px;
 top: 0px;
 right: auto;
 bottom: 0px;
 left: 0px;
 border: 0px;
}
#header {
 position: absolute;
 width: 930px;
 height: 100px;
 top: 20px;
 right: auto;
 bottom: auto;
 left: 20px;
background-image: url(images/_NHF_Tile_SMenu_32x32.jpg);
 background-repeat: repeat;
}
#main {
 position: absolute;
 width: 675px;
 height: auto;
 overflow: auto;
 top: 120px;
 right: auto;
 bottom: 70px;
 left: 150px;
 background-image: url(images/_NHF_Tile_Footer_32x20.jpg);
 background-repeat: repeat;
}
#footer {
 position: absolute;
 width: 930px;
 height: 50px;
 top: auto;
 right: auto;
 bottom: 20px;
 left: 20px;
 background-image: url(images/NHF_Footer_light.jpg);
}
/* -- Right Side Block ------------------------------------- */
#rightblock {
 position: absolute;
 width: 130px;
 height: auto;
 top: 112px;
 right: auto;
 bottom: 70px;
 left: 820px;
 text-align: center;
 font-family: serif;
 font-size: 80%;
 background-image: url(images/_NHF_Tile_SMenu_32x32.jpg);
 background-repeat: repeat;
 z-index: 1;
}
td.rightheader {
	background-image: url(../images/site/NHF_scroll_right.jpg);
	height: 16px;
}
p.rightsection {
	text-align: center;
	font-size: 100%;
	margin: 0px 2px 0px 2px;
}
#twitter_div {
	position: absolute;
	right: 0px;
	bottom: 0px;
	left: 0px;
	border: 1px solid green;
	background-color: #99A468;
}
/* -- Left Side Block ------------------------------------- */
#leftblock {
	position: absolute;
	width: 130px;
	height: auto;
	top: 112px;
	right: auto;
	bottom: 70px;
	left: 20px;
	text-align: center;
	font-family: serif;
	background-image: url(images/_NHF_Tile_SMenu_32x32.jpg);
	background-repeat: repeat;
	z-index: 1;
}
td.leftheader {
	background-image: url(../images/site/NHF_scroll_left.jpg);
	height: 16px;
}
p.leftsection {
	text-align: center;
	font-size: 100%;
	margin: 0px 0px 2px 0px;
}
a.leftheadlink {
	color: #65290D;
}
a.leftlink {
	color: #65290D;
	font-size: 80%;
}
a.showhide {
	float: right;
	margin: 0px 3px 0px 0px;
	cursor: pointer;
}
/* --------------------------------------------------------- */
.imageBorder{
	border: 1px solid #64553E;
	padding: 3px;
	background: #f5f5f5;
}
.imageRight{
	float: right;
	margin: 0px 10px 10px 10px;
}
.imageLeft{
	float: left;
	margin: 0px 10px 10px 0px;
}
.imageTop{
	/*margin-top: 20px;*/
}
.imageSmall{
	width: 100px;
}
.floatLeft {
	float: left;
	margin: 3px 8px 3px 0px;
}
.floatRight {
	float: right;
	margin: 3px 0px 3px 8px;
}
.middle{
	vertical-align: middle;
}
.noBorder{
	border: none;
}
table.maintable {
 border: 0;
 margin-left: 5px;
 width: 600px;
}
p.newstable {
 margin: 0px;
 text-align: left;
 font-size: 80%;
}
p.newstabler {
 margin: 0px;
 text-align: right;
 font-size: 80%;
}
p.newstablec {
 margin: 0px;
 text-align: center;
 font-size: 80%;
}
input.datecell {
 cursor: text;
 width: 40px;
 font-size: 65%;
}
p {
 text-align: justify;
 font-size: 85%;
 margin-right: 10px;
 margin-left: 10px;
}
form, textarea {
 font-size: 85%;
 font-family: Verdana, Arial, Helvetica, sans-serif;
}
p.textcenter {
	text-align: center;
	font-size: 80%;
	margin: 0px 10px 0px 10px;
}	
p.textfooter {
	text-align: center;
	font-size: 70%;
	margin-top: 10px;
}
h1 {
	font-size: 200%;
	font-weight: normal;
	margin-bottom: 0px;
	margin-top:10px;
	text-align: center;
}
h2 {
	font-size: 95%;
	font-weight: bold;
	margin-bottom: 0px;
	margin-top: 10px;
	margin-left: 4px;
}
/* -- Links ------------------------------------------------ */
input {
 cursor: pointer;
}
a {
 color: #3333FF;
 text-decoration: none;
 cursor: pointer;
}
a:hover {
	color: #65290D;
}
a.altlink {
	color: #65290D;
}
a:hover.altlink {
	color: #3333FF;
}
a.imageLink {
	font-size: 120%;
}
a.imageLink img {
	border: none;
	vertical-align: text-top;
}
/* --------------------------------------------------------- */
.textView {
	text-align: justify;
	font-size: 80%;
	margin-top: 10px;
}
/* --------------------------------------------------------- */
hr.wideline {
	width: 98%;
}
hr.narrowline {
	width: 50%;
}
hr.midline {
	width: 75%;
}
/* -- Course Dates Display Holder -------------------------- */
div.monthdiv {
 position: absolute;
 width: 130px;
 top: 212px;
 left: 0px;
 font-size: 100%;
 margin: 0px;
}
div.monthdiv a {
 cursor: pointer;
}
div.datesbox {
 position: absolute;
 width: 90px;
 top: 40px;
 left: 19px;
 border: 1px solid black;
}
div.datesbox img {
 position: absolute;
 top: 0px;
 left: 0px;
 border-right: 1px solid black;
}
/* -- Course Item Display Holder --------------------------- */
div.courseitem {
 position: absolute;
 width: 90px;
 left: 0px;
 border-top: 1px solid black;
 border-bottom: 1px solid black;
 font-size: 80%;
 margin: 0px;
 padding: 0px;
 line-height: 0.9;
}
div.colorbox {
 border-right: 1px solid black;
  /* for IE */
 filter:alpha(opacity=60);
  /* CSS3 standard */
 opacity:0.6;
}
div.courseitemtext {
 position: absolute;
 top: 0px;
}
td.coursecell1 {
 width: 25%;
 vertical-align: top;
}
td.coursecell1 p {
 text-align: left;
 font-size: 80%;
 margin: 5px 10px 5px 20px;
}
td.coursecell2 p {
 text-align: justify;
 font-size: 80%;
 margin: 5px 0px 5px 0px;
}
div.coursekey {
 width:88px;
 margin-left: 20px;
 margin-right: 20px;
 padding: 1px;
 text-align: center;
 font-size: 80%;
 line-height: 1.0;
}