a:link {text-decoration: none; font: sans-serif; color: white}
a:visited {text-decoration: none; font: sans-serif; color: white}
a:active {text-decoration: none; font: sans-serif; color: white}
a:hover {text-decoration: underline; font: sans-serif; color: white}

a.black:link {text-decoration: none; font: sans-serif; color: black}
a.black:visited {text-decoration: none; font: sans-serif; color: black}
a.black:active {text-decoration: none; font: sans-serif; color: black}
a.black:hover {text-decoration: underline; font: sans-serif; color: black}

a.emailAddress {color: #fff; font: 12px sans-serif;	}
a.emailAddress:hover {color: #fff}
a:emailAddress:visited {color: #fff}

a.grey:link {text-decoration: none; font: sans-serif; color: #369}
a.grey:visited {text-decoration: none; font: sans-serif; color: #369}
a.grey:active {text-decoration: none; font: sans-serif; color: #369}
a.grey:hover {text-decoration: underline; font: sans-serif; color: #369}

a.topLinks {font: sans-serif 10px; color: white}
a.topLinks:visited {color: white}

body 
	{
	font: sans-serif;
	text-align: center;
	background-color: #000;
	background: url(pagebg.jpg);
	}

div.centerObj
	{
	display: block;
	position: relative;
	width: 772px;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
	top: -10px;
	}
div.page
	{
	display: block;
	position: relative;
	width: 765px;
	height: 1080px;
	top: 0px;
	left: 0px;
	background-color: #fff;
	border: 1px solid #333;
	text-align: left;
	padding: 0px 0px 0px 0px;
	}
	@media print
		{
		div.page
		{
		border: 0px;
		}
		}
div.header
	{
	display: block;
	position: relative;
	background-color: #39C;
	background: url(background.jpg);
	color: white;
	padding: 5px 5px 5px 5px;
	width: 755px;
	height: 85px;
	}	
div.esup-logos
	{
	display: inline-block;
	position: absolute;
	left: 3px;
	top: 3px;
	}
div.esup-logo-shadow
	{
	display: inline-block;
	position: absolute;
	left: 5px;
	top: 5px;
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=40);
	-moz-opacity: 0.4;
	}
div.LogoSubtitle
	{
	color: white;
	font: 12px sans-serif;
	display: inline;
	position: absolute;
	left: 10px;
	top: 80px;
	}
div.headerText
	{
	display: block;
	position: absolute;
	float: left;
	width: 435px;
	left: 325px;
	top: 10px;
	}
div.contactText
	{
	display: inline;
	position: absolute;
	float: left;
	width: 440px;
	left: 325px;
	top: 37px;	
	}
div.topLinksSet
	{
	display: inline;
	position: absolute;
	left: 557px;
	top: 90px;
	font: 10px sans-serif;
	color: white;
	}
div.searchBox
	{
	display: inline;
	position: absolute;
	left: 550px;
	top: 39px;
	height: 15px;
	width: 210px;
	}
div.formInput
	{
	display: inline;
	position: relative;
	}	
div.NavBar
	{
	display: block;
	position: relative;
	height: 19px;
	padding: 0px;
	background-color:#369;
	width: 765px;
	}
.NavBtn a 
	{
	display: inline;
	position: relative;
	float: left;
	padding: 2px;
	margin: 0px 1px 0px 0px;
	padding: 2px 0px 2px 5px;
	width: 105px;
	height: 15px;
    	background-color: black;
	font: 10px sans-serif;
	text-decoration: none;	
	color: white;
	}
.NavBtn a:visited
	{
	background-color: black;
	text-decoration: none;
	color: white;
	}
.NavBtn a:hover 
	{
	background-color: red;
	text-decoration: none;
	color: white;
	}
div.bodyContent
	{
	display: inline-block;
	position: absolute;
	left: 0px;
	width: 760px;
	margin: 5px 0px 0px 0px;
	}
div.LowerMainWindow
	{
	display: inline-block;
	position: relative;	
	width: 547px;
	height: 320px
	left: 0px;
	top: 130px;
	border: 1px solid #FFF;
	margin: 0px 0px 0px 5px;
	background-color: white;
	color: #9AC;
	}
div.additionalLinks
	{
	display: inline-block;
	position: relative;
	width: 547px;
	height: 120px;
	left: 0px;
	top: 155px;
	border: 1px solid #FFF;
	margin: 5px 5px 5px 5px;
	background-color: white;
	font-family: sans-serif;
	color: #9AC;
	}
div.quizWindow
	{
	display: inline-block;
	position: relative;	
	width: 547px;
	/* height: 320px; */
	left: 0px;
	top: 455px;
	border: 1px solid #FFF;
	margin: 0px 0px 0px 5px;
	background-color: white;
	color: #9AC;
	}
div.ContactWindowBig
	{
	display: inline-block;
	position: relative;	
	width: 546px;
	height: 450px;
	left: 0px;
	top: -5px;
	border: 1px solid #fff;
	margin: 0px 0px 0px 5px;
	background-color: white;
	color: #9AC;
	}
div.QuestionForm
{
	width: 200px;
	display: inline;
	position: relative;
	margin: 0px 5px 0px 0px;
	left: 5px;
	top: 5px;
}
form.AskDaisyForm
{
	color: #369;
	font: 12px sans-serif;
}
div.FlashObj
{
	display: inline;
	position: absolute;
	margin: 0px;
	left: 286px;
	top: 5px;
	width: 160px;
	height: 160px;
}
div.AgencyBox
	{
	display: inline-block;
	position: relative;
	width: 250px;
	height: 200px;
	font: 11px sans-serif;
	color: #369;
	padding: 5px 5px 5px 5px;
	margin: 5px 5px 5px 5px;
	border: 1px solid #9AC;
	}
div.BoxLeft
	{
	display: inline;
	position: relative;
	left: 0px;
	}
div.BoxRight
	{
	display: inline;
	position: absolute;
	left: 266px;
	top: 0px;
	}
div.MainPanel
	{
	background-color: #6C0;
	background-image:url(mainBG.gif);
	display: inline;
	position: absolute;	
	width: 549px;
	height: 127px;
	left: 0px;
	border: 0px;
	margin: 0px 0px 0px 5px;
	color: white;
	}
div.pompeyBox
	{
    background-color: #393;
	background-image:url(portsBG.gif);
	display: inline-block;
	position: absolute;
	left: 0px;
	top: 75px;
	margin: 5px 5px 5px 5px;
	font: 18px sans-serif;
	text-decoration: none;	
	color: white;
	}
.pompeyBox a
	{
    background-color: #393;
	background-image:url(portsBG.gif);
	display: inline;
	position: relative;
	float: left;
	width: 135px;
	height: 35px;
	padding: 5px 5px 5px 5px;
	font: 18px sans-serif;
	text-decoration: none;	
	color: white;
	}
.pompeyBox a:visited 
	{
	background-color: #393;
	text-decoration: none;
	color: white;
	}
.pompeyBox a:hover 
	{
	background-color: #000080;
	text-decoration: none;
	color: white;
	}
div.sottonBox
	{
    background-color: #161;
	background-image:url(sotonBG.gif);
	display: inline-block;
	position: absolute;
	left: 148px;
	top: 75px;
	margin: 5px 5px 5px 5px;
	font: 18px sans-serif;
	text-decoration: none;	
	color: white;
	}
.sottonBox a
	{
    background-color: #161;
	background-image:url(sotonBG.gif);
	display: inline;
	position: relative;
	float: left;
	width: 135px;
	height: 35px;
	padding: 5px 5px 5px 5px;
	font: 18px sans-serif;
	text-decoration: none;	
	color: white;
	}
.sottonBox a:visited 
	{
	background-color: #161;
	text-decoration: none;
	color: white;
	}
.sottonBox a:hover 
	{
	background-color: red;
	text-decoration: none;
	color: white;
	}
div.Services
	{
	display: inline;
	position: absolute;
	width: 297px;
	height: 320px;
	top: 130px;
	left: 0px;
	border: 1px dotted #9AC;
	margin: 0px 0px 0px 5px;
	}
div.SecondWindow
	{
	display: inline;
	position: absolute;
	width: 247px;
	left: 305px;
	top:130px;
	height: 102px;
	border: 1px single white;
	margin: 0px 0px 0px 2px;
	background-color: #f90;
	color: white;
	}
div.Gallery
	{
	background-image:url(brownBG.gif);
	display: inline;
	position: absolute;
	width: 245px;
	height: 215px;
	top: 235px;
	left: 305px;
	border: 1px solid #804000;
	margin: 0px 0px 0px 2px;
	background-color: #90600A;
	}	
div.SideBar
	{
	display: inline-block;
	position: relative;
	width: 202px;
	top: 5px;
	/* height: 448px; */
	left: 555px;
	margin: 0px 0px 0px 2px;
	}
div.container
	{
	display: inline-block;
	position: relative;
	background-color:#66FF99;
	}
div.Games
	{
	background: url(gamesBGr.jpg);
	display:inline-block;
	position: relative;
	width: 202px;
	height: 127px;
	/* top: 0px; */
	border: 0px;
	margin: 0px 0px 3px 0px;
	}
div.Parents
	{
	display: inline-block;
	position: relative;
	width: 200px;
	/* height: 100px; */
	/* top: 130px; */
	border: 1px solid #9AC;
	margin: 0px 0px 3px 0px;	
	}
div.Contacts
	{
	display: inline-block;
	position: relative;
	width: 200px;
	/* height: 215px; */
	/* top: 235px; */
	border: 1px solid #9AC;
	margin: 0px 0px 3px 0px;	
	}
div.categoryHead
	{
	background-color: #9AC;
	color: white;
	font: 10px sans-serif;
	padding: 0px 0px 0px 5px;
	}
div.categoryBrown
	{
	background-color: #804000;
	color: white;
	font: 10px sans-serif;
	padding: 0px 0px 0px 5px;
	}
div.categoryBigText
	{
	margin: 5px 5px 5px;
	font: bold 24px sans-serif;
	}
div.categoryMidText
	{
	margin: 5px 5px 0px 5px;
	font: bold 16px sans-serif;
	}
div.categoryBox
	{
	color: #369;
	font: 12px sans-serif;
	margin: 5px 5px 5px 5px;
	}
div.categoryBoxBrown
	{
	display: inline-block;
	color: #804000;
	font: 12px sans-serif;
	padding: 5px 5px 5px 5px;
	text-align: center;	
	}
div.categoryBoxMain
	{
	background-color: #6c0;
	color: white;
	font: 12px sans-serif;
	margin: 5px 5px 2px 5px;
	}
div.gameBox
	{
	color: #369;
	font: 12px sans-serif;
	margin: 5px 5px 5px 5px;
	}
div.mainMoreInfo
	{
	display: inline;
	position: absolute;
	color: #369;
	font: italic 12px sans-serif;
	text-align: right;
	float: right;
	bottom: 0px;
	top: 105px;
	width: 545px;
}
div.ServicesMoreInfo
	{
	display: inline;
	position: absolute;
	color: white;
	font: italic 12px sans-serif;
	text-align: right;
	float: right;
	bottom: 0px;
	top: 300px;
	width: 290px;
	}
div.ParentsContinue
	{
	display: inline-block;
	position: relative;
	color: white;
	font: italic 12px sans-serif;
	padding: 0px 0px 5px 0px;
	text-align: right;
	float: right;
	bottom: 0px;
	/* top: 300px; */
	width: 540px;
	}
div.SecondMoreInfo
	{
	display: inline;
	position: absolute;
	color: white;
	font: italic 12px sans-serif;
	text-align: right;
	float: right;
	bottom: 0px;
	top: 82px;
	left: 0px;
	width: 244px;
	}
div.GalleryMoreInfo
	{
	display: inline;
	position: absolute;
	color: white;
	font: italic 12px sans-serif;
	text-align: right;
	float: right;
	bottom: 0px;
	top: 195px;
	left: 0px;
	width: 238px;
	}
div.ContactsMoreInfo
	{
	display: inline;
	position: absolute;
	color: white;
	font: italic 12px sans-serif;
	text-align: right;
	float: right;
	top: 195px;
	left: 0px;
	width: 198px;
	}
div.ParentsMoreInfo
	{
	display: inline;
	position: absolute;
	color: white;
	font: italic 12px sans-serif;
	text-align: right;
	float: right;
	top: 80px;
	left: 0px;
	width: 198px;
	}
div.serviceList
	{
	font: 12px sans-serif;
	}
div.lilWhite
	{
	margin: 0px 5px 0px 5px;
	color: white;
	font: 12px sans-serif;
	}
div.Footer
	{
	display: inline;
	position: absolute;
	width: 755px;
	height: 15px;
	top: 1065px;
	left: 5px;
	font: 10px sans-serif;
	color: #369;
	border-top: 1px dashed #9AC;
	}
div.message
	{
	display: block;
	position: relative;
	width: 535px;
	height: 156px;
	left: 10px;
	background-color: #fff;
	background: url(bubble3.gif);
	color: #000;
	font: sans-serif;
	}
div.messageBox
	{
	display: block;
	position: relative;
	left: 27px;
	top: 5px;
	width: 495px;
	height: 137px;
	border: none;
	}
div.comment
	{
	display: block;
	position: relative;
	width: 535px;
	height: 150px;
	left: 10px;
	background-color: #fff;
	background: url(bubble3.gif);
	color: #000;
	font: sans-serif;
	/* border-top: 1px dashed #9AC; */
	}
div.commentBox
	{
	display: block;
	position: relative;
	left: 27px;
	top: 5px;
	width: 495px;
	height: 137px;
	border: none;
	}
span.msgname
	{
	font: 10px sans-serif;
	color: #666;
	}
span.msgtitle
	{
	font: 16px sans-serif;
	font-weight: bold;
	color: #C00;
	}
span.msgmessage
	{
	font: 12px sans-serif;
	color: #000;
	}
img.esup-logo
	{
	width: 250px;
	height: 81px;
	}
img.gamesLogo
	{
	border: 0px;
	position: relative;
	top: 20px;
	}
img.squarePhoto
	{
	border: 2px solid #804000;
	margin: 0px 2px 2px 0px;
	width: 50px;
	height: 50px;
	}
img.smallPhoto
	{
	border: 2px solid #804000;
	margin: 0px 2px 2px 0px;
	width: 50%;
	height: 50%;
	}	
img.CowPhoto
	{
	border: 0px;
	margin: 0px 2px 2px 0px;
	}	
input.searchField
	{
	position: relative;
	width: 170px;
	height: 20px;
	background-color: white;
	font: 12px sans-serif;
	left: 5px;	
	}
input.goBtn
	{
	display: inline;
	position: relative;
	width: 21px;
	height: 21px;
	left: 8px;
	}
span.address
	{
	font: 9px sans-serif;
	}
span.break
	{
	color: #ddd;
	}
span.dearDaisyQ
	{
	font: 16px sans-serif;
	color: white;
	}
span.contactInfoTop 
	{
    color: white;
	font: bold 12px sans-serif;
	}
span.heading {
	color: red;
	font: bold 18px sans-serif;
	}
span.lighter {
	color: #333;
    font: bold 27px sans-serif;
	}		
span.smallText
	{
	font: 10px sans-serif;
	}
span.subtitle 
	{
	color: white;
	font: 12px sans-serif;
	}
span.tagline
	{
	display: inline;
	position: relative;
	top: 3px;
	}
span.title 
	{
    color: black;
    font: bold 28px sans-serif;
	}
span.redtext
	{
	color:#933;
	}
div.moreInfo
	{
	display: block;
	position: relative;
	color: white;
	font: italic 12px sans-serif;
	text-align: right;
	width: inherit;
	padding: 3px 0px 2px 0px;
	}
ul.serviceListItem
	{
	list-style-position: outside;
	list-style-type: disc;
	margin: 5px 5px 5px 15px;
	}
}

.section { font-family: $sectionfont; font-size: $sectionsize; text-align: left; line-height: 1.4em; margin-bottom: 22px; color: $sectionclr; }