BODY, HTML
{
	margin: 0px;
	padding: 0px;
}

BODY
{
	background-repeat: repeat-x;
	background-color: #fff;
	color: #000;
}


#header
{
	padding: 0px;
	margin: 0px 1px 0px 0px;
	height: 109px;
}

#header #logo img
{
	border: 0px;
	padding-left: 10px;
}


#banner1
{
	position: absolute;
	top: 0px;
	left: 120px;
	padding: 0px;
	margin: 0px;
	border: 0px;
	overflow: hidden;
}

#banner1, #banner1 em
{
	width: 468px;
	height: 35px;
}

#banner, #banner2
{
	position: absolute;
	top: 35px;
	left: 120px;
	padding: 0px;
	margin: 0px;
	border: 0px;
	overflow: hidden;
}

#banner, #banner em, #banner2, #banner2 em
{
	width: 468px;
	height: 74px;
}

#nav 
{
	position: absolute;
	top: 109px;
	left: 0px;
	padding: 0px;
	margin: 0px;
	background-repeat: no-repeat;
	font-size: .9em;
}

#nav UL
{
	background-repeat: no-repeat;
	padding: 20px 0px 0px 0px;
	margin: 0px;
	font-family: Arial, Helvetica, sans-serif;
}

#nav UL LI
{
	display: block;
	list-style-type: none;
	width: 180px;
	padding: 0px;
	margin: 0px;
}

#nav UL LI A:link, #nav UL LI A:visited
{
	color: #000080;
}

#nav UL LI A:hover
{
	background-color: #eee !important;
}

#nav UL LI A
{
	display: block;
	width: 167px;
	text-decoration: none;
	font-weight: bold;
	margin-left: 10px;
	padding: 3px 5px 2px 8px;
}

#nav UL LI LI A
{
	font-weight: normal;
	padding: 1px 5px 1px 15px;
	width: 160px;
}

#nav UL LI LI LI A
{
	padding-left: 20px;
	width: 155px;
}

#nav UL LI LI LI LI A
{
	padding-left: 30px;
	width: 145px;
}

#nav UL LI LI LI LI LI A
{
	padding-left: 40px;
	width: 135px;
}

#nav UL UL
{
	background-image: none !important;
	padding-top: 0px;
}

#nav UL LI.related
{
	margin-top: 15px;
}

#nav UL LI.related SPAN
{
	margin-left: 18px;
	font-weight: bold;
}

