/*
/* SITE BODY!!!
/* These would be the styles affecting
/* essentially the entire site. The body.
*/
body {
	margin: 0 auto;
	padding: 0;
	text-align: center;
	background-image: url('graphix/_siteBackground.png');
	background-repeat: repeat-x;
}
img  {  
	border-style: none;
}
a  {
	font-weight:600;
	text-decoration:none;
	color: #646464;
}
a:visited  {
	font-weight:normal;
	text-decoration:none;
	color: #646464;
}
a:active {
	color: #111111;
}
font.microtext {
	font-size: 8px;
	font-family: Arial;
	color: #646464;
}
font.tinytext {
	font-size: 9px;
	font-family: Verdana;
	color: #646464;
}
font.smalltext {
	font-size: 10px;
	font-family: Verdana;
	color: #646464;
}
font.maintext {
	font-size: 11px;
	font-family: Verdana;
	color: #646464;
}
font.headertext {
	font-size: 13px;
	font-family: Verdana;
	color: #646464;
}
/*
/* SITE TABLE!!!
/* These would be the styles affecting
/* the the overall layout of the site.
*/
table.siteTable {
	margin: 0 auto;
	border-style: none;
	border-width: 0px;
	padding: 0px;
}
td.navCell {
	margin: 0 auto;
	width: 200px;
	height: 100%;
	text-align: center;
	vertical-align: top;
}
td.bannerCell {
	margin: 0 auto;
	height: 150px;
	text-align: center;
	vertical-align: middle;
}
td.bodyCell {
	margin: 0 auto;
	text-align: center;
	vertical-align: top;
}



/*
/* SITE HEADER!!!
/* These would be the styles affecting
/* the header/banner at the top of the
/* site.
*/
div.header {
	margin: 10 auto auto 100;
	width: 500px;
	height: 112px;
	position: relative;
	text-align: center;
	vertical-align: middle;	

}
/*
/* SITE BODY!!!
/* These would be the styles affecting
/* the middle/body of the site.
*/
div.sitebody {
	margin: 0 auto;
	position: relative;
	text-align: center;	
}
/*
/* SITE FOOTER!!!
/* These would be the styles affecting
/* the fotter at the bottom of the site.
*/
div.footer {
	margin: 0 auto;
	height: 50px;
	position: relative;
	text-align: center;	
	z-Index:2
}


/*
/* PAGE PARTS -- Whiteboard!!!
/* These would be the styles affecting
/* the various parts of the site
*/
table.whiteboard {
	margin: 0 auto;
	text-align: center;
	border-style: hidden;
	border-width: 0;
	padding: 0px;	
	border-collapse: collapse;
}
td.whiteboard_topleft {
	padding: 0px;
	width: 20px;
	height: 22px;
	text-align: center;
	background-image: url('graphix/whiteboard_topleft.gif');
}
td.whiteboard_top {
	padding: 0px;
	width: 100%;
	height: 22px;
	text-align: center;
	background-image: url('graphix/whiteboard_top.gif');
}
td.whiteboard_topright {
	padding: 0px;
	width: 20px;
	height: 22px;
	text-align: center;
	background-image: url('graphix/whiteboard_topright.gif');
}
td.whiteboard_bottomleft {
	padding: 0px;
	width: 20px;
	height: 22px;
	text-align: center;
	background-image: url('graphix/whiteboard_bottomleft.gif');
}
td.whiteboard_bottom {
	padding: 0px;
	width: 100%;
	height: 22px;
	text-align: center;
	background-image: url('graphix/whiteboard_bottom.gif');
}
td.whiteboard_bottomright {
	padding: 0px;
	width: 20px;
	height: 22px;
	text-align: center;
	background-image: url('graphix/whiteboard_bottomright.gif');
}
td.whiteboard_midleft {
	padding: 0px;
	width: 20px;
	height: 22px;
	text-align: center;
	background-image: url('graphix/whiteboard_midleft.gif');
}
td.whiteboard_mid {
	padding: 0px;
	width: 100%;
	text-align: center;
	background-image: url('graphix/whiteboard_mid.gif');
}
td.whiteboard_midright {
	padding: 0px;
	width: 20px;
	height: 22px;
	text-align: center;
	background-image: url('graphix/whiteboard_midright.gif');
}
td.centered {
	padding: 0px;
	text-align: center;
}

/*
/* PAGE PARTS!!!
/* These would be the styles affecting
/* the various parts of the site
*/
div.banner {
	margin: 0 auto;
	height: 115px;
	top: 20;
		background-repeat: no-repeat;
	background-position: 140px 0px;
	text-align: center;	
	z-Index:15;

}
div.thumbnail {
	margin: 0 auto;
	width: 120px;
	height: 120px;
	background-repeat: no-repeat;
	text-align: center;	
	z-Index:10;

}
div.thumbnailbig {
	margin: 0 auto;
	width: 50px;
	height: 250px;
	background-repeat: no-repeat;
	text-align: center;
	border-style: solid;
	border-width: 0;
	border-color: #C0C0C0;	
	z-Index:10;

}
div.thumbnailmini {
	margin: 0 auto;
	width: 50px;
	height: 25px;
	background-repeat: no-repeat;
	text-align: center;
	border-style: solid;
	border-width: 0;
	border-color: #C0C0C0;	
	z-Index:10;

}
div.navmenu {
	margin: 0 auto;
	width: 600px;
	height: 15px;
	padding: 0px;
	top: -3px;
	position: relative;
	text-align: center;	
	z-Index:20;
}
div.textareacolor-h, div.textareacolor-v, div.textareawhite,
td.textareacolor-h, td.textareacolor-v, td.textareawhite,
td.emptyCalendarDay, td.calendarDay {
	margin: 0 auto;
	text-align: center;
	border-style: solid;
	border-width: 1;
	border-color: #C0C0C0;
	padding: 10px;
	border-collapse: collapse;
	background-color: #FFFFFF;

}
div.textareacolor-v, td.textareacolor-v {
	background-repeat: repeat-y;
	background-position: 0px -5px;
}
div.textareacolor-h, td.textareacolor-h {
	background-repeat: repeat-x;
	background-position: 0px -70px;
}
div.textareawhite, td.textareawhite, td.emptyCalendarDay,
td.calendarDay {
	background-position: 0px -60px;
}

div.invis, table.invis {
	margin: 0 auto;
	border-style: none;
	border-width: 0;
	padding: 10px;	
	border-collapse: collapse;
}
div.invis {
	text-align: justify;
}
table.invis {
	text-align: left;
}
td.invisNav {
	height: 50px;
	text-align: center;
}

table.borderedBox {
	margin: 0 auto;
	background-repeat: repeat-x;
	border-collapse: collapse;
	border-width: 1px;
	border-style: solid;
	border-color: #C0C0C0;
	padding: 0px;
	spacing: 0px;
}
td.borderedBox {
	padding: 10px;
	background-repeat: repeat-y;
	border-bottom-style: solid;
	border-bottom-color: #C0C0C0;
	border-bottom-width: 1px;
	text-align: center;	
}

input.textInputSmall {
	width: 100px;
	height: 18px;
	font-family: Comic-sans MS;
	font-size: 8pt;
	text-align: center;
	background-color: #FFFFFF;
}

td.emptyCalendarDay {
	text-align: center;
	vertical-align: top;
	width: 20%;
	background-image: url('graphix/_siteBackground.png');
}

td.calendarDay {
	text-align: center;
	vertical-align: top;
	width: 20%;
	padding: 0px;
}

span.calendarSpan {
	display: block;
	width: 100%;
	padding: 2px;
}