.fields, table.fields th { padding:0px; padding-right:5px; border-collapse:collapse; }
.fields { font-size:11px; }
.fields th { text-align:right;}

.highlight { background-color: yellow; }
body {
	font-family: Verdana,Arial;
	margin:0px;	
	padding:5px;
	font-size:13px;
}
#pageBody { background-color: #660066; }
.requiredField { background-color:pink; }
.messageSent {
	padding:10px;
	background-color: #FFFFCC;
	border: 1px solid silver;
}
body.simple {
	background-color: #FFFFFF;
	margin:1em;
	padding:0px;
}
.center {
	margin-left:auto;
	margin-right:auto;
	text-align:center;
}
img { border-width:0px; }
#page, #header, #nav {
	width: 760px;
	margin-left:auto;
	margin-right:auto;
}
#header {
	background-color:white;
	padding-top:0.3em;
	padding-bottom:0.3em;
}
.floatRight {
	float:right;
	padding-left:10px;
	padding-bottom:10px;
}
.floatLeft {
	float:left;
	padding-right:10px;
	padding-bottom:10px;
}
#page {
	text-align:left;
	border-width:1px;
	border-color:black;
	border-style:solid;
	background-color:white;
}
#body {
	padding:1em;
	margin-top:0px;
}
#footer, #footer a {
	font-size: 10px;
	text-align:center;
}
h1 {
	font-weight:bold;
	font-size:18px;
	margin-top:0px;
}
h1.float { float:left; }

p, table { clear: left; }
h2 {
	font-size:14px;margin-top:0px;margin-bottom:10px;
}

h3 { font-size:12px; font-style:italic; }

.soundBox {
	background-color: #CC99FF;
	font-size: 90%;
	padding:5px;
	border-style:solid;
	border-width:1px;
	border-color:black;
	width:190px;
	text-align:center;
	float:right;
}
.songList {
	font-size:13px;
}
a:visited, a:link { text-decoration:none; }
a:hover, a:active { text-decoration:underline; }
.centreBox {
	text-align:center;
	font-size: 70%;
	font-style:italic;
}
.sideBoxLeft {
	text-align:left;
	float:left;
	padding-right:10px;
	font-size: 70%;
	font-style:italic;
	padding-bottom:10px;
}
.sideBox {
	text-align:right;
	float:right;
	padding-left:10px;
	font-size: 70%;
	font-style:italic;
	padding-bottom:10px;
}
#menu {
	height:21px;
	font-size:14px;
	background-color:#996600;
}

#menu ul {
	list-style: none;
	margin: 0;
	padding: 0;
	padding-left:10px;
	padding-right:10px;
	width:170px;
	float:left;
}

#menu a {
	display: block;
	margin: 0;
	padding: 2px 3px;
}

#menu .top {
	color: #fff;
}
#menu a {
	color: white;
	text-decoration: none;
}

#menu a:hover {
	color:black;
	background-color:#FFCC00;
}

#menu li {position: relative;}

#menu ul ul {
	position: absolute;
	z-index: 500;
	background-color:#663300;
	padding-right:1em;
}

#menu ul ul ul {
	position: absolute;
	top: 0;
	left: 100%;
}
div#menu ul ul,
div#menu ul li:hover ul ul,
div#menu ul ul li:hover ul ul
{display: none;}

div#menu ul li:hover ul,
div#menu ul ul li:hover ul,
div#menu ul ul ul li:hover ul
{display: block;}

.messageBox {
	background-color: green;
	padding:10px;
	margin-bottom:1em;
	color:white;
	clear:both;
}
.errorBox {
	background-color: red;
	padding:10px;
	margin-bottom:1em;
	color:white;
	clear:both;
}


#footerUtility {
	clear:both;margin-left:auto;margin-right:auto;margin-bottom:1em;text-align:center;margin-top:1em;
	font-size:12px;
}
#footerUtility a,#footerUtility a:link,#footerUtility a:visited  { 
	margin-right: 10px; color:black; text-decoration:none;
}
#footerUtility a:hover { text-decoration:underline; }
#footerUtility { width:auto; }
#footerUtility td { padding-left:5px;margin-right:5px; }


/* ECARDS */
#ecardSend { clear:both;border:1px solid cyan;background-color:#CCFFFF;padding:10px; }
.ecard { margin-top:1em; }
.ecard tr { vertical-align:top; }
.ecard h2 { margin-top:0px; }
#ecardChristmas { font-family: Monotype Corsiva,Verdana; font-size:20px; }
#ecardChristmas img { margin-right:10px; }
#ecardChristmas h2 { color:green; font-size:18px; margin-top:0px; margin-bottom:0em;}
#ecardChristmas p { margin-bottom:0.6em; margin-top:0px;}
#ecardChristmas .text { margin-bottom:1em; }
#ecardChristmas .text p { font-weight:bold;clear:none;color:red;}

.box { padding:5px; border: 1px solid gray; background-color: #99CCFF; }

.sidePanel {
	padding:5px;
	margin-bottom:10px;
	font-size:11px;
	border:1px dotted gray;
}


/* LAYOUT TABLES */
table { padding:0px; margin:0px;margin-bottom:1em;  }
table.layout, table.pageColumns { width:100%; margin-bottom:0px; }
table.centrefit {  margin-left:auto; margin-right:auto; }
table.layout tr, table.centrefit tr, table.layout td, table.centrefit td  { vertical-align:top; }
table.layout tr td, table.centrefit tr td { padding-right: 10px; }
table.fixed2 td { width: 50%; }
table.fixed2 td td { width: 0%; }
table.fixed3 td { width: 33%; }

p { margin-top: 0px; margin-bottom: 1em; }

/* DATA TABLE */
table.data { border-collapse: collapse; text-align:center; margin-left:auto; margin-right:auto; margin-bottom:1em; }
table.data th { background-color: #B81111; color: white; border: 1px solid silver;}
table.data td { border: 1px solid silver;background-color:#FFFFCC;border-collapse: collapse; }
table.data tr.zebra td { background-color:#E4E4A5; }
table.data td, table.data th { padding: 2px; padding-left:5px; padding-right:5px;}
table.data th a, table.data th a:visited, table.data th a:link, table.data th a:active { color:white; }
table.left, table.left td, table.left th, table.left tr { text-align:left; }