/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * 
 *                                                                     *
 *  ChronicAngst v3.0:      Base Style Sheet                           *
 *  Author:                 See notes below                            *
 *  Created:	            <7-Jan-2003, 18:43:09, brigid>             *
 *  Last Modified:          <7-Jan-2003, 18:43:09, brigid>             *
 *                                                                     *
 *  Notes:  Most of this code was pieced together from a DHTML /       *
 *  Javascript tutorial thingie over at brainjar.com which was         *
 *  written by Mike Hall. All of his code is Copyright (c) 2000, Mike  *
 *  Hall.                                                              *
 *                                                                     *
 *	If you're interested in DHTML or {Java,ECMA}script, you should *
 *  go check out http://www.brainjar.com. It's a lovely, and has a lot *
 *  of very well-done tutorials that illustrate that you don't have    *
 *  to break from W3C standards to create very beautiful and           *
 *  functional web page content, contrary to what Macromedia and       *
 *  Microsoft would have you believe.                                  *
 *                                                                     * 
 *	There have been some minor hacks and tweaks added to this      *
 *  which are Copyright (c) 2001-3, Michael Granger, and may be used   *
 *  subject to the same terms as Mike's code, or the Open Content      *
 *  License v1.0 or greater, whichever you prefer.                     *
 *                                                                     * 
 *	There have been some additional hacks and tweaks added to this *
 *  which are Copyright (c) 2001-3, G.C.L. (a.k.a. AngstyGirl), and    *
 *  may be used subject to the same terms as Mike's code, or the Open  * 
 *  Content License v1.0 or greater, whichever you prefer. This also   *
 *  means that anything that wasn't broken originally and that         *
 *  Michael didn't break before I got my hands on it, I probably       *
 *  hosed all by myself.                                               *
 *                                                                     *
 * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */


body {
    color: #000000;
    margin: 0;
    /* min-height: 480px; */
}


/*********************** TEXT ATTRIBUTES ***********************/

