/******************
  CONTENTS:
  - General Tags (including widths of main columns)
  - Anchor Tags
  - Menu Definitions
  - Tab Definitions
  - Heading / Subhead Definitions
  - Content Definitions
  - Decoration Stuff
  - Form Stuff
  - Selectboard and Admin Stuff
  
  NOTES:
  - Table cell contents have different style from general board content
  - tcontentr is right-aligned table content. contentr is right-aligned general content
  
  FONT SIZE CALCULATION:
  - 16 x 0.875 em = 14 pt
  - I guess that 16pt is the default size, so to get 14pt you set it to .875 em??
*******************/

/*************************
  LAYOUT:
  +--------------------------------------------------------------+
  |                                                              |
  |  mainheading                                                 |
  |                                                              |
  +--------------------------------------------------------------+
  +---------------+ +-------------------------------------+ +---------+
  |               | |                                     | |         |
  | sidemenu      | |  maincontent                        | | sidebar |
  |               | |                                     | |         |
  |               | |                                     | |         |
  |               | |                                     | +---------+
  |               | |                                     |
  +---------------+ |                                     |
                    |                                     |
                    |-------- botmenu goes here ----------|
                    +-------------------------------------+
	mainheading
		left is same as sidemenu's left
		height and width match banner image dimensions
	sidemenu
		left is same as mainheading's left
		top matches banner image height
	maincontent
		left leaves room for sidemenu AND margin
		top matches banner image height
	sidebar
		left leaves room for sidemenu, maincontent, and margin
		top matches banner image height

*************************/

/*****************************
	GENERAL TAGS AND SIZES
*****************************/ 
BODY { 
	font-family: helvetica;
	font-size:100%;
	line-height: 1.4125em;
	MARGIN-LEFT : 5%; 
	COLOR: #000000;
	BACKGROUND : #eeeedd;
	background-image: url(bg1.jpg);
	background-repeat: vertical-repeat;
} 
TD {
	font-family: helvetica;
	font-size:100%;
	line-height: 1.4125em;
}
.wnew {
	COLOR: #000000;
	FONT-FAMILY : helvetica; 
	FONT-SIZE : 0.875em;
	line-height: 1.4125em;
}

TD.empty { 
	BORDER-RIGHT : black 1px solid; 
	BORDER-LEFT : black 1px solid; 
} 
LI { 
	MARGIN-TOP : 0.24em; 
} 

.boardcol { 
	FONT-FAMILY: arial;
	/*WIDTH : #$boardcolwidth;   -- how does this sync with maincontent width? */
	border-collapse: collapse;
} 
div.mainheading {
	position: absolute;
	top:0;
	left:104px;
	width : 800px;
	height : 200px;
	background-image: url(banner1.png);
	background-repeat: no-repeat;
/*	background-color: blue;*/
}
.sidemenu {
	POSITION: absolute;
	LEFT: 104px; 
	top: 200px;
	width: 218px;
	/** from menucell: **/
	BACKGROUND-COLOR : #2e3192;
	background-image : url(menubg2.jpg);
	background-repeat : vertical-repeat;
	PADDING-TOP : 2px; 
	PADDING-LEFT : 0.0em; 
	PADDING-RIGHT : 0.1em; 
	PADDING-TOP : 0.1em; 
}
.maincontent {
	POSITION: absolute;
	WIDTH: 580px;
	LEFT: 322px;
	top: 200px;
	line-height: 125%;
	border-left: solid 1px black;
}

.sidebar {
	POSITION: absolute;
	WIDTH: 16em;
	LEFT: 956px;
	top: 200px;
}

/************************
	ANCHOR TAGS
*************************/ 
A.menulink:LINK { 
	color : #ddddff; 
	TEXT-DECORATION : none; 
} 
A.menulink:ACTIVE { 
	color : #ddddff; 
	TEXT-DECORATION : none; 
} 
A.menulink:VISITED { 
	color : #ddddff; 
	TEXT-DECORATION : none; 
} 
A.botmenulink:LINK { 
	color: #ddddff; 
	TEXT-DECORATION: none; 
}
A.botmenulink:ACTIVE  { 
	color: #ddddff; 
	TEXT-DECORATION: none; 
}
A.botmenulink:VISITED { 
	color: #ddddff; 
	TEXT-DECORATION: none; 
}
A.contentlink:LINK { 
	color: #; 
	TEXT-DECORATION: none; 
}
A.contentlink:ACTIVE  { 
	color: #; 
	TEXT-DECORATION: none; 
}
A.contentlink:HOVER  { 
	color: #; 
	TEXT-DECORATION: underline; 
}
A.contentlink:VISITED { 
	color: #; 
	TEXT-DECORATION: none; 
}
A:LINK { 
	color : #; 
	TEXT-DECORATION : none; 
} 
A:ACTIVE { 
	color : #; 
	TEXT-DECORATION : none; 
} 
A:HOVER {
	color : #; 
	TEXT-DECORATION : underline; 
}
A:VISITED { 
	color : #; 
	TEXT-DECORATION : none; 
} 

