/******************************************************/

/*                                                                     */

/* 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; } 

A:hover { color: lime } 

TD.light { background-color : #ffccff; }

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 {

	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; 

	font-family: 'Colonna MT'

}



.topcol{

	height: 30px; 

	background:  #ccc URL(../../../../../website/src/public_html/backgrounds/greystone.jpg) repeat-x; 

	border-top: 3px solid #ccc; 

	text-align: center 

}



.topleft {

	height: 30px;  

	background:  #ccc URL(../../../../../website/src/public_html/backgrounds/greystone.jpg) no-repeat; 

	border-top: 3px solid #ccc;

	border-left: 3px solid #ccc; 

	text-align: center 

}



.topright {

	height: 30px; 

	background:  #ccc URL(../../../../../website/src/public_html/backgrounds/greystone.jpg) no-repeat; 

	border-top: 3px solid #ccc; 

	border-right: 3px solid #666; 

	text-align: center

}



.leftcol{

	width: 30px; 

	background: #ccc  URL(../../../../../website/src/public_html/backgrounds/greystone.jpg); 

	border-left: 3px solid #ccc 

}



.rightcol{

	width: 30px; background:  #ccc URL(../../../../../website/src/public_html/backgrounds/greystone.jpg);  

	border-right: 3px solid #666 

}



.bottomcol{

	height: 5px; 

	background: URL(../../../../../website/src/public_html/backgrounds/greystone.jpg);

}



.columns { 

	background: #ccc URL(../../../../../website/src/public_html/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

}


	#memorialslidebanner{
		height: 100px;
		border-top: 1px solid #606;
		border-bottom: 1px solid #606; 
		margin: 0; margin-top: 15px; margin-bottom: 15px;
	}
	#memorialslidebanner div{
		width: 47%; height: 75%; padding: 0; margin:0; margin-top:10px; 
		float: left;
		text-align: center; zoom: 1; /* making ABSOLUTELY sure it has layout in IE */
	}