/* =-=-=-=-=-=-=-[Base Formatting]-=-=-=-=-=-=-=- */
html {}

body {
	background-color:		#87847A;
	font-size:			12pt;
	font-family:			Times, "Times New Roman", Verdana, Arial, SunSans-Regular, Sans-Serif;
	color:				#564b47;  
	margin:				0px;
	padding:			0px;
	}
/* =-=-=-=-=-=-=-[End Base Formatting]-=-=-=-=-=-=-=- */
/* =-=-=-=-=-=-=-[Positioning-Layers]-=-=-=-=-=-=-=- */

/* #box is the part of the page tiled with the white "canvas" background */


#box {
	width:				98%;
	margin:				10px auto;
	padding:			0px 10px 10px 10px;
	text-align:			left;
	background-color:		#3957DF;
	background:			url(images/canvas.jpg) top left repeat;
	}

/* #left describes the nav panel on the upper left of most pages.            */
#left {
	width:				155px;
	padding:			0px 0px 10px 0px;
	float:				left;
	font-size:			12px;
	background-color:		#FBF5DB;
	background:			url(images/goldlt1.jpg) top left repeat-y;
	overflow:			visible;
	}

/* #content is the pale yellow ground on which most pages' text is displayed */
#content {
	width:				80%;
	padding:			0px;
	float:				left;
	background-color:		#FFFBE7;
	overflow:			hidden;
	}

/* =-=-=-=-=-=-=-[End Positioning-Layers]-=-=-=-=-=-=-=- */

/* =-=-=-=-=-=-=-[Start Layer Formatting]-=-=-=-=-=-=-=- */
/* #titlebar is the area for the SLLUG Logo  at the top of each page */

#titlebar {
	padding:	2px;
	margin:		0px;
	}

#titlebar img {
	padding:	5px 0px 10px;
	}

#titlebar h1 {
	font-size:			14px;
	text-transform:	uppercase;
	text-align:			center;
	color:				#564b47;
	background-color:       	#C7BBA0;
	padding:			5px 15px;
	margin:				0px
	}

#content p,h1 {
	margin:		0px 10px 10px 10px;
	}

#content h1 {
	font-size:		14px;
	padding-top:		10px;
	text-transform:		uppercase;
	color:			#564b47;
	background-color:	transparent;
	}

#content a { 
	color:			#1900d7; /*#669DFF;*/
	background-color:	transparent;
	text-decoration:	none; 
	}

/* #foot is the grey-brown strip at the bottom of the dark-blue "burlap" */
/*     area -- contains a quote                                          */
#foot {
	clear:			both; 
	background-color:	#C7BBA0;
	padding:		17px 49px 0px 27px;

	}

/* #endtext is the quote itself.                                         */
#endtext {
	float:		left;
	width:		500px;
	color:		black;  
	font-size:	11px;
	font-style:	italic;
	line-height:	13px;
	white-space:	nowrap;
	}
#endtext a {
	color: #5d5852;
	text-decoration: none;
	}
#endtext a:hover {
	color: #741;
	}
	
/* #footright is the right end of the #foot strip.  It holds the #attr   */
/*    to infinitepursuits and a "mini-nav panel"                         */
#footright {
	text-align: right;
	}
	
/* #attr is the attribution to infinitepursuits                           */
#attr {
	height: 13px;
	color: #5d5852;
	font-weight: bold;
	font-size: 10px;
	}
#attr a {
	color: #5d5852;
	text-decoration: none;
	}
#attr a:hover {
	color: #741;
	}
/* .nav is the "mini-nav panel" linking to the top and home              */
.nav {
	font-size: 11px;
	color: white;
	text-transform: lowercase;
	}
.nav a {
	font-weight: bold;
	color: #888;
	text-decoration: none;
	}
.nav a:hover {
	color: black;
	}

#bottomnav {
	margin: 12px -6px 0px 0px;
	}

/* .highlightbox is the red rectangle, enclosing the LEAP Video Promo on */
/*     the home page, among other things....                             */
.highlightbox {
	margin : 40px;
	width : 70%;
	border : 3px;
	border-style: solid;
	border-color : #800808;
	padding : 8px;
	font-weight: bolder;
	text-align : center;
	color : #000000;
	margin-left: auto;
	margin-right: auto;
      }
/* =-=-=-=-=-=-=-[End Layer Formatting]-=-=-=-=-=-=-=- */


/* =-=-=-=-=-=-=-[Vertical Menu]-=-=-=-=-=-=-=- */
#menu {
	border-style:	solid solid none solid;
	border-color:	#FFFBE7;
	border-width:	1px;
	margin:		0px;
	font-family:	Verdana, Arial, Helvetica, sans-serif;
	font-size:	100%;
	font-weight:	bold;
	text-align:	center;
        position:       relative;
        z-index:        5;
	}

#menu li {
/* make the list elements a containing block for the nested lists */
position: relative;
} 

#menu ul {
	list-style: none;
	margin: 0;
	padding: 0;
	}

#menu li a {
	height: 28px;
  	voice-family: "\"}\"";
  	voice-family: inherit;
  	height: 22px;
	text-decoration: none;
	}

#menu li a:link, #menu li a:visited {
	color: #283A50;
	display: block;
	background: url(images/goldlt1.jpg);
	padding: 3px 0 0 3px;
	}

#menu li a:hover {
	color: #fff;
	background: url(images/golddk1.jpg);
	padding: 3px 0 0 3px;
	}

#menu li a:active {
	color: #fff;
	background: url(images/goldlt1.jpg);
	padding: 3px 0 0 3px;
	}	

/* Modifications for Menu Hover */
#menu ul ul ul {
position: absolute;
top: 0;
left: 100%; /* to position them to the right of their containing block */
width: 100%; /* width is based on the containing block */
}

div#menu ul ul ul,
div#menu ul ul li:hover ul ul
{display: none;}

div#menu ul ul li:hover ul,
div#menu ul ul ul li:hover ul
{display: block;}
/* =-=-=-=-=-=-=-[End Vertical Menu]-=-=-=-=-=-=-=- */

#leftbox{
	margin:		12px 8px 0 7px;
	padding:	4px 6px;
	border:		1px solid #FFF;
	font-size:	13px;
	font-weight:	bold;
	text-align:	center;
	background:	url(images/golddk1.jpg) top left repeat-Y;

	}
#leftbox a {
	color: #FFF;
	text-decoration: none;
	}

/* .smtxt and mdate are used in the events page table...        */
     .smtxt {
          font-family : Trebuchet MS, Arial, Verdana;
          font-size : 10pt;
          color : #000063;
      }     

div.mdate {
          border : double;
          border-width : 3px;
          color : #000063;
          background : #dee7ff;
          width : 50%;
          }
          
div.smtxt  {
           font-size :  70%;
           text-align:  center;
           font-style:	italic;
           font-weight:	bold;
           }