/************************
	MENU DEFINITIONS
*************************/ 
/*
.menucell { 
	all have moved to sidemenu
}
*/
.menucurr { 
	FONT-FAMILY : arial, verdana, geneva, sans-serif; 
	COLOR: #ffffee;
	FONT-SIZE : 0.875em; /*11pt;*/
	BACKGROUND-COLOR : #787992; /*#dcd1ff;*/
	background-image: url(ebon.jpg);
	background-repeat : vertical-repeat;
	PADDING-RIGHT : 0.1em; 
	PADDING-LEFT : 0.5em; 
	PADDING-BOTTOM : 0.2em; 
	PADDING-TOP : 0.2em; 
	border-top:solid 1px #999999;
	border-right:solid 1px #000000;
	border-bottom:solid 1px #000000;
	border-left:solid 1px #999999;
	MARGIN : 0.1em 0.0em; 
	/*
	opacity: .8;
	filter:alpha(opacity=80);
	*/
} 
.menu { 
	FONT-FAMILY : arial, verdana, geneva, sans-serif; 
	FONT-SIZE : 0.875em; /*11pt;*/
	PADDING-RIGHT : 0.1em; 
	PADDING-LEFT : 0.5em; 
	PADDING-BOTTOM : 0.2em; 
	PADDING-TOP : 0.2em; 
	MARGIN : 0.1em 0.0em; 
	/*
	BACKGROUND-COLOR : #222244; 
	background-repeat : vertical-repeat;
	border-top:solid 1px #999999;
	border-right:solid 1px #000000;
	border-bottom:solid 1px #000000;
	border-left:solid 1px #999999;
	*/
	/*
	opacity: .7;
	filter:alpha(opacity=70);
	*/
} 
.botmenu {
	FONT-FAMILY : arial, verdana, geneva, sans-serif; 
	FONT-SIZE : 0.875em;
	BACKGROUND-COLOR : #222222;
	TEXT-ALIGN: Center;
	WIDTH: #$boardcolwidth; /* same as maincontent! should be boardcolwidth? */
	background-image: url(barfade.jpg);
}
.nonmenu { 
	COLOR : #ffff99;
	Font-Size: 0.8em;
/*  BORDER-BOTTOM : solid 1px black;  */
	TEXT-ALIGN : center; 
	/*FONT : bold 10pt tahoma; */
	MARGIN : 8px 4px; 
	PADDING-RIGHT : 3px; 
	PADDING-LEFT : 3px; 
	PADDING-BOTTOM : 3px; 
	PADDING-TOP : 0px; 
} 

/************************
	TAB DEFINITIONS
*************************/ 
.tab { 
	CURSOR : hand; 
	/*FONT : bold 12pt Tahoma; */
	COLOR : #999933; 
	BACKGROUND-COLOR : #333366; 
	background-repeat : vertical-repeat;
	PADDING-TOP : 2px; 
	PADDING-LEFT : 0.6em; 
	PADDING-RIGHT : 0.1em; 
	PADDING-BOTTOM : 2px; 
} 
.tabsel { 
	/*FONT : bold 12pt Tahoma; */
	COLOR : #FFFF99; 
	BACKGROUND-COLOR : #333366; 
	background-repeat : vertical-repeat;
	PADDING-TOP : 2px; 
	PADDING-LEFT : 0.6em; 
	PADDING-RIGHT : 0.1em; 
	PADDING-BOTTOM : 2px; 
	BORDER-TOP : #666666 1px solid; 
	BORDER-BOTTOM : #666666 1px solid; 
} 
.tabbottom { 
	BACKGROUND-COLOR : #999966; 
	BORDER-RIGHT : #cccccc 1px solid; 
	BORDER-LEFT : #cccccc 1px solid; 
	/*FONT : bold 12pt Tahoma; */
	COLOR : white; 
	BORDER-TOP : #333333 1px solid; 
	PADDING-TOP : 2px; 
} 
 
/***************************************
	HEADING / SUBHEAD DEFINITIONS
****************************************/ 
.mainheading { 
	background-image : url(stone7.jpg); 
	background-repeat : no-repeat; 
} 
.pagename { 
	BACKGROUND : #787922; 
	COLOR: #eeeecc;
	PADDING-TOP : 0.4em; 
	PADDING-LEFT : 0.1em; 
	PADDING-RIGHT : 0.1em; 
	PADDING-BOTTOM : 0.6em; 
	/*FONT : bold 12pt Tahoma; */
	TEXT-ALIGN : center; 
	BACKGROUND-IMAGE: url(contentbg.gif); 
} 
.titler, .titlec, .titlel { 
	BACKGROUND : #787992; 
	COLOR: #222222;
	/*font-family : verdana, Arial, Helvetica, sans-serif; */
	font: normal bold 110% 'Trebuchet MS',Verdana,Arial,Sans-serif;
	/*FONT : bold 11pt; */
	PADDING-TOP : 0.3em; 
	PADDING-BOTTOM : 0.3em; 
	background-image : url(barbg2.gif); 
	border-top:solid 1px black;
	border-bottom:solid 1px black;
} 
.titler { 
	TEXT-ALIGN : right; 
} 
.titlec { 
	TEXT-ALIGN : center; 
} 
.titlel { 
	TEXT-ALIGN : left; 
	PADDING-LEFT : 14px; 
} 
 
