.window-bg-color 		{background-color:white}
.logo-fg-color 		{color:#EF6D03}
.logo-bg-color 		{background-color:#EF6D03}
.logo-border-color	{border-color:#EF6D03}
.page-bg-color			{background-color:#FCC483}	/* not used */
.bar-bg-color			{background-color:#D6BD9C}
#page 					{border-color:#E88F38; border-style:solid}
a							{color:black}
a:hover 					{color:#EF6D03} 
#menu a					{color:#333; border-color:#333}
#menu a:hover			{border-color:#FF9C4A}

a.external, a.external:visited, a.attention, a.attention:visited {color:#004080}
a.external:hover, a.attention:hover		{color:red}
a.noHover:hover      {color:black}

:focus {outline: thin dotted #EF6D03;}

* {border-width:1px; border-style:none}

body {margin:8px 0 0 0; padding:5px 5px 0 5px; border:0; height:100%; overflow-y:auto; }
a { text-decoration:none; font-weight:bold; }

* html #menu {position:absolute;}
#menu {
    display:block; position:fixed;
    top:13px; left:0; width:130px; height:1200px;
	 padding:10px;
	 border-top-style:solid;
	 border-right-style:solid;
    font: bold 75% tahoma, verdana, sans-serif;}

#menu a {
   display:block; width:125px; height:1.35em; margin-top:0.3em; 
	border-bottom-style:solid;
   text-align:right;
   background:url(img/MenuBorderRight.gif) no-repeat top right;}

#menu a:hover {
    position:relative; top:2px; left:2px;
	 background:url(img/MenuBorderRightHL.gif) no-repeat top right;}

#menu a span {position:relative; left:-7px}
#menu a.sel, menu a.sel:visited {background:url(img/MenuBorderRightSel.gif) no-repeat top right;}

#logo {background:url(img/JCLogo.png) no-repeat top left; height:120px}
#logo h1 {font-size:1px}
#logo h1 span {display:none}

#page {
	max-width:1200px;
 	margin-left:162px;
	margin-top:0px;
	margin-right:10px;
	display:block;
	padding:15px;
	overflow:auto;
	background:url(img/JCPageBG.gif)}

ul {list-style-image:url(img/listBulletOrange.gif);}

/* index.html of club directory */
td.contact, td.contact-name, td.contact-left {padding:0.3em 0.5em 0.3em 0.25em; vertical-align:top; border-bottom:1px solid #E88F38;}
td.contact {text-align:right;}
td.contact img.float {float:left; margin-left:8px}
div.contact-name {font-weight:bold; float:left; vertical-align:top; margin-right:8px;margin-right:4px;} 
   
td.square { vertical-align:top; padding-top:4px;}
td.contact-name img {margin-right:10px}  
span.b {font-weight:bold}
.nowrap {white-space:nowrap;}

/* archive tables */
table.archive tr td {padding:0.3em 0 0.3em 0; vertical-align:top; border-bottom:1px solid #E88F38;}
a.event {font-size:90%}
table.archive tr td span.nowrap {margin-right:0.3em}
table.archive tr td.right-column {padding-right:4em;}
table.archive tr td.left-column {padding-right:0.5em}
a.event.last {margin-right:1.0em}
a.artist {margin-right:1.0em}
a.noHover.nobold {font-weight:normal}


/* All pages */
table.normal, table.archive {border-collapse:collapse; margin:8pt 5pt 16pt -2px; width:99%}

div.linkList {width:auto}
div.linkList a {margin-right:0.5em; line-height:2em;}

#footer {
	margin-top:5px;
	margin-left:160px;
	height:30px;
	text-align:left;}

#webmasterLogo a {
	text-decoration:none;
	width:120px;
	float:left;
	overflow:hidden;
	height:0px !important;
	height /**/:25px;
	padding:25px 0 0 0; 
   background:url(img/JCLogoWebmaster.png) no-repeat top left;}

#webmasterLogo a:hover {
   background:url(img/JCLogoWebmasterHL.png) no-repeat top left;}

#footer span {
	float:left; 
	overflow:hidden; 
	height:0px !important; 
	height /**/:11px;
	padding:11px 0 0 0;}

#y1998 { width:43px; background:url(img/d/dy1998.gif) }
#y1999 { width:43px; background:url(img/d/dy1999.gif) }
#y2000 { width:43px; background:url(img/d/dy2000.gif) }
#y2001 { width:43px; background:url(img/d/dy2001.gif) }
#y2002 { width:43px; background:url(img/d/dy2002.gif) }
#y2003 { width:43px; background:url(img/d/dy2003.gif) }
#y2004 { width:43px; background:url(img/d/dy2004.gif) }
#y2005 { width:43px; background:url(img/d/dy2005.gif) }
#y2006 { width:43px; background:url(img/d/dy2006.gif) }
#y2007 { width:43px; background:url(img/d/dy2007.gif) }
#y2008 { width:43px; background:url(img/d/dy2008.gif) }
#y2009 { width:43px; background:url(img/d/dy2009.gif) }
#y2010 { width:43px; background:url(img/d/dy2010.gif) }
#y2011 { width:43px; background:url(img/d/dy2011.gif) }

#d01,#m01 { width:26px; background:url(img/d/d01.gif) }
#d02,#m02 { width:26px; background:url(img/d/d02.gif) }
#d03,#m03 { width:26px; background:url(img/d/d03.gif) }
#d04,#m04 { width:26px; background:url(img/d/d04.gif) }
#d05,#m05 { width:26px; background:url(img/d/d05.gif) }
#d06,#m06 { width:26px; background:url(img/d/d06.gif) }
#d07,#m07 { width:26px; background:url(img/d/d07.gif) }
#d08,#m08 { width:26px; background:url(img/d/d08.gif) }
#d09,#m09 { width:26px; background:url(img/d/d09.gif) }
#d10,#m10 { width:26px; background:url(img/d/d10.gif) }
#d11,#m11 { width:26px; background:url(img/d/d11.gif) }
#d12,#m12 { width:26px; background:url(img/d/d12.gif) }
#d13 	    { width:26px; background:url(img/d/d13.gif) }
#d14 	    { width:26px; background:url(img/d/d14.gif) }
#d15 	    { width:26px; background:url(img/d/d15.gif) }
#d16 	    { width:26px; background:url(img/d/d16.gif) }
#d17 	    { width:26px; background:url(img/d/d17.gif) }
#d18 	    { width:26px; background:url(img/d/d18.gif) }
#d19 	    { width:26px; background:url(img/d/d19.gif) }
#d20 	    { width:26px; background:url(img/d/d20.gif) }
#d21 	    { width:26px; background:url(img/d/d21.gif) }
#d22 	    { width:26px; background:url(img/d/d22.gif) }
#d23 	    { width:26px; background:url(img/d/d23.gif) }
#d24 	    { width:26px; background:url(img/d/d24.gif) }
#d25 	    { width:26px; background:url(img/d/d25.gif) }
#d26 	    { width:26px; background:url(img/d/d26.gif) }
#d27 	    { width:26px; background:url(img/d/d27.gif) }
#d28 	    { width:26px; background:url(img/d/d28.gif) }
#d29 	    { width:26px; background:url(img/d/d29.gif) }
#d30 	    { width:26px; background:url(img/d/d30.gif) }
#d31 	    { width:26px; background:url(img/d/d31.gif) }