/*** Headers ***/
H1 { font: bold 120% Tahoma; color: #646F6A }
H2 { font: bold 110% Tahoma; color: #646F6A }
H3 { font: bold 105% Tahoma; color: #AAB4AF }
H4 { font: bold 105% Tahoma; color: #AAB4AF }
H5 { font: 90% Tahoma; color: #646F6A }
H6 { font: 90% Tahoma; color: #627B88 }

/*** Paragraph, table cell, & list content ***/
P,TD,TH,LI,UL,DL,DD,DT,OL {
    font-family:	Tahoma, Verdana, san-serif;
}

P,TD,TH,LI,UL,DL,DD,DT,OL { color: #000000; 
                            background: transparent;
                            font-size: 90%;
}

LI,DT,DD { line-height: 120% }

TH { color: #788C82; background: #000000; }

/*** Anchors ***/
A {
        color: #FFFFFF;
	text-decoration: underline;
}

A:hover { 
	color: #646F6A;
    text-decoration: underline;
}

/*** Form field elements ***/
INPUT,SELECT,TEXTAREA { 
	background: #2C3A33;
	color: #788C82;
}
DIV#bodyContent { margin-top: 2em;
                  margin-left: 2em;
                  margin-right: 2em;
                  margin-bottom: 2em;
}


/*********************** NAVIGATION MENU ***********************/

#navmenu {
  background-color: #3D5249;
  border-style: solid;
  border-width: 0px;
  border-top-color: #3D5249;
  border-top-width: 2px;
  border-bottom-color: #3D5249;
  border-bottom-width: 0px;
  color: #788C82;
  padding: 0px;
  padding-top: 5px;
  padding-bottom: 0px;
  padding-left: 10px;

  left: 0px;
  top: 0px;
  text-align: left;
  width: 98.5%;
  z-index: 100;
  font: bold 100% Tahoma, Verdana, san-serif;
}

A.menuButton, A.menuButtonActive {
  border-style: solid;
  border-width: 1px;
  border-color: #3D5249;
  color: white;
  cursor: default;
  font-family: Tahoma, Verdana, san-serif;
  font-size: 110%;
  font-style: normal;
  font-weight: bold;
  padding-top: 2px;
  padding-bottom: 4px;
  padding-left: 6px;
  padding-right: 6px;
  position: relative;
  line-height: 100%;
  left: 0px;
  top: -7px;
  text-decoration: none;
  text-align: left;

}

A.menuButton:hover {
  border-color: #788C82 #2C3A34 #2C3A34 #788C82;
  color: #2C3A34;
  text-decoration: none;
  text-align: left;

}

A.menuButtonActive, a.menuButtonActive:hover {
  background-color: #2C3A34;
  border-color: #2C3A34 #788C82 #788C82 #2C3A34;
  color: #788C82;
  text-decoration: none;
  text-align: left;
  left: 1px;
  top: -7px;
}

.menu, .subMenu {
  background-color: #3D5249;
  border-style: solid;
  border-width: 2px;
  border-top-color: #788C82;
  border-left-color: #788C82;
  border-bottom-color: #2C3A34;
  border-right-color: #2C3A34;
  margin: 0px;
  padding: 0px;
  position: absolute;
  visibility: hidden;
  z-index: 101;
}

A.menuItem {
  color: white;
  cursor: default;
  display: block;
  font-family: Tahoma, Verdana, san-serif;
  font-size: 105%;
  font-style: normal;
  font-weight: normal;
  line-height: 100%;
  margin: 0px;
  padding-top: 2px;
  padding-bottom: 2px;
  padding-left: 12px;
  padding-right: 12px;
  text-decoration: none;
  white-space: nowrap;
  text-align: left;

}

DIV.subMenuItem {
  color: white;
  cursor: default;
  display: block;
  font-family: Tahoma, Verdana, san-serif;
  font-size: 110%;
  font-style: normal;
  font-weight: normal;
  line-height: 100%;
  margin: 0px;
  padding-top: 2px;
  padding-bottom: 2px;
  padding-left: 12px;
  padding-right: 12px;
  text-decoration: none;
  white-space: nowrap;
  text-align: left;
}

A.menuItem:hover, A.subMenuItem:hover {
  background-color: #2C3A34;
  color: #788C82;
  text-decoration: none;
  text-align: left;
}

A.subMenuHeader {
  color: #788C82;
  cursor: default;
  display: block;
  font-family: Tahoma, Verdana, san-serif;
  font-size: 110%;
  font-style: normal;
  font-weight: normal;
  line-height: 100%;
  margin: 0px;
  padding-top: 2px;
  padding-bottom: 2px;
  padding-left: 12px;
  padding-right: 12px;
  text-decoration: bold;
  white-space: nowrap;
  text-align: left;
}

A.subMenuHeader:hover {
  background-color: #788C82;
  color: #788C82;
  text-decoration: bold;
  text-align: left;
}

.menuItemSep {
  border-bottom: 1px solid #AAB4AF;
  border-top: 1px solid #2C3A34;
  margin: 3px 3px 3px 3px;
}

#copyright {
  background-color: #3D5249;
  border-style: solid;
  border-width: 0px;
  border-top-color: #788C82;
  border-top-width: 2px;
  border-bottom-color: #2C3A34;
  border-bottom-width: 2px;
  color: #788C82;
  padding: 0px;
  padding-top: 0px;
  padding-bottom: 0px;
  padding-left: 10px;

  left: 0px;
  top: 0px;
  text-align: left;
  width: 100%;
  z-index: 100;
  font: 8pt Tahoma, Verdana, san-serif;
  text-align: left;
}



/*************************** Classes ***************************/

.menuitem { 
	font-family: Tahoma, Verdana, san-serif;
	font-weight: bold;
	line-height: 300%;
}

/***************************** DIVs ****************************/


.duJourButton { 
	font: 9pt red serif;
	background: black;
}

/* DIVision elements */
DIV.pageBlock, DIV#pageBlock { 
	margin: 3em;
}

DIV.vanillaMenu { 
	color: #333;
	padding: 2px;
}

DIV.calendar { 
	margin-top: 1em;
	margin-bottom: 3em;
	background: #999;
	border: 1px solid black;
}

DIV.dujourEntry {
	padding: 1em;
	margin: 2em;
	border-top: 1px dotted black;
	border-left: 1px dotted black;
	border-bottom: 2px solid black;
	border-right: 2px solid black;
}

DIV.dujourContent {
	background: #fefefe;
}