#topribbon
{
	background-image: url(http://www.berlinlions.org/images/template/topribbon.gif);
	background-repeat: no-repeat;
	position: absolute;
	top: 0px;
	right: 0px;
	height: 109px;
	width: 30px;
	padding: 0px;
	border: 0px;
}

div.ribbonbottom
{
	background-image: url(http://www.berlinlions.org/images/template/bottomribbon.gif);
	background-repeat: no-repeat;
	height: 63px;
	width: 200px;
	margin: 50px 0px 0px 0px;
	padding: 0px;
}

#content
{
	margin: 0px;
	padding: 20px 20px 20px 220px;
}

#content P
{
	font-family: Arial, Helvetica, sans-serif;
	color: #000;
	margin-top: 0px;
}

#content .photoright200
{
	float: right;
	width: 200px;
}

#content .photoright200 img
{
	padding-bottom: 5px;
}

#content .photoright200 p
{
	font-size: .75em;
	color: #666;
}

#content UL, #content OL, #content LI
{
	font-family: Arial, Helvetica, sans-serif;
	color: #000;
	margin-top: 0px;
}

P.footer
{
	font-family: "Times New Roman", "Times", serif !important;
	font-size: .75em;
	text-align: center;
	white-space: nowrap;
	line-height: normal;
	clear: both;
}




/* General Treatments */
A:visited 
{
	color: #4682B4;
}

A:link 
{
	color: #000080;
}

#content A:link:hover, #content A:visited:hover  
{
	color: #800080;
}


H1 
{
	font-family: "Times New Roman", "Times", serif;
	font-size: 1.5em;
	margin: 0px 0px 3px 0px;
}


H2 
{
	margin-top: 0px;
	margin-bottom: 2px;
	font-family: "Times New Roman", "Times", serif;
	font-size: 1.1em;
	color: #333;
}

H3
{
	font-family: "Times New Roman", "Times", serif;
	margin-top: 0px;
	padding-bottom: 2px;
	margin-bottom: 0px;
	font-weight: bold;
	font-size: 1.05em;
}

H4
{
	font-family: "Times New Roman", "Times", serif;
	margin-top: 0px;
	margin-bottom: 2px;
	font-style: italic;
	font-weight: bold;
	font-size: 1em;
}

H5
{
	font-family: "Times New Roman", "Times", serif;
	margin-top: 0px;
	margin-bottom: 2px;
	font-style: italic;
	font-weight: normal;
	font-size: .9em;
}


IMG
{
	border: 0px;
}

IMG.right, DIV.right
{
	clear: right;
	float: right;
	padding: 0px 0px .5em 10px;
}

IMG.left, DIV.left
{
	clear: left;
	float: left;
	padding: 0px 10px .5em 0px;
}


DIV.half
{
	width: 50%;
	float: left;
}

DIV.third
{
	width: 33%;
	float: left;
}

.clear
{
	clear: both;
}

TABLE
{
	margin: 0px 0px 1em 0px;
}

TABLE TD
{
	padding: 3px;
	font-size: .85em;
}

TABLE TH
{
	color: #fc0;
	padding: 2px 5px;
	font-size: .9em;
}

TABLE TH.main
{
	color: #fff;
	font-size: 1em;
}

TABLE TH.right
{
	text-align: right;
	color: #fff;
}

TABLE TR.tint TD
{
	background-color: #ebe0d6;
}

TABLE.calendar
{
	width: 100%;
}

TABLE.calendar TD
{
	vertical-align: top;
	width: 14.28%;
	height: 5em;
}

TABLE.calendar TD:first-line
{
	text-align: right;
	font-weight: 800;
	font-size: .9em;
}

TABLE.calendar TD A
{
	font-weight: bold;
	font-size: .8em;
}

TD.calendartint
{
	background-color: #FCDDFC;
}

TABLE.calendar TD
{
	background-color: #ddd;
}

TABLE SMALL
{
	font-size: .85em;
}

P.subheader
{
	margin-top: 0px;
	font-size: 1em;
	line-height: normal;
	font-style: italic;
}

DL {
	margin-top: 0px;
}

DT {
	font-weight: bold;
}

DD {
	margin-bottom: 12px;
}

#content UL, OL {
	margin-top: 0px;
	margin-bottom: 1em;
	}

#content UL LI, #content OL LI {
	margin-bottom: .5em;
	}

DIV.right
{
	float: right;
	width: 300px;
}

DIV.callout
{
	float: right;
	width: 300px;
	padding: 0px 0px .5em 0px;
	margin-left: 10px;
	background-color: #fff8dc;
	border-left: #ccc;
	border-width: 0 0 0 2px;
	border-style: none none none solid;
}

DIV.callout H2
{
	border-left: #ccc;
	color: #FFF;
	background-position: left top;
	background-repeat: no-repeat;
	font-family: Arial, Helvetica, sans-serif;
	font-size: .75em;
	text-transform: uppercase;
	letter-spacing: .1em;
	padding: 3px 10px 3px 10px !important;
	margin: 0px 0px 0px 0px;
	margin-top: 0px !important;
	margin-bottom: 0px !important;
	margin-left: 0px !important;
	border-style: none !important;
	font-weight: bold;
}

DIV.callout P, DIV.callout UL, DIV.callout OL
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: .75em;
	line-height: normal;

	margin: 0px;
	padding: 3px 0px 3px 10px;
}

DIV.callout OL
{
	margin-left: 20px;
}

