******************************************************/
/*                                                                     */
/* RoadPeace UK CSS                                    */
/* Author: Dr. Alan Moran                               */
/* Date: 25-Feb-03                                          */
/* Version: 2.0                                                */
/*                                                                     */
/* Notes:                                                         */
/* Functional requirement for browser compatibility */
/* with NN4.0+ and IE4.0+ using only core CSS1.0    */
/*                                                    */
/*                                                    */
/******************************************************/





/* Test environment banner */

TD.test { background-color : #000000; color : #ffffff; text-align : center; font-weight : bold;}	

/* Public site classes */

/* bgcolor must be applied to BODY for NN */
BODY { background-color : #ffffff ; color : #333333; font-size:12px; font-family : Verdana, Arial, helvetica, sans-serif; }
H1 { font-size:18px; }
H2 { font-size:16px;}
H3 { font-size:14px;}
H4 { font-size:12px;}
PRE { font-family: monospace; }
TD { font-size:12px;	font-family : Verdana, Arial, helvetica, sans-serif; }

SPAN.header { font-size:16px; font-weight:bold; color:#660066; }
SPAN.small { font-size:10px; color:#660066; }
A { color:#660099; text-decoration:underline; }
TD.light { background-color : #cc99cc; }
TH.menu { background-color : #660066; color : #ffffff; font-weight : bold; font-size : 12px; }



/* Administration Section classes */

SPAN.smallAdmin { font-size : 10px; color : #006699; } 
SPAN.headerAdmin { font-size : 16px; font-weight : bold; color : #006699; } 
.tableTitle { background-color : #336699; color : #ffffff; font-weight : bold; font-size : 12px; }
A.adminLink { color : #006699; text-decoration : underline; } 
.tableHdr { background-color : #006699; color : #ffffff; font-weight : bold; font-size : 12px; }
A.adminMenuLink { color : #FFFFFF; text-decoration : none; font-weight : bold; font-size : 12px;}
.evenRow { background-color : #DDDDDD; font-size : 12px; }
.oddRow { background-color : #EEEEEE; font-size : 12px; }
.trailerAdmin { color : #006699; text-align : center; font-size : 10px; }
.noteBox { background-color : #EEEEEE; font-size : 10px; }









//A.white { color : #ffffff; text-decoration : none; font-weight : bold; } 

// to replace TH.menu in the admin screens
//TH.adminMenu { background-color : #336699; color : #ffffff; font-weight : bold; font-size : 12px; text-align : center;}



//A.edit { color : #006699; text-decoration : underline; }












/* Specific element characteristics */

TD.menu { background-color : #ffffff; color : #000000; text-align : center; font-weight : bold; font-size : 10px; }
TH.black { color:#ffffff; background-color:#000000; }
TD.lg { background-color:#cccccc; }
TD.dg { background-color:#999999;}

TD.yellow { 	background-color : yellow; color : #000000; text-align : center; font-weight : bold; font-size : 10px; }
TD.green { background-color : green; color : #000000; text-align : center; font-weight : bold; font-size : 10px; }
TD.red { background-color : red; color : #000000; text-align : center; font-weight : bold; font-size : 10px; }
DT { font-weight : bold; }

INPUT, SELECT, TEXTAREA {
	background-color : #ffffff;
	color :  #000000;
	font-weight : bold;
	font-size : 12px;
}

INPUT.submit {
	font-weight : bold;
	font-size : 12px;
}

INPUT.browse {
	font-weight : bold;
	font-size : 12px;
}

INPUT.file {
	font-weight : bold;
	font-size : 12px;
}

SPAN.footer {
	background-color : #ff9933;
	color : #ffffff;
	font-size : 12px;
        width : 100%;
        padding : 0.25em;
	border : none;
        text-align : center;
}

/* permits menu like behaviour unless a local instyle determines o/w */




A.white {
	color:#ffffff;
	text-decoration:none;
	font-weight:bold;
}

A.black {
	color:#000000;
	text-decoration:underline;
}


/* Element independent classes */

.point {
	font-family : Arial; 
	font-weight : bold;
	font-size : 12px;	
	color : #660066;
}


.dark {
	background-color : #330033;
}

.green {
	font-weight:bold;
	color : green;
}

.yellow {
	font-weight:bold;
	color : yellow;
}

.red {
	font-weight:bold;
	color : red;
}

	


.banner {
	font-size : 12px;
	font-weight : bold; 
	color : #ffffff; 
} 



.border {
	border: thin black solid;
	background-color : #ffffff;
}

.trailer {
	color:#660099;	
	text-align:center;
	font-size:12px;
}

/* QA/TEST Env Styles */

.qalight {
	background-color : #cccccc;
}

.qadark {
	background-color : #999999;
}

/* Memorial Site styles */

.here {
	background-color:#660066;
	color:#ffffff;
	text-decoration:underline;
}

/* Memorial Site */


.memory {
	color: #444; 
	letter-spacing: .7em; 
	font-size: 120%; 
	width: 100%; 
	text-align: center; 
}

/* .topcol{
	height: 30px; 
	background:  #ccc URL(backgrounds/greystone.jpg) repeat-x; 
	border-top: 3px solid #ccc; 
	text-align: center 
}

.topleft {
	height: 30px;  
	background:  #ccc URL(backgrounds/greystone.jpg) no-repeat; 
	border-top: 3px solid #ccc;
	border-left: 3px solid #ccc; 
	text-align: center 
}

.topright {
	height: 30px; 
	background:  #ccc URL(backgrounds/greystone.jpg) no-repeat; 
	border-top: 3px solid #ccc; 
	border-right: 3px solid #666; 
	text-align: center
}

.leftcol{
	width: 30px; 
	background: #ccc  URL(backgrounds/greystone.jpg); 
	border-left: 3px solid #ccc 
}

.rightcol{
	width: 30px; background:  #ccc URL(backgrounds/greystone.jpg);  
	border-right: 3px solid #666 
}

.bottomcol{
	height: 5px; 
	background: URL(backgrounds/greystone.jpg);
}

.columns { 
	background: #ccc URL(backgrounds/grey_sand_stone.gif);  
	text-align: center; 
	margin: 0px; 
	padding-left: 0px; 
	padding-right: 0px; 
	font-size: 140%; 
}
 */
.rememberer{
	font-size: 75%; 
	text-align: right; 
	font-family: cursive
}

.details{
	font-size: 75%; 
	text-align: justify; 
	font-family: sans-serif
}
table.anniversary{border-width: 0px;}
.anniversary td{ /* styles for the anniversary section of the memorials index page */
	border-width: 1px;
	border-style: solid;
	border-color: #660066;
	margin: 5px;
	margin-top: 0px;
}
.anniversary td *{margin: 5px;}
.anniversary th, .whiteonpurple{
	background: #606;
	color: #fff;
	margin: 0px;
	padding: 3px;
}
.memorial{
	width: 80%;
	text-align: justify;
	margin-top: 10px;
	padding-bottom: 10px;

}

.tribute{
	padding-bottom: 15px;
	margin-bottom: 15px;
	border-bottom: 1px solid #606;
	clear: both;
}

 .tributesignature{
	font-weight: bold;
	display: block;
 	float: left;
	padding-right: 30px;
	margin-top: 0px;
	padding-top: 0px;
	width: 35%;
	text-align: right;
	font-family: Arial, Verdana, sans-serif;
	background: #fff;
}

.memorialsignature{
	font-size: 75%;
	padding: 15px;
	text-align: right;
	font-family: Arial, Verdana, sans-serif;
	
}
.memorialextradetails{
	text-align: justify;
	font-size: 75%;
	padding-top: 10px;
	border-top: 1px solid #606;

}

.memorialtools{
	text-align: center;
	font-weight: bold;
}
h2{
	text-align: center;
	margin-top: 15px;
}
.memorialtools form {display: inline}

/* CODE BELOW from new site */
body {
    margin: 0;
    padding: 0;
    background: #ECE0E7;
    color: #333;
    font-size: 76%;
    font-family: verdana, arial, helvetica, sans-serif;
}
.spacer {
    display: block;
	clear: both;
    height: 12px;
    margin: 0;
	padding: 0;
	border: 0;
    background: transparent;
    font-size: 2px; /* BECAUSE IE IS TOO STUPID TO TAKE A SIMPLE HEIGHT COMMAND */
}

.spacer.top {
    display: block;
	clear: both;
    height: 12px;
    margin: 0;
	padding: 0;
	border: 0;
    background: #fff url("/_templates/basic032/images/top_rp.gif") top left repeat;
    font-size: 2px; /* BECAUSE IE IS TOO STUPID TO TAKE A SIMPLE HEIGHT COMMAND */
}

.spacer.bot {
    display: block;
	clear: both;
    height: 12px;
    margin: 0;
	padding: 0;
	border: 0;
    background: #fff url("/_templates/basic032/images/bot_rp.gif") top left repeat;
    font-size: 2px; /* BECAUSE IE IS TOO STUPID TO TAKE A SIMPLE HEIGHT COMMAND */
}

#menutop .spacer.top, #menubottom .spacer.top {
    display: block;
	clear: both;
    height: 4px;
    width: 756px;
    margin: 0;
	padding: 0;
	border: 0;
    background: transparent url("/_templates/basic032/images/top_menu_rp.gif") top left no-repeat;
    font-size: 2px; /* BECAUSE IE IS TOO STUPID TO TAKE A SIMPLE HEIGHT COMMAND */
}

#menutop .spacer.bot, #menubottom .spacer.bot {
    display: block;
	clear: both;
    height: 4px;
    width: 756px;
    margin: 0;
	padding: 0;
	border: 0;
    background: transparent url("/_templates/basic032/images/bot_menu_rp.gif") bottom left no-repeat;
    font-size: 2px; /* BECAUSE IE IS TOO STUPID TO TAKE A SIMPLE HEIGHT COMMAND */
}

/* END - COMMON ELEMENTS ******************************************************/

/* START - LAYOUT ELEMENTS ******************************************************/

#cdiv	{
    margin: 0;
    padding: 0;
    width: 100%;
    background: transparent;
}

#layout	{
    margin: 0 auto;
    padding: 0;
    width: 780px;
    background: #fff;
}
/* START ROW - HEADER */

#header {
    width: 780px;
    height: 60px;
    margin: 0;
    background: transparent;
}

#logo {
    display: inline; /* IE BUG FIX - FIRST FLOAT DOUBLE MARGIN */
    float: left;
    width: 75px;
    height: 60px;    
    margin: 0 0 0 21px;
    border: 0;
    padding: 0;
    background: transparent;
}

#banner {
    display: inline;
    float: left;
    width: 468px;
    height: 60px;
    margin: 0 0 0 12px;
    border: 0;
    padding: 0;
    background: transparent;
}

#searchbox {
    display: inline;
    float: left;
    width: 180px;
    height: 60px;
    margin: 0 0 0 12px;
    border: 0;
    padding: 0;
    background: transparent;
}

#globalnav {
    display: inline;
    float: left;
    width: 84px;
    height: 60px;
    margin: 0 0 0 12px;
    border: 0;
    padding: 0;
    background: transparent;
}

/* START ROW - MENU - TOP */

#menutop {
    display: inline;
    float: left;
    width: 780px;
    margin: 0;
    border: 0;
    padding: 0;
    background: transparent;
}

#menutop .bar { /* TO KEEP OPERA HAPPY WITH THE NEGATIVE MARGIN */
    display: inline;
    float: left;
    margin: 0 0 0 12px;
    background: #693369;
    color: #333;
}

#menutop ul {
    display: inline;
    float: left;
    width: 768px; /* TO STOP OPERA MAKING THE LIST VERTICAL */
    margin: 0 0 0 -12px;
    border: 0;
    padding: 0;
    list-style-type: none;
    background: transparent;
}

#menutop ul li {
    display: block;
    float: left;
    margin: 0 0 0 12px;
    border: 0;
    padding: 0;
    background: transparent;
}

#menutop ul li a {
    display: block;
/*    width: 84px; */
    margin: 0 0 0 12px;
    border: 0;
    padding: 1px 0;
    background: transparent;
    color: #fff;
    text-align: center;
    text-decoration: none;
    font-weight: bold;
}

#menutop ul li a:link,
#menutop ul li a:visited {
    background: transparent;
    color: #fff;
    text-decoration: none;
}

#menutop ul li a:hover,
#menutop ul li a:active,
#menutop ul li a:focus {
    background: transparent;
    color: #FBB63E;
    text-decoration: none;
}

#menutop ul li a:link.ancestor,
#menutop ul li a:visited.ancestor {
    background: transparent;
    color: #FBB63E;
    text-decoration: none;
}

#menutop ul li a:hover.ancestor,
#menutop ul li a:active.ancestor,
#menutop ul li a:focus.ancestor {
    background: transparent;
    color: #FBB63E;
    text-decoration: none;
}

/* END ROW - MENU - TOP */

/* START ROW - SEARCH - TOP */

#searchbar {
    display: inline;
    float: left;
    width: 780px;
    margin: 0;
    border: 0;
    padding: 0;
    background: transparent;
}

#searchbar {
    display: inline;
    float: left;
    margin: 0 0 0 12px;
    background: transparent;
    color: #333;
}

/* END ROW - SEARCH - TOP */