/***************************************
	CONTENT DEFINITIONS
****************************************/ 
.tcontentr, .tcontentc, .tcontentl, .tcontentrnw, .tcontentcnw, .tcontentlnw { 
	BORDER-BOTTOM : solid 1px #333333; 
	BACKGROUND : #cccc99; 
	BACKGROUND-IMAGE: url(contentbg.gif); 
	FONT-FAMILY : Verdana, Arial; 
	FONT-SIZE : 0.875em; /*10pt;*/
	PADDING-RIGHT : 3pt; 
	PADDING-LEFT : 3pt; 
	PADDING-BOTTOM : 6pt; 
	PADDING-TOP : 3pt; 
	VERTICAL-ALIGN : top;
} 
.tcontentr { 
	TEXT-ALIGN : right; 
} 
.tcontentc { 
	TEXT-ALIGN : center; 
} 
.tcontentl { 
	TEXT-ALIGN : left; 
} 
.tcontentrnw { 
	TEXT-ALIGN : right; 
	WHITE-SPACE : nowrap; 
} 
.tcontentcnw { 
	TEXT-ALIGN : center; 
	WHITE-SPACE : nowrap; 
} 
.tcontentlnw { 
	TEXT-ALIGN : left; 
	WHITE-SPACE : nowrap; 
} 
/* this is for the slide show: prev/next buttons, description, and image tag */ 
.contenti {
	BACKGROUND: #000000;
	padding:6pt;
	text-align:left;
}
/* normal content (right, center, left aligned) */
.contentr, .contentc, .contentl  { 
	BACKGROUND : #787992; 
	BACKGROUND-IMAGE: url(contentbg.gif); 
	FONT-FAMILY : Verdana, Arial; 
	FONT-SIZE : 0.875em; /*10pt;*/
	PADDING-RIGHT : 0.75em; 
	PADDING-LEFT : 0.8em; 
	PADDING-BOTTOM : 1em; 
	PADDING-TOP : 1em; 
}
.contentr { 
	TEXT-ALIGN : right; 
	PADDING-LEFT : 2pt; 
} 
.contentc { 
	TEXT-ALIGN : center; 
	PADDING-LEFT : 2pt; 
} 
.contentl { 
	TEXT-ALIGN : left; 
	PADDING-LEFT : 0.7em; 
}
/* This is for the frame that displays the calendar pages */
.calendarframe {
	height: 600px;
	width: #$boardcolwidth;
}
/* This is a table cell that contains another TABLE - for tcontent */ 
.contentt {
	BACKGROUND : #787992; 
	BACKGROUND-IMAGE: url(contentbg.gif); 
	FONT-FAMILY : Verdana, Arial; 
	FONT-SIZE : 0.875em; /*10pt;*/
	/*PADDING-LEFT: 4em;*/
}
/* This is for the table cell that will contain all the content -- just for background NO BORDERS, NO PADDING, NO MARGINS! */
.boardcontent {
	BACKGROUND-IMAGE: url(contentbg3.jpg);
}

/************************************
	DECORATION STUFF
************************************/
.redline { 
	BACKGROUND : #993333; 
} 
.cdxlink {
	FONT-FAMILY: Arial;
	text-align: center;
	color: #eeeeff;
	font-size:8pt;
}
.logo { 
	BACKGROUND: #; 
}
.empty { 
	BACKGROUND-COLOR : #cc9966; 
} 
.mybuttonouter { 
	BORDER-TOP : solid 1px #333300; 
	BORDER-LEFT : solid 1px #333300; 
	BORDER-RIGHT : solid 1px #acab9e; 
	BORDER-BOTTOM : solid 1px #acab9e; 
	PADDING : 1px; 
} 
.mybuttoninner { 
	PADDING : 0.4em; 
	FONT : 8pt Tahoma; 
	BORDER-TOP : solid 1px #acab9e; 
	BORDER-LEFT : solid 1px #acab9e; 
	BORDER-RIGHT : solid 1px #333300; 
	BORDER-BOTTOM : solid 1px #333300; 
} 

/************************************
	FORM STUFF
************************************/
INPUT.text { 
	FONT-FAMILY : arial; 
	FONT-SIZE : 0.7em; /*8pt;*/
} 
INPUT.smallbtn { 
	FONT-FAMILY : arial; 
	FONT-SIZE : 0.7em; /*8pt;*/
} 

/************************************
	SELECTBOARD and ADMIN STUFF
************************************/
.btn { 
	color : #ffffcc; 
	background-color : #666633; 
	padding-left : 0.5em; 
	padding-right : 0.5em; 
	border-left : solid #cccccc 1px; 
	border-top : solid #cccccc 1px; 
	border-right : solid black 1px; 
	border-bottom : solid black 1px; 
} 
.normal { 
	background-color : white; 
} 
.admintable { 
	background-color : #cccc99; 
	border : 1px solid #999999; 
} 
.adminheading { 
	background-color : #999966; 
} 
.adminsubheading { 
	background-color : #cccc99; 
}