body
{
	margin-top: 0px;
	font-size: .9em;
	background: url(../images/fr-body-bg.jpg) repeat-x;
	font-style: normal;
	font-family: Verdana, Arial, Helvetica, Sans-Serif;
}
#format
{
	/*  border: solid 1px #000000;  */
	width: 752px;
	font-size: x-small;
	font-style: normal;
	font-family: Verdana, Arial, Helvetica, Sans-Serif; /*  background-color: #FFFFFF;  */
}
h1
{
	font-size: 1.2em;
}
h2
{
	font-size: 1em;
}
h3
{
	font-size: .9em;
}
#main
{
	padding-right: 5px;
	padding-left: 5px;
	/*	background: url(../images/logo.gif) fixed no-repeat 60% 80%; */
	padding-bottom: 5px;
	margin-left: 15%;
	width: 99%;
	padding-top: 5px;
	height: 100%;
}
#pageHeader
{
	background: url(../images/header-bg.jpg) no-repeat center top;
	margin: 0px;
	width: auto;
	height: 110px;
}
#rgtBar
{
	padding-right: 5px;
	padding-left: 5px;
	z-index: 100;
	float: right;
	padding-bottom: 5px;
	width: 20%;
	padding-top: 5px;
	top: 130px;
	height: 100%;
	font-size: x-small;
}
#rgtBar a
{
	text-decoration: none;
	font-style: italic;
}
#update
{
	border-right: black 1px solid;
	padding-right: 5px;
	border-top: black 1px solid;
	padding-left: 5px;
	font-size: x-small;
	color: green;
	background: #00ffff;
	padding-bottom: 5px;
	border-left: black 1px solid;
	padding-top: 5px;
	border-bottom: black 1px solid;
}
#update a
{
	text-decoration: none;
	color: green;
}
#modules07
{
	border-right: black 1px solid;
	padding-right: 5px;
	border-top: black 1px solid;
	padding-left: 5px;
	padding-bottom: 5px;
	border-left: black 1px solid;
	padding-top: 5px;
	border-bottom: black 1px solid;
}
#busSchedule
{
	border-right: #66FF33 1px solid;
	padding-right: 10px;
	border-top: #66FF33 1px solid;
	padding-left: 10px;
	font-size: x-small;
	color: #66FF33;
	background: black;
	padding-bottom: 10px;
	border-left: #66FF33 1px solid;
	padding-top: 10px;
	border-bottom: #66FF33 1px solid;
}
#busSchedule em, #update em
{
	font-size: xx-small;
}
#themepark
{
	padding-right: 10px;
	padding-left: 10px;
	font-size: x-small;
	padding-bottom: 10px;
	padding-top: 10px;
	border: black 1px solid;
	color: green;
	background: #00ffff;
}
#themepark ul
{
	margin: 0px 0px 0px 10px;
}
#themepark h3
{
	margin: 10px 0px 0px 0px;
}
#themepark ul li
{
	display: inline;
	width: 15em;
}
#colourfulCharacters, #media, #mainPage
{
	text-align: left;
	padding-right: 10px;
	padding-left: 10px;
	font-size: x-small;
	border: black 1px solid;
}
#inc_links
{
	text-align: center;
	font-size: xx-small;
}
#lftBar
{
	/*	border: solid 1px blue;	*/
	float: left;
	top: 130px;
	left: 5px;
	padding: 5px;
	width: 15%;
	height: 100%;
	z-index: 100;
}
#lftBar a, #lftBar p, #links a
{
	display: block;
	text-align: center;
	padding: 5px;
	margin: 0 0 1px;
	text-decoration: none;
	color: #000000;
}
#main a:link, #index a
{
	text-decoration: none;
	font-style: italic;
	color: #000000;
}
#lftBar a:visited, #links a:visited, #main a:visited
{
	text-decoration: none;
	color: #FF0000;
}
#lftBar a:active, #links a:active, #main a:active
{
	text-decoration: none;
	font-size: 1.1em;
	color: #00CC00;
}
#lftBar a:hover, #links a:hover, #update a:hover, #rgtBar a:hover, #main a:hover
{
	text-decoration: none;
	font-size: 1.1em;
	color: #0000FF;
}
#lftBar a span
{
	display: none;
}
#lftBar a:hover span
{
	/*	border: solid 1px green;	*/
	display: block;
	z-index: 100;
	padding: 9px 9px 9px 9px;
	left: 0px;
	margin: 10px;
	color: #000000;
	text-align: center;
	font-size: .6em;
	position: absolute;
	top: 550px;
	width: 100%;
}
#mainLft
{
	width: 33%;
	float: left;
	font-size: xx-small;
	font-weight: normal;
}
#mainCtr
{
	width: 33%;
	float: left;
	font-size: xx-small;
	font-weight: normal;
}
#mainRgt
{
	width: 33%;
	float: left;
	font-size: xx-small;
	font-weight: normal;
}
#footer
{
	padding-right: 5px;
	margin-top: 0px;
	padding-left: 5px;
	font-weight: bold;
	font-size: xx-small; /*	background: url(../images/mrlball(sm).gif) fixed no-repeat center top;	*/
	float: left;
	padding-bottom: 5px;
	width: 100%;
	padding-top: 10px;
	height: auto;
	text-align: center;
}
#coInfoTabFormat
{
	padding: 2px 4px 2px 4px;
	display: inline;
	font-size: xx-small;
	width: 100%;
	text-align: left;
}
#modInfoTabFormat
{
	display: inline;
	border-top: solid 1px Gray;
	padding: 2px 4px 2px 4px;
	width: 100%;
	font-size: xx-small;
	text-align: left;
}
#xml th
{
	background-color: Gray;
	color: White;
	text-align: left;
	padding: 2px 4px 2px 4px;
	font-size: x-small;
}
#xml td
{
	width: 15em;
	border-top: solid 1px Gray;
	font-size: x-small;
	padding: 2px 4px 2px 4px;
}
div.2Col li
{
	width: 20em;
}
div.3Col li
{
	width: 15em;
}
div.4Col li
{
	width: 12em;
}
ul.th li
{
	display: inline;
	padding-left: 0.5em;
	font-size: x-small;
	color: white;
	background-color: darkgray;
}
ul.td li
{
	display: inline;
	padding-left: 0.5em;
	font-size: x-small;
}
p.href
{
	font-size: xx-small; /*font-weight: bold;*/
	color: black;
}
p.bold
{
	font-size: .9em;
	font-weight: bold;
}
.indented
{
	padding-left: 50pt;
	padding-right: 50pt;
}
/* Gallery setup */
/* default link style - needed to make the :active work correctly in IE */
a, a:visited, a:hover, a:active
{
	color: #000;
}
/* style the outer cntaining div to fit the landscape, portrait and buttons */
#album
{
	width: 320px;
	height: 360px;
	background: #eee;
	border: 1px solid #aaa;
	margin: 0 auto;
}
/* remove the padding margin and bullets from the list. Add a top margin and width to fit the images and a position relative */
.gallery
{
	padding: 0;
	margin: 320px 0 0 0;
	list-style-type: none;
	position: relative;
	width: 320px;
}
/* remove the default image border */
.gallery img
{
	border: 0;
}
/* make the list horizontal */
.gallery li
{
	float: left;
}
/* style the link text to be central in a surrounding box */
.gallery li a, .gallery li a:visited
{
	font-size: 11px;
	float: left;
	text-decoration: none;
	color: #000;
	background: #fff;
	text-align: center;
	width: 26px;
	height: 26px;
	line-height: 24px;
	border: 1px solid #444;
	margin: 2px;
}
/* position the images using an absolute position and hide them from view */
.gallery li a img
{
	position: absolute;
	top: -320px;
	left: 0;
	visibility: hidden;
	border: 0;
}
/* fix the top position for the landscape images */
.gallery li a img.landscape
{
	top: -280px;
}
/* fix the left position for the portrait images */
.gallery li a img.portrait
{
	left: 40px;
}
/* style the hover background color for the text boxes */
.gallery li a:hover
{
	background: #ddd;
}
/* style the active/focus colors for the text boxes (required for IE) */
.gallery li a:active, .gallery li a:focus
{
	background: #444;
	color: #fff;
}
/* make the images visible on active/focus */
.gallery li a:active img, .gallery li a:focus img
{
	visibility: visible;
}