/*
http://www.w3.org/TR/CSS2/
Shorthand: top right bottom left
Special for "handheld"?
*/

/*
Using 
<?xml version="1.0" encoding="ISO-8859-1"?>
or anything else before doctype sets IE6 Win in quirks mode!
*/

A:link
{
background-color: transparent ;
color: #630 ;
} 

A:visited
{
background-color: transparent ;
color: #630 ;
} 

A:active
{
background-color: transparent ;
color: #630 ;
} 

A:hover
{
background-color: yellow ;
color: #630 ;
} 

A:focus
{
background-color: yellow ;
color: #630 ;
} 


/*
Has to set class on the A element?
*/
A.menu
{
background-color: transparent ;
color: #630 ;
} 

/*
A.menu:hover
{
background-color: yellow ;
color: yellow ;
} 
Both do the same thing
A:hover.menu
{
background-color: yellow ;
color: yellow ;
} 
*/


ADDRESS
{
color: black ;
font-family: arial, helvetica, sans-serif ;
font-size: 1em ;
}

BODY
{
background-attachment: fixed ;
background-color: #fff ;
background-image: url(whiteclef.gif) ;
color: rgb(0, 0, 0) ;
/* for IE4-5.5 and IE6 quirks bug, see http://stone.thecoreworlds.net/www/centre/ */
text-align: center ;
}

BODY.indexbody
{
background-image: none ;
}

/* This is the Table caption */
CAPTION
{
color: black ;
font-family: arial, helvetica, sans-serif ;
font-size: 1em ;
font-style: oblique ;
}

/*
DIV.main
{
text-align: center ;
}
*/

DIV.address
{
background-color: white ;
float: left ;
text-align: left ;
width: 45% ;
}

DIV.main
{
background-color: #fc0 ;
border: ridge silver ;
margin-left: auto ;
margin-right: auto ;
padding: 1em ;
width: 80% ;
}

@media print
{
DIV.main
{
background-color: #fff ;
border: none ;
padding: 0em ;
width: 100% ;
}
}

DIV.subsection
{
background-color: white ;
border: ridge silver ;
clear: both ;
margin: 0.5em auto ;
padding: 1em ;
text-align: left ;
width: 90% ;
}

DIV.logo
{
background-color: transparent ;
border: none ;
float: left ;
text-align: center ;
width: 33% ;
}

DIV.singlelogo
{
background-color: transparent ;
border: none ;
clear: both ;
margin-left: auto ;
margin-right: auto ;
text-align: center ;
}


/*
IE disappears in index.html, OK in lastbuzz.html
*/
/*
BODY>DIV.menu
{
background-color: rgb(200,200,255) ;
border: ridge #630 ;
position: fixed ;
right: 0.5% ;
top: 2em ;
width: 20% ;
}
*/


H1
{
font-family: arial, helvetica, sans-serif ;
font-size: 2em ;
text-align: center ;
}

H2
{
font-family: arial, helvetica, sans-serif ;
font-size: 1.6em ;
text-align: center ;
}

H3
{
font-family: arial, helvetica, sans-serif ;
font-size: 1.4em ;
text-align: center ;
}

H4
{
font-family: arial, helvetica, sans-serif ;
font-size: 1.3em ;
text-align: center ;
}

H5
{
font-family: arial, helvetica, sans-serif ;
font-size: 1.2em ;
text-align: center ;
}

H6
{
font-family: arial, helvetica, sans-serif ;
font-size: 1.1em ;
text-align: center ;
}


H2.menu
{
font-size: 1.2em ;
margin: 0.1em 0 ;
}

/* 8px width! */
HTML
{
border: .1em #fc0 solid ;
}

@media print
{
HTML
{
border: none ;
}
}

IMG
{
background-color: transparent ;
}

LI
{
color: black ;
font-family: arial, helvetica, sans-serif ;
font-size: 0.8em ;
margin: 0.3em 0 ;
}

UL
{
color: black ;
/*
font-family: arial, helvetica, sans-serif ;
font-size: 1em ;
*/
list-style-type: none ;
margin: 0 ; /* for menu */
padding: 0 1em ;
text-align: left ;
}

/*
UL UL
{
display: none ;
}
*/

/* Does not seem to work
UL LI:focus > UL
{
display: block ;
}
*/


/* Problems in index.html with IE6. Disappears directly after logo.
Needs for instance subsection between.
 */

DIV.menu
{ 
background-color: #fc9 ;
border: ridge #630 ;
position: absolute ;
right: 0.5% ;
top: 2em ;
width: 12% ;
}

@media print
{
DIV.menu
{ 
display: none ;
}
}


/* The child selectors are a hack to hide these rules from WinIE6,
 which gets confused by 'fixed' */

BODY>DIV>DIV.menu
{
position: fixed ;
}

/*
Unused 2003-11-15

UL LI:hover > UL
{
display: block ;
}

LI.submenu
{
font-weight: bold ;
} 

LI.submenu > a
{
font-weight: bold ;
} 

li.submenu:hover > ul
{
background: #CCF ;
border: ridge #630 ;
margin-left: -20em ;
text-align: center ;
}

LI.submenu:after
{
content: " >> " ;
}

*/

/*
This works on submenu
UL LI UL LI >A:visited
{
color: red ;
}
UL LI UL LI
{
background-color: green ;
} 
*/

UL LI UL LI
{
display: inline ;
list-style-position: inside ;
list-style-type: disc ;
}

UL LI UL LI:after
{
content: " | " ;
}

/*
New long list 2003-11-15
*/

/*
Hide long list...
*/
DIV.longlist
{
display: none ;
}
/*
...and display it again, but not for IE Win
*/
BODY>DIV>DIV>DIV.longlist
{
display: block ;
}

DIV.longlist:hover
{
background-color: #fc9 ;
border: ridge #630 ;
margin-left: -8em ;
}

UL.longlist LI
{
font-size: 0.8em ;
list-style-position: inside ;
}

DIV.longlist UL LI
{
display: none ;
}

/*
If hovering over a low part of the menu, expansion won't work
UL.longlist:hover LI
*/
DIV.longlist:hover UL LI
{
display: inline ;
}

/*
UL.longlist:hover LI:after
*/
DIV.longlist:hover UL LI:after
{
content: " | " ;
}

/*
Crashes while navigating.
No method for reshaping the menu while :focus
UL.longlist LI A:focus
{
background-color: #c96 ;
color: #630 ;
position: fixed ;
right: 12.5% ;
top: 4em ;
width: 12% ;
}
*/

/*
Unused
UL LI A:hover
{
background: green ;
}
*/

P
{
color: black ;
font-family: arial, helvetica, sans-serif ;
font-size: 1em ;
padding: 0 1em ;
}

P.centered
{
text-align: center ;
}

PRE
{
padding: 0 1em 0 2em ;
/*
padding-left: 2em ;
padding-right: 1em ;
*/
}


TABLE.recordtable
{
font-size: 0.8em ;
}

TH, TD
{
color: black ;
font-family: arial, helvetica, sans-serif ;
font-size: 1em ;
padding: 0.5em ;
text-align: left ;
}

TH
{
font-weight: bold ;
}


/*
Used in SPAN to avoid wrapping of phone numbers, etc.
*/

.nowrap
{
white-space: nowrap ;
}