/*
includes/Illabunda.css - [C] mickeywebdesign.com -

Version for MWD/Illabunda

EditLog:
28Dec09: Added class div.email
*/

body	{
	background-image: url('../images/IllabundaSnowflake.bmp');
	background-repeat: repeat ;
	}

/*	Defines the header items of flag, main title, url & contact details	*/
div.flag {
	position: absolute ;
	top: 10px ;
	left: 10px ;
	}
div.flag img 	{
	border-style: solid ;
	border-width: 1px;
	border-color: black ;
	}
div.headerwhite	{
	position: absolute;
	z-index: 1;
	top: 10px ;
	left: 275px;
	background: none;
	font: 36pt Arial Black;
	font-weight: bold;
	color: darkred;
	line-height: 80%;
	letter-spacing: -2px ;
	}

div.headerblue	{
	position: absolute;
	z-index: 2;
	top: 8px ;
	left: 273px;
	background: none;
	font: 36pt Arial Black;
	font-weight: bold;
	color: navy;
	line-height: 80%;
	letter-spacing: -2px ;
	}

div.HeaderURL	{
	position: absolute;
	top: 90px ;
	left: 273px;
	background: none;
	font: 11pt Arial Black;
	color: navy;
	}

div.HeaderAddress	{
	float: right;
	font: 11pt Arial Black;
	line-height: 90% ;
	text-align: right;
	letter-spacing: -1px ;
	color: navy;
	}

/*	Positions the top horizontal photo & the simple menu	*/
div.horislice   {
	position: absolute;
	top : 125px ;
	left: 10px ;
	background: none;
	margin-left: 10px ;
	}

img.horislice {
	border-style: solid ;
	border-color: black ;
	border-width: 1px ;
	border-style: solid ;
	border-color: black ;
	border-width: 1px ;
	}

div.horislice img {
	border-style: solid ;
	border-color: black ;
	border-width: 1px ;
	}

div.horislice a	{
	font: 12px Arial, Helvetica, sans-serif;
	color: white ;
	background: firebrick ;
	padding-left: 3px ;
	padding-right: 3px ;
	}

div.horislice a:visited {
	color: silver ;
	background: firebrick
	}

div.horislice a:hover {
	color: firebrick ;
	background: yellow ;
	}


/*	Positions & formats the main content below header items 	*/
div.bulk {
	position: absolute;
	top: 300px ;
	left: 10px ;
	}
a.bulk	{
	font: 10pt Arial, Helvetica, sans-serif;
	color: #000066 ;
	}

a.bulk:hover	{
	font: 10pt Arial, Helvetica, sans-serif;
	color: red ;
	}

/*	FloatRight, most variable content goes in here	*/
div.floatright	{
	float: clear ;
	margin-left: 210px ;
	}

/*	Undivisioned text formats	*/
h1 	{
	font: 48pt Arial Black, Arial, Helvetica, sans-serif;
	font-weight: bolder;
	color: #000066;
	line-height: 80%;
	letter-spacing: -0.3em ;
	}
h2 	{
	font: 24pt Arial Black, Arial, Helvetica, sans-serif;
	font-weight: bolder;
	color: #000066;
	line-height: 80%;
	letter-spacing: -0.1em ;
	}
h3	{
	font: 12pt Arial Black, Arial, Helvetica, sans-serif;
	color: #000066 ;
	line-height: 80% ;
	text-align: center ;
	margin-bottom: 5px ;
	margin-left: 10px ;
	}
h4	{
	font: 12pt Arial Black, Arial, Helvetica, sans-serif;
	color: #000066 ;
	line-height: 80% ;
	text-align: left ;
	margin-bottom: 0px ;		
	letter-spacing: -0.1em ;
	}
h5	{
	font: 12pt Arial Black, Arial, Helvetica, sans-serif;
	color: #000066 ;
	line-height: 90% ;
	text-align: right ;
	letter-spacing: -0.1em ;
	}
h6	{
	font: 10pt Arial Black, Arial, Helvetica, sans-serif;
	color: #000066 ;
	text-align: left ;
	}
p	{
	font: 10pt Arial, Helvetica, sans-serif;
	color: #000066 ;
	padding-left: 10px ;
	}
