style-cbl-main.css

/* CSS for CBL main site */
A {
	COLOR: #000000; FONT-FAMILY: verdana,arial,helvetica,ms sans serif; FONT-SIZE: 10pt; TEXT-DECORATION: none
}
TD,P {
	COLOR: #000000; FONT-FAMILY: verdana,arial,helvetica,ms sans serif; FONT-SIZE: 10pt; TEXT-DECORATION: none;
}
body {
	COLOR: #000000; FONT-FAMILY: verdana,arial,helvetica,ms sans serif; FONT-SIZE: 10pt; TEXT-DECORATION: none;
	background-color: #EBEBEB; 
}

A:link {
	COLOR: #333333; FONT-FAMILY: verdana,arial,helvetica,ms sans serif; FONT-SIZE: 10pt; TEXT-DECORATION: none;
}
A:visited {
	COLOR: #666666; FONT-FAMILY: verdana,arial,helvetica,ms sans serif; FONT-SIZE: 10pt; TEXT-DECORATION: none
}
A:hover {
	COLOR: #000000; FONT-FAMILY: verdana,arial,helvetica,ms sans serif; FONT-SIZE: 10pt; font-weight:bold;
}
h1 {
	COLOR: #000000; FONT-FAMILY: verdana,arial,helvetica,ms sans serif; FONT-SIZE: 11pt; TEXT-DECORATION: none
}


body {
  text-align: center;
  max-width: 1400px;
}

#wrapper {
  text-align: left;
  max-width: 1000px;
  margin-left: auto;
  margin-right: auto;
}


/* Properties for header: blue scheme */
#header-blue {
	clear:both;
	margin: 0;
	border-style:solid;
	border-color:#0B204F;
	padding: 10px;
	min-height:60px;
	background:#7A84A4 url(../misc/cbl_maintitle_blue.jpg) right center no-repeat;
}

/* Properties for header: brown scheme */
#header-brown {
	clear:both;
	margin: 0;
	border-style:solid;
	border-color:#422B0B;
	padding: 10px;
	min-height:60px;
	background:#A09573 url(../misc/cbl_maintitle_brown.jpg) right center no-repeat;
}


/* Properties for header: red scheme */
#header-red {
	clear:both;
	margin: 0;
	border-style:solid;
	border-color:#5D0F0B;
	padding: 10px;
	min-height:60px;
	background:#9A6A68 url(../misc/cbl_maintitle_red.jpg) right center no-repeat;
}

/* Properties for header: green scheme */
#header-green {
	clear:both;
	margin: 0;
	border-style:solid;
	border-color:#002400;
	padding: 10px;
	min-height:60px;
	background:#355C35 url(../misc/cbl_maintitle_green.jpg) right center no-repeat;
}

/* Properties for header: purple scheme */
#header-purple {
	clear:both;
	margin: 0;
	border-style:solid;
	border-color:#775E9C;
	padding: 10px;
	min-height:60px;
	background:#B5A3CC url(../misc/cbl_maintitle_purple.jpg) right center no-repeat;
}

/* Properties for the right sidebar */
#rightnav {
	float: right;
	width: 250px;
	margin: 0px;
	padding: 2px;
	position:top;
	align:center;
}


/* Properties for main section: blue scheme */
#main-blue {
	border-left-style: solid;
	border-right-style: solid;
	border-right-color:#0B204F;
	border-left-color:#0B204F;
	margin-right: 250px;
	background:#EAE9F9;
	padding: 1em;
	align:center;
}

/* Properties for main section: brown scheme */
#main-brown {
	border-left-style: solid;
	border-right-style: solid;
	border-right-color:#422B0B;
	border-left-color:#422B0B;
	margin-right: 250px;
	background:#FFFFDB;
	padding: 1em;
	align:center;
}

/* Properties for main section: red scheme */
#main-red {
	border-left-style: solid;
	border-right-style: solid;
	border-right-color:#5D0F0B;
	border-left-color:#5D0F0B;
	margin-right: 250px;
	background:#D7C5C5;
	padding: 1em;
	align:center;
}

/* Properties for main section: green scheme */
#main-green {
	border-left-style: solid;
	border-right-style: solid;
	border-right-color:#002400;
	border-left-color:#002400;
	margin-right: 250px;
	background:#6B956B;
	padding: 1em;
	align:center;
}

/* Properties for main section: purple scheme */
#main-purple {
	border-left-style: solid;
	border-right-style: solid;
	border-right-color:#775E9C;
	border-left-color:#775E9C;
	margin-right: 250px;
	background:#F3E8FC;
	padding: 1em;
	align:center;
}

/* Properties for the right sidebar internal: blue scheme */
#rightnavinternal-blue,#rightnavinternal-blue-lyrics {
	width: 232px;
	margin-left: 4px;
	margin-right:0px;
	margin-bottom:2px;
	border-style:solid;
	border-color:#0B204F;
	background:#7A84A4;
	padding:2px;
}


/* Properties for the right sidebar internal: brown scheme */
#rightnavinternal-brown,#rightnavinternal-brown-lyrics {
	width: 232px;
	margin-left: 4px;
	margin-right:0px;
	margin-bottom:2px;
	border-style:solid;
	border-color:#422B0B;
	background:#A09573;
	padding:2px;
}


