/*
colours:

	blue  #0033cc;
	red   #cc0033;
	light grey	#666666;
	dark grey	#333333;
	
Maybe use:
	green #008000;

*/

body { text-align: center; font-family: Verdana, Arial, Geneva, sans-serif; }

p { font-family: Verdana, Arial, Geneva, sans-serif; color:#000000; font-size: 10px; }

a:visited {color: #0033cc; }
a:hover {color: #0033cc; }
a:active {color: #0033cc; }

#document { padding: 10px; width: 750px; margin-top: 20px; margin-right: auto; margin-bottom: 20px; margin-left: auto; border: 1px solid #666666; text-align: left; background-repeat: no-repeat; background-position: left bottom; background: #ffffff }

/* menu */
ul#menu { list-style:none; background-repeat: no-repeat; background-position: right top; width: 225px; margin-top: 5px; margin-right: 0px; margin-bottom: 5px; margin-left: 0px; padding: 0px; height: 250px; }
#menu li,
	ul#menu li a{width: 225px; line-height:30px; display:block; }
	ul#menu li a{border-bottom: 1px solid #666666; text-decoration:none; font-family: Verdana, Arial, Geneva, sans-serif; font-weight:bold; color:#666666; font-size: 10px; font-style: normal; font-variant: normal; margin: 0px; padding: 0px; }
	ul#menu li a:hover{background: #666666; color:#ffffff; font-family: Verdana, Arial, Geneva, sans-serif; font-size: 10px; font-style: normal; font-weight: bold; font-variant: normal; text-decoration: none; }
	ul#menu li a span{float: left; height:20px; width:8px; margin:5px 5px 5px 5px; background:#cccccc; padding: 0px; }
	ul#menu li a:hover span{background:#008000; cursor: hand; }
	#top {border-top: 1px solid #666666; }

/* Increase height by 20 px for each additional submenu item */
ul#submenuconf {list-style:none; background-repeat: no-repeat; background-position: right top; width: 225px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding: 0px; height: 125px; }
#submenuconf li,
	ul#submenuconf li a{width: 225px; line-height:20px; display:block; }
	ul#submenuconf li a{border-bottom: 1px solid #666666; text-decoration:none; font-family: Verdana, Arial, Geneva, sans-serif; font-weight:bold; color:#666666; font-size: 10px; font-style: normal; font-variant: normal; margin: 0px; padding: 0px; }
	ul#submenuconf li a:hover{background: #666666; color:#ffffff; font-family: Verdana, Arial, Geneva, sans-serif; font-size: 10px; font-style: normal; font-weight: bold; font-variant: normal; text-decoration: none; }
	ul#submenuconf li a span{float: left; height:8px; width:8px; margin:5px 5px 0px 25px; background:#008000; padding: 0px; }
	ul#submenuconf li a:hover span{background:#008000; cursor: hand; }
	#top {border-top: 1px solid #666666; line-height:20px; }


/* content */
h1 { font-family: Verdana, Arial, Geneva, sans-serif; font-size: 20pt; font-style: normal; font-weight: bold; font-variant: normal; color: #008000; text-decoration: none; margin: 10px 10px 10px 10px; padding: 0px; text-align: left; }
h2 { font-family: Verdana, Arial, Geneva, sans-serif; font-size: 14px; font-style: normal; font-weight: bold; font-variant: normal; color: #666666; text-decoration: none; margin: 10px 10px 10px 10px; padding: 0px; text-align: left; }
h3 { font-family: Verdana, Arial, Geneva, sans-serif; font-size: 14px; font-style: normal; font-weight: bold; font-variant: normal; color: #008000; text-decoration: none; margin: 10px 10px 10px 10px; padding: 0px; text-align: left; }
h5 { border-bottom: 1px solid #666666; font-family: Verdana, Arial, Geneva, sans-serif; font-size: 11px; font-style: normal; font-weight: bold; font-variant: normal; color: #666666; text-decoration: none; padding: 0px; text-align: left; }
h4 { font-family: Verdana, Arial, Geneva, sans-serif; font-size: 18px; font-style: normal; font-weight: bold; font-variant: normal; color: #008000; text-decoration: none; margin: 10px 10px 10px 10px; padding: 0px; text-align: center; }
h6 { font-family: Verdana, Arial, Geneva, sans-serif; font-size: 12px; font-style: normal; font-weight: bold; font-variant: normal; color: #008000; text-decoration: none; margin: 10px 10px 10px 10px; padding: 0px; text-align: center; }

ul#regular { list-style:none; background-repeat: no-repeat; }
#regular li,
	ul#regular li  { display:block; text-decoration:none; text-indent: 0px; font-family: Verdana, Arial, Geneva, sans-serif; color:#000000; font-size: 10px; font-style: normal; font-variant: normal; margin: 0px; padding: 0px; }
ul#regular li span { text-decoration:none; float:left; height:4px; width:5px; margin: 5px 0px 0px -10px; background:#008000; padding: 0px; }

/* footer */
#footer {border: 1px solid #666666; text-align: center; height: 30px; text-align: center; background-color: #ffffff; width: 100%; font-size: 10px; font-style: normal; font-weight: bold; font-variant: normal; color: #666666;}
#footer a:link    {font-family: Verdana, Arial, Geneva, sans-serif; font-size: 10px; font-style: normal; font-weight: bold; font-variant: normal; color: #666666; text-decoration: none; }
#footer a:visited {font-family: Verdana, Arial, Geneva, sans-serif; font-size: 10px; font-style: normal; font-weight: bold; font-variant: normal; color: #666666; text-decoration: none; }
#footer a:hover   {font-family: Verdana, Arial, Geneva, sans-serif; font-size: 10px; font-style: normal; font-weight: bold; font-variant: normal; color: #008000; text-decoration: none; }
#footer a:active {font-family: Verdana, Arial, Geneva, sans-serif; font-size: 10px; font-style: normal; font-weight: bold; font-variant: normal; color: #666666; text-decoration: none; }

/* credits */
#credits {text-align: center; height: 30px; text-align: center; background-color: #666666; width: 100%; font-size: 10px; font-style: normal; font-weight: bold; font-variant: normal; color: #cccccc;}
#credits p {text-align: center; font-family: Verdana, Arial, Geneva, sans-serif; font-size: 10px; font-style: normal; font-weight: bold; font-variant: normal; color: #cccccc; text-decoration: none; }

/* members */
#members {border: 1px solid #666666; text-align: right; height: 30px; text-align: right; background-color: #ffffff; width: 100%; font-size: 10px; font-style: normal; font-weight: bold; font-variant: normal; color: #cccccc;}
#members p {text-align: left; font-family: Verdana, Arial, Geneva, sans-serif; font-size: 10px; font-style: normal; font-weight: bold; font-variant: normal; color: #666666; text-decoration: none; }

/* events */
#events td {border-left: 0px; font-family: Verdana, Arial, Geneva, sans-serif; font-size: 10px; font-style: normal; font-variant: normal; text-decoration: none; }
#events td.date { background-color: #ffffff; width: 13% }
#events td.event { background-color: #ffffff; width: 50%;}
#events td.location { background-color: #ffffff; width: 10% }
#events td.day { background-color: #ffffff; width: 5%;}
#events td.time { background-color: #ffffff; width: 22% }

#header p.base {border-bottom: 1px solid #666666; font-family: Verdana, Arial, Geneva, sans-serif; font-size: 10px; font-style: normal; font-variant: normal; text-decoration: none; }
#header p.date {font-family: Verdana, Arial, Geneva, sans-serif; font-size: 10px; color: #666666; font-weight: bold; font-style: normal; font-variant: normal; text-decoration: none; }