ul	{
	list-style-image: url("images/SnowDot.gif") ;
	}

li	{
	font: 10pt Arial, Helvetica, sans-serif;
	color: #000066 ;
	}

/*	RedMenu (used in MWD-Database */
p.redmenu	{
		font: 10pt Arial, Helvetica, sans-serif;
		color: white ;
	}

table.redmenu	{
		background-color: #C30 ;
		border-collapse: collapse ;
		border-style: solid ;
		border-color: white ;
		border-width: 1px ;
	}

td.redmenu	{
		border-style: solid ;
		border-color: white ;
		border-width: 1px ;
		width: 11% ;
	}

a.redmenu	{
		font: 10pt Arial Narrow, Helvetica, sans-serif;
		color: white ;
	}

a.redmenu:hover	{
		font: 10pt Arial Narrow, Helvetica, sans-serif;
		color: yellow ;
	}

/*	Email Icon used to call Problems.php	*/
a.image:hover	{
		background: blue ;
	}

tr.redmenu	{
		text-align: center	;
	}

td.redmenu	{
		border-style: solid ;
		border-color: white ;
		border-width: 1px ;
	}
/* End Redmenu	*/

/*	Formats in Credits area		*/
.credits {
	font: 8pt Arial Narrow, Helvetica, sans-serif;
	text-align: right ;
	}	
p.credits {
	color: black ;
	}
a.credits {
	color: blue ;
	}
a.credits:hover	{
	color: white ;
	background: blue ;
	}
p.author {
	font: 12pt Times New Roman, Times, serif;
	font-weight: bolder ;
	color: black ;
	text-align: left ;
	}

/*	Tables of Numerical Data	*/

/* Relates only to tables in Booking Applications */
tr	{
	font: 10pt Arial, Helvetica, sans-serif;
	}

table.datatable	{
		width: 90% ;
		background-color: navy ;
		border-collapse: collapse ;
		border: thin solid white ;
		}
	
tr.datatable	{
		font: 10pt Arial, Helvetica, sans-serif;
		color:white ;
		text-align: center ;
		border: thin solid silver ;
		}

tr.datatableY	{
		font: 10pt Arial, Helvetica, sans-serif;
		color:yellow ;
		text-align: center ;
		border: thin solid silver ;
		}

tr.datatable td, tr.datatable th {
		border: 1px dashed silver ;		
		}
p.datatable {
	font: 10pt Arial, Helvetica, sans-serif;
	color:white ;
	text-align: center ;
	}


/*	Photogallery styling	*/
table.photogal	{
	border: thin solid white ;
	margin: 10px ;
	width: 650px ;
	background: #FF9900 ;
	}
table.photogal td {
	font: 12pt Arial Black, Arial, Helvetica, sans-serif;
	color: #000066 ;
	text-align: center ;
	padding-left: 10px ;
	}
table.photogal td::first-letter	{
	font-size: 150% ;
	}


/*	Textbox styling	*/
div.textbox	{
	background-color: #FFCC99 ;
	border-style: solid ;
	border-color: rosybrown ;
	border-width: 2px ;
	margin: 10px ;
	padding: 10px ;
	}

div.email {
	text-align: left ;
	width: 800px ;
	border-style: inset ;
	border-width: 3px ;
	background-color: ivory ;
	padding: 10px ;
	margin: 5px ;	
}

div.email p {font: 10pt Courier New;}

/*	Business Card styling 	*/
div.buscard	{
	text-align: center ;
	width: 400px ;
	border-style: inset ;
	border-width: 3px ;
	background-color: ivory ;
	padding: 10px ;
	margin: 5px ;
	}
p.buscard 	{
	font: 10pt Arial, Helvetica, sans-serif;
	font-style: italic ;
	}

div.buscard a	{
	font: 10pt Arial, Helvetica, sans-serif;
	color: navy ;
	}

div.buscard a:hover	{
	font: 10pt Arial, Helvetica, sans-serif;
	color: yellow ;
	background: navy ;
	}

/*	PhotoAlbum syling, thick white border	*/
img.album	{
	background: none;
	margin: 10px ;
	border-style: solid ;
	border-color: white ;
	border-width: 10px ;
	}