/* Properties for the right sidebar internal: red scheme */
#rightnavinternal-red,#rightnavinternal-red-lyrics {
	width: 232px;
	margin-left: 4px;
	margin-right:0px;
	margin-bottom:2px;
	border-style:solid;
	border-color:#5D0F0B;
	background:#9A6A68;
	padding:2px;
}


/* Properties for the right sidebar internal: green scheme */
#rightnavinternal-green,#rightnavinternal-green-lyrics {
	width: 232px;
	margin-left: 4px;
	margin-right:0px;
	margin-bottom:2px;
	border-style:solid;
	border-color:#002400;
	background:#355C35;
	padding:2px;
}


/* Properties for the right sidebar internal: purple scheme */
#rightnavinternal-purple,#rightnavinternal-purple-lyrics {
	width: 232px;
	margin-left: 4px;
	margin-right:0px;
	margin-bottom:2px;
	border-style:solid;
	border-color:#775E9C;
	background:#B5A3CC;
	padding:2px;
}

/* Properties for image inside the header: all colours. */
#header-blue p, #header-brown p, #header-red p, #header-green p, #header-purple p {
	margin: 0;
	padding: 0px;
}



/* Properties for text inside nav bar: all colours. */
#rightnavinternal-blue p, #rightnavinternal-brown p, #rightnavinternal-red p, #rightnavinternal-green p, #rightnavinternal-purple p	{
	padding:0px;
	margin:4px;
	text-align:center;
}


/* Properties for lyrics inside nav bar: all colours. */
#rightnavinternal-blue-lyrics p, #rightnavinternal-brown-lyrics p, #rightnavinternal-red-lyrics p, #rightnavinternal-green-lyrics p, #rightnavinternal-purple-lyrics p	{
	padding:0px;
	margin:14px;
	text-align:center;
}


/* Properties for the footer:blue */
#footer-blue {
	clear:both;
	margin: 0;
	border-style:solid;
	border-color:#0B204F;
	padding: 3px;
	background:#7A84A4;
}


/* Properties for the footer:brown */
#footer-brown {
	clear:both;
	margin: 0;
	border-style:solid;
	border-color:#422B0B;
	padding: 3px;
	background:#A09573;
}


/* Properties for the footer:red */
#footer-red {
	clear:both;
	margin: 0;
	border-style:solid;
	border-color:#5D0F0B;
	padding: 3px;
	background:#9A6A68;
}

/* Properties for the footer:green */
#footer-green {
	clear:both;
	margin: 0;
	border-style:solid;
	border-color:#002400;
	padding: 3px;
	background:#355C35;
}

/* Properties for the footer:purple */
#footer-purple {
	clear:both;
	margin: 0;
	border-style:solid;
	border-color:#775E9C;
	padding: 3px;
	background:#B5A3CC;
}
/* Properties for footer text: all colours. */
#footer-blue p, #footer-brown p, #footer-red p, #footer-green p, #footer-purple p {
	margin: 0;
	padding: 5px;
	text-align:center;
}


/* Properties for text titles center: all colours */
#rightnavinternal-blue h1, #main-blue h2, #rightnavinternal-blue-lyrics h1, #rightnavinternal-brown h1, #main-brown h2, #rightnavinternal-brown-lyrics h1, #rightnavinternal-red h1, #main-red h2, #rightnavinternal-red-lyrics h1, #rightnavinternal-green h1, #main-green h2, #rightnavinternal-green-lyrics h1, #rightnavinternal-purple h1, #main-purple h2, #rightnavinternal-purple-lyrics h1 	{
	padding:0;
	margin-bottom:0;
	margin-top:10px;
	text-align:center;
	TEXT-DECORATION: underline;
	FONT-SIZE: 10pt;
}


/* Properties for text titles left: all colours */
#main-blue h1, #main-brown h1, #main-red h1, #main-green h1, #main-purple h1	{
	padding:0;
	margin-bottom:2px;
	margin-top:10px;
	text-align:left;
	TEXT-DECORATION: underline;
	FONT-SIZE: 10pt;
}


/* Properties for the fav scene block: blue scheme */
#favscene-blue {
	border-style:solid;
	border-color:#0B204F;
	background:#7A84A4;
	padding:5px;
}


/* Properties for the fav scene block: green scheme */
#favscene-green {
	border-style:solid;
	border-color:#002400;
	background:#355C35;
	padding:5px;
}


/* Properties for 2 column table: column 1 */
body * div#column1of2	{
	float:left;
	left:0px;
	height:auto;
	width:50%;
	#width:370%; /* override for Microsoft Internet Explorer browsers*/
	_width:37%; /* override for IE browsers 6.0 and older */
}

/* Properties for 2 column table: column 2 */
body * div#column2of2	{
	float:left;
	left:50%;
	height:auto;
	#left:37%;
	_left:37%;
	width:50%;
	#width:37%; /* override for Microsoft Internet Explorer browsers*/
	_width:37%; /* override for IE browsers 6.0 and older */
}



/* Properties for tables for fav scenes */
table {
	width:100%;
	#width:60%;
	_width:60%;
	padding:10px;

}

table td {
    padding: 5px;

}