/* PAGE LAYOUT */
* 
	{
		/* REMOVE ALL BROWSER STYLES SO WE HAVE CONTROL */
		padding: 0px;
		margin: 0px;
	}
img
  {
   border: 0px; 
  }
html
	{
		/* FOR IE MAKE HTML STRETCH */
		height: 100%;
	}
body 
	{
			/* DESIGN SETTINGS */
			background-color: #ECECD9;
			color:	#000000;
			/* FOR IE CENTER CONTENT AND STRETCH HEIGHT */
			text-align: center;
			height: 100%;
	}
#page
	{		
		background-color: white;
		background: white url('../images/page_top.png') no-repeat center 20px;
		min-height: 100%;
		width: 800px;
		position: relative;
		text-align: left;
		margin-left: auto;
		margin-right: auto;
		border-bottom: solid 1px #ECECD9; /*THIS IS REQUIRED IN FF & Opera TO MAINTAIN POSITION*/
		/*border: solid 1px black;*/
    /*background-color: blue;*/
    padding: 0px;
	}
#pad-top,#pad-bottom
	{
		height: 21px;
		color: #ECECD9;
		background-color: #ECECD9;
		width: 100%;
	}
#pad-bottom
	{
		position: absolute;
		bottom: -1px; /* Should be 0, but 1px gap in IE6 */
    border: solid 1px #ECECD9;
	}
#corners-bottom
	{
    width: 100%;
    height: 36px;
    position: absolute;
		background: url("bottom.jpg") no-repeat;
		bottom: 18px;
		z-index: 2;	
	}
#head,#main,#foot,#splash-inner
	{	  
	  	margin-left: 4px;
		display: block;
		/*border: solid 1px black;*/
		width: 792px;
	}
#head,#foot
	{	  	
		position: absolute;
		height: 84px;
	}
#head
	{
		top: 56px;
		z-index: 3;
	}
#head #logo
  {
	position: absolute;
	bottom: 0px;
	left: 60px;
	z-index: 3;
  }
#head #menu-wrapper
  {
	position: absolute;
	bottom: 0px;
	z-index: 1;
  }
hr
 {
   color: #CC0000;
   border: none;
   background-color: #CC0000;
   height: 3px;
 }
#head hr,#splash hr,#foot hr
  {
	position: absolute;
	width: 100%;
  }
hr#stripe1
  {
	top: 0px;
  }
hr#stripe2
  {
	top: 47px;
	color: #CC0000;
	background-color: #C90000;
  }
hr#stripe3
  {
	height: 20px;
	top: 64px;
  }

#main
	{
	  width: auto;
		overflow: hidden;
		padding-left: 64px;
		padding-right: 66px;
		padding-bottom: 100px;
		padding-top: 160px;
		text-align: justify;
	}
#foot
	{
		position: absolute;
		bottom: 56px;
		z-index: 2;
		height: 10px;
	}
#foot hr
  {
	height: 3px;
  }
#corners-bottom p
  {
   margin-top: 4px;
   color: #909070; 
   text-align: center;
  }
/* PANELS */
#panel-outer
  {
	width: 200px;
	float: right;
	background: white;
	padding-bottom: 10px;
	/*margin-right: -40px;*/
  top: -4px;
  position: relative;
  }
.panel-inner
  {
	width: 160px;
	padding-top: 10px;
	margin-bottom: 10px;
	background: #ECECD9 url("../images/panel-background.png") no-repeat;
	float: right;
	border-bottom: solid 1px #C0C0A0;
  }
.panel-inner h1
  {
	font-size: 1.0em;
  line-height: 20px;
	font-weight: bold;
  letter-spacing: 1px;
	color: #000033;
	margin-left: 5px;
	margin-right: 5px;
	margin-bottom: 18px;
	padding-left: 31px;
  padding-bottom: 6px;
	background-repeat: no-repeat;
	background-position: 3px 0px;
	border-bottom: dotted 1px #C0C0A0; 
  }
.panel-inner h1.news
  {
	background-image: url("../images/internet-news-reader.png");
  }
.panel-inner h1.events
  {
	background-image: url("../images/appointment-new.png");
  }