/* Berlin Fair Web Site */
BODY.fair
{
	background-image: url(http://www.ctberlinfair.com/images/template/top.gif);
}

BODY.fair #nav
{
	background-image: url(http://www.ctberlinfair.com/images/template/sidebar.jpg);
}

BODY.fair #nav UL
{
	background-image: url(http://www.ctberlinfair.com/images/template/sidebarmenu.jpg);
}

BODY.fair #banner1, BODY.fair #banner1 em
{
	background-image: url(http://www.ctberlinfair.com/images/template/club.gif);
}

BODY.fair #banner2, BODY.fair #banner2 em
{
	background-image: url(http://www.ctberlinfair.com/images/template/banner.gif);
}

BODY.fair #nav UL LI.down A, BODY.fair DIV.callout
{
	background-color: #ebe0d6;
}

BODY.fair H1, BODY.fair H3
{
	color: #673411;
}

BODY.fair TABLE TH, BODY.fair DIV.callout H2
{
	background-color: #855225;
}

BODY.fair TABLE TH.main
{
	background-color: #673411;
}

BODY.fair TABLE TH.right
{
	background-color: #963;
}

BODY.fair TABLE TR.tint TD
{
	background-color: #ebe0d6;
}


/* Lions Club Web Site */
BODY.club
{
	background-image: url(http://www.berlinlions.org/images/template/top.gif);
}

BODY.club #nav
{
	background-image: url(http://www.berlinlions.org/images/template/sidebar.jpg);
}

BODY.club #nav UL
{
	background-image: url(http://www.berlinlions.org/images/template/sidebarmenu.jpg);
}

BODY.club #banner, BODY.club #banner em
{
	background-image: url(http://www.berlinlions.org/images/template/banner.gif);
}

BODY.club #nav UL LI.down A, BODY.club DIV.callout
{
	background-color: #E6E6FA;
}

BODY.club H1, BODY.club H3
{
	color: #800080;
}

BODY.club TABLE TH, BODY.club DIV.callout H2
{
	background-color: #800080;
}

BODY.club TABLE TH.main
{
	background-color: #4B0082;
}

BODY.club TABLE TH.right
{
	background-color: #BA55D3;
}

BODY.club TABLE TR.tint TD, BODY.club TABLE TD.tint
{
	background-color: #D8BFD8;
}




/* Berlin Blues Festival Web Site */
BODY.blues
{
	background-image: url(http://www.berlinmusicfest.com/images/template/top.gif);
}

BODY.blues #nav
{
	background-image: url(http://www.berlinmusicfest.com/images/template/sidebar.jpg);
}

BODY.blues #nav UL
{
	background-image: url(http://www.berlinmusicfest.com/images/template/sidebarmenu.jpg);
}

BODY.blues #banner1, BODY.blues #banner1 em
{
	background-image: url(http://www.berlinmusicfest.com/images/template/club.gif);
}

BODY.blues #banner2, BODY.blues #banner2 em
{
	background-image: url(http://www.berlinmusicfest.com/images/template/banner.gif);
}

BODY.blues #nav UL LI.down A, BODY.blues DIV.callout
{
	background-color: #d6daeb;
}

BODY.blues H1, BODY.blues H3
{
	color: #111d67;
}

BODY.blues TABLE TH, BODY.blues DIV.callout H2
{
	background-color: #253085;
}

BODY.blues TABLE TH.main
{
	background-color: #111d67;
}

BODY.blues TABLE TH.right
{
	background-color: #369;
}

BODY.blues TABLE TR.tint TD
{
	background-color: #d6daeb;
}







/*  These are used within the fair site. */

DIV.awards, DIV.awardswide
{
	float: right;
	background-color: #ebe0d6;
	border: 1px solid #000;
	margin: 3px 10px;
	width: 125px;
	font-size: .9em;
}

DIV.awardswide
{
	width: 250px;
}

DIV.awards UL, DIV.awardswide UL
{
	margin: 0px;
	border: 0px;
	padding: 10px;
	list-style-type: none;
}

DIV.awards UL LI, DIV.awardswide UL LI {
	margin-bottom: 3px;
}

DIV.awards H3, DIV.awardswide H3 {
	text-transform: uppercase;
	background-color: #660000;
	width: 100%;
	font-size: .85em;
	color: #fff;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	padding-top: 3px;
	padding-left: 0px;
}

DIV.awards H3:first-letter, DIV.awardswide H3:first-letter {
	font-size: 1.2em;
}

DIV.awards UL LI STRONG, DIV.awardswide UL LI STRONG
{
	font-weight: bold;
}







/* General IR statements */
.replace { 
	position: relative;
	overflow: hidden;
	margin: 0;
	padding: 0;
	font-size: 1.2em;       /* Choose a font-size here that will keep the headline small enough to fit completely under the span. */
}

.replace em {
	display: block;
	position: absolute;
	top: 0; 
/*
left: 0;
*/
	z-index: 1; /* for opera5 (?) and o6/mac */
}

.replace a {
	cursor: hand;           /* for ie5.x/win, invalid */
	c\ursor: pointer;       /* reset for other browsers */
}

/* General IR statements for IE5.x mac only */

* html>body .replace { 
	position: static;
	overflow: visible;
	font-size: 10px;
/* Since overflow: hidden doesn'twork with ie5.x/mac, we choose a font-size here that will keep the headline small enough to fit completely under the span.*/
}

* html>body .replace em  { 
	position: static;
}

* html>body .replace a {
	text-decoration: none; /* ie5.0-5.1.x/mac must have this value or the underline shows through the image. */
}