body {	
	background-color: #CCFFCC;
	color: Black;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin: 10px 10px 5px 10px;
	padding: 0px;
	font-size: 0.75em;
	text-align: center;
	}
body.cal { background-color: #FFFFFF; }
.lightgreen {background-color: #CCFFCC;} /* used for IFRAME of login box */

/* General font families for common tags */
font,th,td,p { font-family: Verdana, Arial, Helvetica, sans-serif }
a:link,a:active,a:visited { color : #005500; font-weight: bold; text-decoration: none;}
a:hover		{ text-decoration: underline; color : #CC0000; }
hr	{ height: 0px; border: solid #D1D7DC 0px; border-top-width: 1px;}

/* This is the border line & background colour round the entire page */
.bodyline	{ background-color: #FFFFFF; padding:10px; border-left: 2px #005500 solid; border-right: 2px #005500 solid; border-bottom: 2px #005500 solid; text-align: left;}

/* This is the outline round the main forum tables */
.forumline	{ background-color: #FFFFFF; border: 2px #005500 solid; }

/* DPH navigation tabs in the overall_header.tpl */
td.dph_padding { border-bottom: 2px #005500 solid; }
td.dph_link_active { background-color: #FFFFFF; border-left: 2px #005500 solid; border-right: 2px #005500 solid; border-top: 2px #005500 solid; }
td.dph_link_active a { font-family: "Trebuchet MS",Verdana, Arial, Helvetica, sans-serif; font-weight: bold; font-size: 22px; color : #CC0000; text-decoration: none; }
td.dph_link_active a:hover { text-decoration: none; color : #CC0000; }
td.dph_link_inactive { background-image: url(dph_cell_grad.gif); background-repeat: repeat-x; background-color: #CCCCCC; border-left: 1px #339933 solid; border-right: 1px #339933 solid; border-top: 1px #339933 solid; border-bottom: 2px #005500 solid; }
td.dph_link_inactive a { font-family: "Trebuchet MS",Verdana, Arial, Helvetica, sans-serif; font-weight: bold; font-size: 22px; /*color : #0000CC;*/ text-decoration: none; }
td.dph_link_inactive a:hover { background-color: #FFFFFF; text-decoration: none; color : #CC0000; }
td.dph_link_spacer { border-bottom: 2px #005500 solid; }

.calborder { border: 1px #000000 solid; }
td.calmonth { font-size : 1.2em; background-color: #EFEFEF; text-align: center; }
td.calmonthwk { background-color: #EFEFEF; border-right: 1px #000000 solid; text-align: center; }
td.calday { background-color: #EFEFEF; border-bottom: 1px #000000 solid; text-align: center; }
td.caldaywk { background-color: #EFEFEF; border-bottom: 1px #000000 solid; border-right: 1px #000000 solid; text-align: center; }
td.calwk { text-align: center; border-top: 1px #EFEFEF solid; border-bottom: 1px #EFEFEF solid; border-left: 1px #EFEFEF solid; border-right: 1px #000000 solid; background-color: #EFEFEF; }
td.calbday { font-size : 0.8em; text-align: center; background-color: #EFEFEF; }
td.divider { background-color: #005500; padding-top: 0px; padding-bottom: 0px; }
td.cal { text-align: center; border: 1px #FFFFFF solid; }
td.calme { text-align: center; border: 1px #CC0000 solid; }
td.calfamily { text-align: center; border: 1px #0000AA solid; }
td.caldph { text-align: center; border: 1px #009900 solid; }

.nowrap { white-space: nowrap; }

.botleftfullwidth
{
    width: 100%;
    text-align: left;
    vertical-align: bottom;
}

/* Main table cell colours and backgrounds */

/*
  This is for the table cell above the Topics, Post & Last posts on the index.php page
  By default this is the fading out gradiated silver background.
  However, you could replace this with a bitmap specific for each forum
*/
td.rowpic {
		background-color: #EFEFEF;
		background-image: url(cellpic1.gif);
}

th	{
	color: #CCFFCC; font-size: 1em; font-weight : bold;
	background-color: #005500; 
	background-image: url(cellpic3.gif);
}

td.loginbox {
	color: #CCFFCC; font-size: 12px;
	background-color: #005500;
	background-image: url(cellpic3.gif);
}

/* Copyright and bottom info */
.copyright		{ font-size: 0.8em; font-family: Verdana, Arial, Helvetica, sans-serif; color: #444444;}

/* Form elements */
input,textarea, select {
	color : #000000;
	font: normal 11px Verdana, Arial, Helvetica, sans-serif;
	border-width: 1px;
	border-color : #000000;
}
/* The text input fields background colour */
input.post, textarea.post, select {
	background-color : #FFFFFF;
}

input { text-indent : 2px; }

/* The buttons used for bbCode styling in message post */
input.button {
	background-color : #EFEFEF;
	color : #000000;
	font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif;
}

form.inline { 
	display: inline;
}
  
/* The main submit button option */
input.mainoption {
	background-color : #EEFFEE; /* was FAFAFA */
	font-weight : bold;
}

/* Non-bold submit button */
input.liteoption {
	background-color : #EEFFEE; /* was FAFAFA */
	font-weight: normal;
	font-style: italic;
}

/* Non-bold submit button */
input.liteoption5 {
	background-color : #EEFFEE; /* was FAFAFA */
	font-weight: normal;
	font-style: italic;
	width: 5em;
}

/* div style for tab mouseover effects */
.tabover {
	position: absolute;
	top: 50px;
	left: 154px;
	padding: 0px 0px 0px 0px;
	visibility: hidden;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 12px;
	color: #005500;
	white-space: nowrap;
}

img {
	border: 0px;
	}
h1 {
	border: 0px;
	margin: 0px;
	padding: 0px 0px 0px 20px;
	color: #225522;
	font-size: 36px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	}
h2 {
	border: 0px;
	margin: 0em 0em 0.5em 0em;
	padding: 0px;
	font-size: 2em;
	text-align: center;
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	}
h2.rj {
	border: 0px;
	margin: 0em 0em 0.5em 0em;
	padding: 0px;
	font-size: 2em;
	text-align: right;
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	}
h3 {
	border: 0px;
	margin: 0em 0em 0.5em 0em;
	padding: 0px;
	font-size: 1.5em;
	text-align: left;
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	}
h4 {
	border: 0px;
	margin: 0em 0em 0.5em 0em;
	padding: 0px;
	font-size: 1.2em;
	font-weight: bold;
	text-align: left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	}
p {
	border: 0px;
	margin: 0em 0em 0.5em 0em;
	padding: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	}
ol {
	list-style-type: decimal;	
	list-style-position: outside;
	border: 0px;
	margin: 0em 0em 0.5em 0em;
	padding: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	}
ul {	
	list-style-type: disc;	
	list-style-position: outside;
	border: 0px;
	margin: 0em 0em 0.5em 0em;
	padding: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	}
li 
	{
	margin: 0em 0em 0.2em 4em;
	border: 0px;
	padding: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	}
.reminderindent
	{
	margin: 0em 0em 0.2em 20px;
	}
.smalltext {font-size: 0.8em;}
.footer {	
	font-size: 0.8em;
	margin: 0em 0em 0.5em 0em;
	}
.box {
	margin: 0em 0em 0.5em 0em;
	padding: 10px;
	background-color: #DEE3E7;
	border: 0px;
	}
.monospace {
	font-family: "Courier New", Courier, mono, serif;
	}
.question {
	font-style: italic;
	margin: 0em 0em 0.5em 0em;
	}
.answer {
	margin: 0em 0em 0.5em 4em;
	}
table.cmstable {
	margin-bottom: 0.5em;
	}
th.cmstabletitle {
	text-align: center;
	}
p.cmstabletitle {
	font-size: 1.5em;
	font-weight: bold;
	margin: 0px;
	}
th.cmstableheader {
	text-align: center;
	}
p.cmstableheader {
	font-weight: bold;
	margin: 0px;
	}
td.cmstablesubtitle {
	text-align: left;
	}
p.cmstablesubtitle {
	font-size: 1.2em;
	margin: 0px;
	}
td.cmstablenormal1 {
	text-align: left;
	}
td.cmstablenormal {
	text-align: center;
	}
p.cmstablenormal {
	margin: 0px;
	}
	
input, textarea, file {
	font-size: 1em;
	padding-left: 2px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	}

select {
	font-size: 1em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	}

.red {color: #CC0000;}
.normal {}

.tooltip {border-bottom-style: dashed; border-bottom-color: #3300CC; border-bottom-width: 1px; color: #3300CC; cursor: help;}

.right {text-align: right;}

.me {background-color: #DEE3E7; margin: 0px; padding: 4px; border: 0px;}
.family {background-color: #FFE8E8; margin: 0px; padding: 4px; border: 0px;}
.chum {background-color:  #FFFFE0; margin: 0px; padding: 4px; border: 0px;}
.non {background-color: #EFEFEF; margin: 0px; padding: 4px; border: 0px;}
.member {background-color: #E0FFFF; margin: 0px; padding: 4px; border: 0px;}

.row1	{ background-color: #EFEFEF; }
.row2	{ background-color: #DEE3E7; }
.row3	{ background-color: #BBBBBB; font-weight: bold;}
.rowred { background-color: #FF9999; }
.highlight  { background-color: #FFFF99; }
.fwrow1 {width: 21em; background-color: #EFEFEF;}
.fnrow1 {width: 10em; background-color: #EFEFEF;}
.fmrow1 {width: 6em; background-color: #EFEFEF; text-align: right;}
.fwrow2 {width: 21em; background-color: #DEE3E7;}
.fnrow2 {width: 10em; background-color: #DEE3E7;}
.ewrow1 {width: 32em; background-color: #EFEFEF;}
.ewrow1small {width: 40em; background-color: #EFEFEF; font-size: 0.8em;}
.mwrow2small {width: 60em; background-color: #DEE3E7; font-size: 0.8em;}
.mwrow2 {width: 48em; background-color: #DEE3E7;}
.enrow1 {width: 12em; background-color: #EFEFEF;}
.ewrow2 {width: 32em; background-color: #DEE3E7;}
.enrow2 {width: 12em; background-color: #DEE3E7;}
.text3emnorm {width: 3em; }
.text3em {width: 3em; font-size: 0.8em; vertical-align:top;}
.text14em {width: 14em; font-size: 0.8em; vertical-align:top;}

p.gallery {
	border: 0px;
	margin: 0px;
	line-height: 1.5em;
	padding: 0px;
	font-size: 1.5em;
	font-weight: bold;
	text-align: center;
	}

p.error {
	color: #FF0000;
	text-align: center;
	font-size: 1.2em;
	font-weight: bold;
	}

/* the next three are used in the javascript code on editpicture.aspx */
.inpic {
	text-decoration: none;
	font-weight: bold;
	color:	#AAAAAA;
	cursor: pointer;
	}	
.notinpic
	{
	text-decoration: none;
	font-weight: bold;
	color:	#005500;
	cursor: pointer;
	}
.picover {
	text-decoration: underline;
	font-weight: bold;
	color:	#CC0000;
	cursor: pointer;
	}
	
.widebox {
	width: 35em;
	font-size: 1.5em;
	font-weight: bold;
	}