.panel-inner h1.members
  {
	background-image: url("../images/system-users.png");
  }
.panel-inner .error
  {
	font-size: 0.8em;
	text-align: left;
	margin-bottom: 12px;
	border: solid 1px white;
	background: #CC0000;
	color: white;
	font-weight: bold;
  }
.panel-inner h1.login
  {
	background-image: url("../images/system-lock-screen.png");
  }
.panel-item
  {
	position: relative;
	margin: 10px;
	margin-bottom: 18px;
	padding-bottom: 18px;
	border-bottom: dotted 1px #C0C0A0;
	width: 140px;  
	/*border: solid 1px black;*/
	overflow: visible;  
  }
.panel-item h2
  {
  text-align: left;
	font-size: 0.9em;
	color: darkblue;
	font-weight: bold;
	padding-bottom: 6px;
  padding: 0px !important;
  margin: 0px !important;
  padding-bottom: 10px !important;
  }
.panel-item p
  {
    padding-left: 2px;
	padding-bottom: 4px;
	text-align: left;
	font-size: 0.8em;  
  }
.panel-item a
  {
	background-color: #ECECD9;
	position: relative;
	float: right;
  clear: both;
	bottom: -4px;
	padding-left: 4px;
	padding-right: 12px;
	line-height: 20px;
	background-image: url('../images/link.png');
	background-repeat: no-repeat;
	background-position: right center;  
  }
/* FONTS */
body *
	{
		font-family: arial, verdana, geneva, helvetica, sans-serif;
		font-size: small;
	}
h1,h2,h3,h4,h5,h6
  {
	font-weight: normal;
	padding-bottom: 20px;
  }
h1
	{
	  font-size: 1.7em;
		color: #990000;
    padding-bottom: 5px;
		margin-bottom: 25px;
		font-weight: normal;
		background-image: url(../Old site/images/h1_bg.gif);
		background-repeat: no-repeat;
    border-bottom: solid 1px #ECECD9;
	}
h2
  {
	font-size: 1.5em;
  border-bottom: solid 1px #ECECD9;
  padding-bottom: 5px;
  margin-bottom: 15px;
  margin-top: 35px;
  }
h3
  {
	font-size: 1.4em;
  }
h4
  {
	font-size: 1.1em;
  font-weight: bold;
  }
h5
  {
	font-size: 1.2em;
  }
h6
  {
	font-size: 1.0em;
  font-weight: bold;
  padding-bottom: 6px;
  position: relative;
  }
p
	{
    font-size: 1.0em;
    line-height: 1.4em;
		padding-bottom: 1.6em;
		text-align: justify;
	}
a:link
  {
	color: #990000;
	text-decoration: none;
  }
a:visited
  {
	color: #CC0000;
	text-decoration: none;
  }
a:hover
  {
	  color: #000000;
	  text-decoration: none;
  }
/* SPLASH SCREEN */
#splash
  {	
	height: 50%;
	position: absolute;
	top: 50%;
  }
#splash-inner
  {
	height: 244px;
	position: relative;
	top: -122px;
  }
#splash #logo
  {
	position: absolute;
	top: 0px;
	left: 50%;
	z-index: 3;
  }
#splash h1
  {
	font-size: 22px;
	line-height: 23px;
	padding: 0px;
	padding-left: 14px;
	margin: 0px;
	position: absolute;
	top: 48px;
	left: 50%;
	margin-top: -17px;
	margin-left: -173px;
	background: white;
	z-index: 2;
	color: #000033;
  }
#splash h2
  {
	font-size: 23px;
	font-weight: normal;
	position: absolute;
	top: 120px;
	width: 100%;
	text-align: center;
	color: #000033;
  }
#splash #menu
  {
	position: absolute;
	top: 180px;
  }
/* MENU */
#menu-wrapper
  {
    width: 100%;
    text-align: right;
    background-color: #CC0000;
  }
#menu
  {
	padding: 0px;
	margin: 0px;	
	list-style: none;
	height: 24px;
  float: right;
  margin-right: 59px;
  }
#menu li
  {
	white-space: nowrap;	
	display: block;
  float: left;
  }
