﻿/* General Styles */
body
{
background-color: #FFFFFF;
text-align: center;
}

h1 
{
font-family: "Copperplate Gothic Light", fixed, serif;
font-size: 18pt; 
font-weight: normal; 
color: #004080;
text-align: center
}

h2 
{
font-family: "Courier New", fixed, serif; 
font-size: large; 
font-weight: normal;
color: #BA8800;
text-align: center;
}

p 
{
font-family: "Arial Unicode MS", fixed, serif;
font-size: 9pt;
color: #004080;
}

td
{
font-family: "Arial Unicode MS", fixed, serif;
font-size: 9pt; 
color: #004080;
}

a
{
color: #0077BB;
}

img
{
border-width: 0;
}

/* Styles for classes */
.allcontent /* A wrapper to centre all content */
{
	position: relative;
	width: 800px;
	margin: 0 auto;	
	text-align: left;
}

.textbox
{
	width: 98%;
	border: solid 1px Gray;
}

.button
{
	background-color: #FFFFFF;
	border: solid 2px Gray;	
	width: 100px; 
	color: #004080;
	margin: 3px;
}

.topnavbar /* For positioning the navigator bar */
{
	width: 100%;	
}

.topnavtable /* The table that the navigator control creates */
{
	width: 100%;
}

.topnavcell /* A cell in the navigator bar control */
{
	border-width: 3pt;
	border-color: Gray;	
	border-style: solid;
	padding: 0;	
}

.title /* The main and sub titles */
{
	position: relative;
	top: 50px;
	width: 100%;	
}

.columns
{
	position: relative;
	top: 100px;
}

.text1
{
	vertical-align: top;
}

.news
{
	
	vertical-align: top;
	width: 50%;	
	border-color: #3377AA;	
	border-style: solid;
	margin: 3px;
	padding: 3px;
}

.songs
{
	width: 60%;
	vertical-align: top;
	border-color: #CCDDFF;
	border-style: solid;
	margin: 3px;
	padding: 3px;	
}

.commentrecorder
{
	vertical-align: top;
	width: 70%;	
	border-color: #3377AA;	
	border-style: solid;
	margin: 3px;
	padding: 3px;
}

.songpicturecell /* The SongsLister control puts pictures in this cell */
{
	border-width: 3pt;
	border-color: #3377AA;	
	border-style: solid;
	padding: 0;	
}

.songtitlecell
{	
	background-color: #DDDDDD;
	padding: 2px;
}

.songfeedbackcell
{
	background-color: #DDDDDD;
	padding: 2px;
}

.songdurationcell
{	
	background-color: #DDDDDD;
	padding: 2px;
}

.songdescriptioncell
{
	vertical-align: top;
}

.songlinkscell
{
	background-color: #F8F8F8;
}

.songlink
{
	color: #77BBFF;
}

.bottomnavbar
{
	position: relative;
	top: 150px;
	width: 100%;
}

.newstitlerow /* The NewsStoriesLister uses this class */
{
	background-color: #EEEEEE;
}

.feedbackcontrol /* The CommentRecorder control uses this class */
{
	width : 100%;
}