/*  Basics -------------------------------------------------------------------------------------------------------------- */

/*  No padding or extra space around all objects in the document.  */
*
{
	margin:0;
	padding:0
}

/*  Body of the document is ight gray.  Font is a small-sized Arial.  */
body
{
	background-color: #CCC;
	color: #000;
	font-size: 11px;
	font-family: Arial, Helvetica, Verdana, Sans-Serif;
}

a{
	text-decoration: underline;
}

a:link, a:visited {
	color: 			#060;
}

a:hover {
	color: 			#660;
}

ul {
	list-style: 	none; 
	margin: 		10px 20px 30px 20px;
}

p.text
{
	margin: 5px 15px 15px 15px;
	color: #000;
	font-size: 14px;
	font-family: Arial, Helvetica, Verdana, Sans-Serif;
}

/*  Div Sections -------------------------------------------------------------------------------------------------------- */


/*  Container Section: 'Contains' and centers the menu and information sections.  */
#container
{
	margin-left: auto;
	margin-right: auto;
	width: 830px;
	background-image: url(../images/background.jpg);
	background-repeat: repeat-y;
}

/*  Header Section:  Provides graphic identity and inital reader focus. */
#header
{
	margin-left: auto;
	margin-right: auto;
	width: 830px;
	height: 200px;
	background-image: url(../images/header.jpg);
}





/*  Menu_holder Section: Creates a column to hold menu options, graphics, and dividers.  */
#menu_holder
{
	width: 200px;
	position: relative;
	top: 0px;
	left: 15px;
	background-color: #003F00;
	float: left;
}

.menu_title_bar
{
	background: url(../images/menu.jpg);
	width: 180px;
	padding: 10px;	
	color: #FFFF60;
	font-family: Arial, Helvetica, Verdana, Sans-Serif;
	font-weight: bold;
	font-size: 14px;
	vertical-align: middle;
}

.menu_divider
{
	width: 200px;
	height: 10px;
	background-image: url(../images/menu_divider.jpg);
	background-repeat: repeat-x;
}

#menu_holder li a
{
	list-style: 	none;
	padding-left: 	1px;
	margin: 		10px 0 0 8px;	
	display: block;
	font-weight: bold;
	color:  #FFFF60;
	text-decoration:none;
	padding-bottom: 5px;
	background:	url(../images/dot.gif) repeat-x 0 100%;
}

#menu_holder li a:hover
{
	color: #FFF;
	background:	url(../images/dot.gif) repeat-x 0 100%;
}

#menu_footer
{
	width: 200px;
	height: 10px;
	background-image: url(../images/menu_footer.jpg);
	background-repeat: repeat-x;
}


/*  Information_holder Section: Creates a column to hold menu options, graphics, and dividers.  */
#information_holder
{
	width: 600px;
	position: relative;
	top: 0px;
	right: 15px;
	background-color: #ECECEC;
	float: right;
}

.information_title_bar
{
	background: url(../images/information_title_background.jpg);
	width: 580px;
	padding: 10px;	
	color: #000;
	font-family: Arial, Helvetica, Verdana, Sans-Serif;
	font-weight: bold;
	font-size: 14px;
	vertical-align: middle;
}

.information_divider
{
	width: 600px;
	height: 10px;
	background-image: url(../images/information_title_divider.jpg);
	background-repeat: repeat-x;
}


/*  Footer Section: Provides an "end" to the page.  */
#footer
{
	clear: both;
	width: 800px;
	height: 6px;
	margin-left: auto;
	margin-right: auto;
	background-image: url(../images/footer_background.jpg);
}

/*  Special texts, paragraphs, and fonts.  */

/*  Formatting for the "Next Meeting" box on the home page.  */

#next_meeting
{
	margin-left: 15px;
	padding-bottom: 15px;
	width: 400px;
}

.meeting_heading
{
	color: #000;
	font-family: Arial, Helvetica, Verdana, Sans-Serif;
	font-weight: bold;
	font-size: 14px;
	vertical-align: top;
}

.meeting_text
{
	color: #0000FF;
	font-family: Arial, Helvetica, Verdana, Sans-Serif;
	font-weight: bold;
	font-size: 14px;
	font-style: italic;
	padding-left: 15px;
	vertical-align: top;
}

.sub-title
{
	padding: 10px;	
	color: #000;
	font-family: Arial, Helvetica, Verdana, Sans-Serif;
	font-weight: bold;
	font-size: 14px;
}

/*  Lists   */

.list_item
{
	list-style-type: square;
	list-style-image: url("../images/gold_triangle.png");
	padding-left: 15px;
	padding-top: 2px;
	padding-bottom: 5px;
}

.list_item li.year
{
	color: #000;
	list-style-type: none;
	list-style-image: none;
	text-decoration: none;
	font-family: Arial, Helvetica, Verdana, Sans-Serif;
	font-size: 14px;
	font-weight: bold;
	margin-bottom: 5px;
}

.list_item li
{
	color: #000;
	font-family: Arial, Helvetica, Verdana, Sans-Serif;
	font-size: 14px;
	margin-bottom: 5px;
}

.list_item li a
{
	text-decoration: underline;
	font-family: Arial, Helvetica, Verdana, Sans-Serif;
	font-size: 14px;
}