#menu li a
  {
	background: url("../images/button_left.gif") no-repeat;
	display: inline;
	height: 24px;
	line-height: 24px;
	color: white;
	text-decoration: none;
	font-size: 1.0em;
  font-weight: bold;
	float: left;
	padding-left: 8px;	
	background-color: #CC0000;
  }
#menu li a:hover
  {
	background-color: #000066;
  }
#menu li a span
  {
	display: block;
	background: url("../images/button_right.gif") no-repeat right;
	padding-right: 8px;
  }
#menu li.first
  {
	background: url("../images/button_right.gif") no-repeat;
	padding-left: 3px;
  }
#menu li.last
  {
	background: url("../images/button_left.gif") no-repeat right;
	padding-right: 4px;
  }
#menu li ul
  {
	display: none;
	position: absolute;
	top: 24px;
	left: 0px;
	/*border: solid 1px black;*/
  }
#menu li.over ul
  {
	display: block;
  }
#menu li ul li
  {
	background: none;
	padding-left: 10px;
	list-style: none;
	/*border: solid 1px black;*/
	display: inline;
  }
#menu li ul li a
  {
	padding: 0px;
	padding-left: 12px;
	background: none;
	display: block;
	height: 24px;
	line-height: 24px;
	color: #000066;
	text-decoration: none;
	font-size: 1.0em;
	background-image: url('../images/link.png');
	background-repeat: no-repeat;
	background-position: left center;
  }
#menu li ul li a:hover,#menu.menu2 li ul li a:hover 
  {
	color: #CC0000;
	background: none;
	background-image: url('../images/link.png');
	background-repeat: no-repeat;
	background-position: left center;
  }
#menu.menu2 li a:hover
  {
	background-color: #FF0000;
  }
/* DOCUMENT ELEMENTS */
#main p
  {
  
  }
#main hr
  {
    color: #ECECD9;
  height: 1px;
	margin-bottom: 20px;
  }
#main ul, #main ol
  {
  margin-bottom: 20px;
  }
#main ul
  {	
	list-style: none;	
  }
#main ul li, #main ol li
  {
    list-style-position: inside;
    line-height: 16px;	
    margin-bottom: 4px;
    /*border: solid 1px black;*/
  }
#main ul li
  {
    list-style-position: outside; 
    padding-left: 40px;
    list-style: none;
    background: url("../images/list-item.png") no-repeat 16px 3px;
  }
#main ul.major
  {	
  }
#main ul.major li
  {  	
	padding-bottom: 10px;
	background: url('../images/list-item-big.png') no-repeat 10px 1px;
  }
#main a.top_link
  {
    text-indent: -50000px;
    overflow: hidden;
    font-size: 0.8em;
    line-height: 1.6em;
    /*float: right;*/
    display: block;
    background: #fff url('../images/go-top.png') no-repeat top right;
  }
#main ul.events-list
  {
   clear: both; 
  }
/* TABLES */
table
  {
    width: 100%;
    border-top: solid 1px #000066;
    border-bottom: solid 1px #000066;
    /*border-collapse: collapse; IN IE STYLESHEET*/
    background-color: white;
    margin-bottom: 20px;
    padding-bottom: 2px;
    border-spacing: 0px;
    clear: both;
  }
table tbody
  {
    background: #ECECD9;
  }
td, th
  {
  margin-top: 2px;
	border-top: solid 2px white;  
	padding: 4px 8px;
  vertical-align: top;  
  position: relative; 
  }
th
  {
   font-style: italic;
   font-weight: normal;
  }
.events-list table
  {
    border: none;
  }
.events-list table tbody
  {
   background-color: #fff; 
  }
.events-list table td.title
  {
   font-weight: bold; 
  }
/* FORMS */
form#login input
  {
   width: 136px;
   margin: 0px;
   padding: 0px;
   display: block;
   text-align: center;
  }
form#login #login_submit
  {
    width: 140px;
  }
/* MEMBERS */
#members-menu
  {
   border: none; 
   padding: 0px;
  }
#members-menu a
  {
   background: none; 
   bottom: 0px;
  }