/*	Local Newsflash Styling 	*/
div.newsflash	{
	margin: 10px ;
	padding: 10px ;
	background-color: navy ;
	font: 10pt Arial, Helvetica, sans-serif;
	color:white ;
	border: 2px solid white ;
	}
div.newsflash a	{
	color: yellow ;
	}
div.newsflash a:hover	{
	background: yellow ;
	color: navy ;
	}

/*	Local Christmas Message styling		*/
div.xmas	{
	margin: 30px ;
	padding: 10px ;
	background-color: green ;
	font: 24pt fantasy;
	color: navy ;
	border: 10px outset red ;
	}

/*	Local Olivebox styling		*/
div.olivebox	{
	margin: 10px ;
	padding: 10px ;
	background-color: #CC9900 ;
	font: 10pt Arial, Helvetica, sans-serif;
	color:white ;
	border: 2px solid white ;
	border-collapse: collapse ;
	}

div.olivebox td	{
	margin: 0 ;
	padding: 10px ;
	border: none;
	}
div.olivebox a	{
		color: yellow ;
	}

div.olivebox a:hover	{
		background: yellow ;
		color: navy ;
	}

/*	Redbox - non-links in Flyout menus	*/
div.redbox 	{
		display:block;
		text-decoration:none;
		color:white;
		width:154px;
		height:20px;
		text-align:center;
		border: solid #FF9900;
		border-width: 1px;
		background:firebrick;
		line-height:19px;
		font: 12px Arial, Helvetica, sans-serif;
		font-weight: bold ;
		color: lime ;
	}

/*	OBSOLETE PARTS OF REDBOX
div.redbox a 	{
		font: 12px Arial, Helvetica, sans-serif;
		color: white ;
	}

div.redbox a:hover 	{
		font: 12px Arial, Helvetica, sans-serif;
		color: firebrick ;
		background: yellow ;
	}
END OBSOLETE REDBOX	*/

/*	Local Menu Color Coding - Communications	*/
a#comm { background: darkred ; }
a#comm:hover { background: yellow ; }

/*	Local Menu Color Coding	- Obsolete	*/
a#obs { background: black ; }
a#obs:hover { background: yellow ; }

/*	Local Menu Color Coding	- Unavailable	*/
a#na { color: black ; }
a#na:hover { background: black ; }

/*	SiteMap Page styling	*/
table.sitemenu 	{
	text-align:center;
	border: solid white;
	border-width: 1px;
	background:firebrick;
	border-collapse: collapse ;
	}

table.sitemenu tr th, table.sitemenu tr td {
	border: solid silver;
	border-width: 1px;
	border-collapse: collapse ;
	padding-left: 10px;
	padding-right: 10px;
	}

table.sitemenu tr th a, table.sitemenu tr td a {
	font: 12px Arial, Helvetica, sans-serif;
	color: yellow ;
	}

table.sitemenu tr th a 	{
	font-weight: bold ;
	}

table.sitemenu tr td a:hover, table.sitemenu tr th a:hover	{
	color: firebrick ;
	background: yellow ;
	}

/* OBSOLETE HORIMENU
div.horimenu {
	display:block;
	text-decoration:none;
	color:white;
	height:20px;
	text-align:center;
	border: solid #FF9900;
	border-width: 1px;
	background:firebrick;
	line-height:19px;
	font: 12px Arial, Helvetica, sans-serif;
	font-weight: bold ;
	color: lime ;}

div.horimenu a 	{
		font: 12px Arial, Helvetica, sans-serif;
		color: white ;
		}

div.horimenu a:hover 	{
		color: yellow ;
		}

div.horimenu a:visited 	{
		color: silver ;
		}
END OBSOLETE HORIMENU */

/*	Contrast styling ???	*/
table.contrast	{
		width: 80% ;
		margin: 15px ;
		background-color: #BDB76B ;
		border-collapse: collapse ;
		border: thin solid white ;
		}
tr.contrast	{
		font: 10pt Arial, Helvetica, sans-serif;
		color:white ;
		border: thin solid white ;
		}
td.contrast	{
		padding: 15px ;
		border: thin solid white ;
		}
p.contrast	{
		font: 10pt Arial, Helvetica, sans-serif;
		color:white ;
		text-align: left ;
		}

table {border-collapse:collapse; border:0; margin:0; padding:0;}