body, html {margin: 0; padding: 0; border: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 101%; color: #a52a2a;
}
h1, h2, h3, p, ul, li, a, td {	font-family: Arial, Helvetica, sans-serif;}

a {color: black; font-weight: bold; background-color: white;}
a:hover {text-decoration: underline;}

p {	font-size: 100%; 	line-height: 150%;	text-align: left; margin: 1em 0;}

p.pclear {clear: both;}	
	
h1 {	font-family: "Lucida Calligraphy", Arial, Helvetica, sans-serif; font-size: 130%;  font-weight: bold;}

h2 {	font-size: 100%;	font-weight: normal;}
h3 {	font-size: 100%;	font-weight: bold;}
	
.tariff {	font-weight: bold;	color: #00f; background-color: #fff;}

li {	font-size: 100%;	font-weight: bold;	line-height: 120%;}

ul.address {list-style:none; margin-top: 1em;}

ul {
	margin-bottom: 1em;
}

.features {clear: both; }
.caption {
	font-style: italic; font-size: 80%; clear: both;
}

span.aroad {color: #a52a2a; background-color: #fff; font-weight: bold;}

#content {margin: 20px auto 0; border: 0; padding: 2%; width: 95%;}

#header {/*position: absolute; top: 0; left: 0;*/ width: 100%; height: 132px; color: #000; background:#fff url(graphics/heading.gif) no-repeat; }
#header h1 { position: absolute; left: -9000px; top: 0;} /* to hide the text from the screen */
#header h2 {position: absolute; left: -9000px; top: 0;}


/*css table for items on front page - at least*/
.row {display: table-row;}

.cell {
display: table-cell;
vertical-align: top;

}
.cell p {
text-align: center;
color: #000;
font-size: 85%;
}




/*styling for the suckerfish menu */

/* http://www.htmldog.com/articles/suckerfish/dropdowns/example/*/
#menu {position: absolute; top: 130px; left: 0px;  background-color: #a52a2a; height:2em; width:100%;  min-height: 2em;}

#nav, #nav ul {	float: left;	width: 100%;	list-style: none;	
	padding: 0;	border: 0;	margin: 0 0 1em 0;}
#nav a {	display: block;	width: 100%;	w\idth: 100%;	color: white;	text-decoration: none;  text-align:center;  padding: 0.25em 2px;	font-weight: bold;	font-size:12px;	border: 0;	 margin: 0; background-color: #a52a2a; }

#nav li {	float: left;	padding: 3px 2px;	width: 120px; border: 0; margin: 0;}
#nav li ul {	position: absolute;	left: -999em;	height: auto;	width: 120px;
	w\idth: 120px;	font-weight: normal;	border-width: 0;	margin: 0;}
#nav li li {	padding-right: 0;	width: 120px; background-color: #a52a2a;}
#nav li ul a {	width: 118px;	w\idth: 96%; text-align:center; background-color: #a52a2a;}
#nav li ul ul {	margin: -1.5em 0 0 120px;}
#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
	left: -999em;}
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {
	left: auto;}
#nav li:hover, #nav li.sfhover {position:static;
	/*background: #cc9;*/}
	
#nav a:hover {	color: black; 	background-color: #a52a2a;}	
	
/*end of styling for the suckerfish menu */	

img {border: 0; padding: 0; margin: 0 5px 1em 1em;}
.imgright {float: right; display: block;  margin-right: 0;}
.imageleft {float: left; display: block; margin-left: 0;}
.imagecentral {display: block; margin: 1em auto; }

.photobox {width: 90%; margin: 0 auto; border: 0;}
.photobox img { margin: auto; border: 0;}
.photobox p {float: left; display: block; margin: 0; width: 300px; height: 200px;}

ul.links a {
	font-size: 80%; margin-left: 2em; text-decoration: none;
}

#tariff table {width: 70%; margin: 0 auto 1em 10%; border: 1px solid #a52a2a; text-align: left;}
#tariff th {width: 33%; padding: 0.5em 1em; font-weight: bold;}
#tariff td {width: 33%; padding: 0.5em 1em;}


/*Overriding CSS for Sunnyside*/

#sunnyside div#content {width: 850px;}

#sunnyside div#header {background:#fff url(sunnyside/images/sunnyside.gif) no-repeat; background-position:center; }

#sunnyside ul#nav  {	float: none;	width: 680px;	margin: 0 auto 1em auto;}
#sunnyside #nav li {	width: 220px; }
#sunnyside #nav li ul {	width: 220px;	w\idth: 220px;	}
#sunnyside #nav li li {	width: 220px; }
#sunnyside #nav li ul a {	width: 218px;	w\idth: 96%; }
#sunnyside #nav li ul ul {	margin: -1.5em 0 0 220px;}

#sunnyside h3 { clear: both;}

/*end of overriding CSS for Sunnyside*/


@media print {
#content {margin-top: 81px; color: black; background-color: white; border: 0;}

#header {background: none; height: 0;}
#sunnyside div#header {background: none;}


#header h1 {left: 0; top: 0;border: 0; font-size: 110%; height: 40px}
#header h2 {left: 0; top: 40px; font-size: 80%;}

#header #menu {display: none;}


h1, h2 {font-size: 90%; margin-top: 0;}
p, li {font-size: 80%}
#tariff table {width: 90%; margin: 0 auto 0 10%; }
#tariff td {font-size: 80%; width: 45%; padding: 5px 1em;}
#tariff h1, #tariff h2, #tariff h3 {font-size: 90%; padding: 0; margin: 5px auto 0 0;}

}