/***********  Universal Selectors ************/
*{padding:0; margin:0;}
html { font-size: 100%; }

/***********  Body And Container ************/
body{text-align: center;font-size: 1em; background:url(../images/Frame/Background.png) repeat; font-family:Arial; }
#container{width: 47.5em;text-align: left; margin: 0 auto; background:#FFFFFF;}

/***********  Pseudo Classes ************************/
a:link, a:visited, a:hover, a:active{ text-decoration:none;}
a:link { color:#006699;}
a:visited { color:#006699; }
a:hover { color:#006699; }
a:active { color:#006699; }

p {font:0.875em normal; padding-bottom:1em; line-height:1.5em; font-family:Arial;}

h1 {font:1.333328em normal; padding-bottom:1em; color:#CC6666; font-family:Arial; }

.clearfix:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

/***********  Top Menu ************************/
#topMenu{position:absolute;padding:5.625em 0 0 12em; width:25em;}
#topMenu img{width:3.875em; border:none;}
#topMenu a{ color:#FFFFFF; font-weight:bold;}
#topMenu ul{text-align:center; font-size:0.75em;}
#topMenu li{display:inline; float:left; color:#FFFFFF; width:6.5em;}

/***********  Banner ************************/
#topBanner{background:url(../images/Frame/Banner_banner.jpg) repeat; height:10.25em;}
#logo{float:left; margin-top:0.5625em; margin-left:1em;}
#logo img{width:8.6875em; height:9.0625em; }
#sloagn{float:left; width:19.25em; height:3.75em; margin-top:0.5625em; margin-left:2.5625em;}
#character{float:right; width:14.5625em; height:10.25em} 

/***********  Gradient Background ************************/
#gradientBG{background:url(../images/Frame/Blue_gradient.jpg) repeat-x;}

/***********  Columns ************************/
#leftCol{ width:33.375em; float:left;}
#rightCol{width:13.8125em; float:left; background:url(../images/Frame/Sub_Menu_background.jpg) repeat;}

/***********  Content ************************/
#content{ padding:0.875em;}
#hompageCaption {width:17em;float: left;}
#hompageCaption p{ padding:0; margin:0;}
#hompageCaption h1{font-size:0.875em; padding:0; margin:0 0 0.25em 0; color:#003366; font-weight:bold;}
#contentText{width:500px;}
#contentText h2{font: normal 16px Arial; text-decoration:underline; color:#000066; padding-bottom:10px;}
#contentText ul{list-style:inside; margin-bottom:10px;}
#contentText li{padding:10px 0 10px 0;}
/***********  Homepage ************************/
#hompageRightCol{float:right;width:14.0625em;}

#quoteBox img{width:14.0625em;}
#quoteBox p{padding:0.5em;font-size:0.875em;background:url(../images/Index/Quote_Background.jpg) repeat;text-align: center; font-weight:bold;}

#cutomiseBox img, #cutomiseBoxText{width:14.0625em;}
#cutomiseBox{ padding-top:0.875em;}
#cutomiseBoxText{ position:absolute; text-align:center;}
#cutomiseBoxText a{color:#FFFFFF;}
#cutomiseBoxText h1{padding:0.5em 0.125em 0.125em 0.125em; color:#FFFFFF;}
#cutomiseBoxText p{padding:0.3125em; color:#FFFFFF; font-size:0.6875em; font-weight:bold;}

#resizableswf{padding:0.875em 0 0.875em 0;}
#replacementPG{background-color:#333333; width:31.625em; height:15.9375em;}
#replacementPG img{width:23.3125em; float:left; color:#FFFFFF; padding-right:0.3125em;}
#replacementPG p{color:#FFFFFF; padding:10px 0 10px 0;}
#replacementPG a{color:#99CC00;}


/***********  Right Menu ************************/
#rightCol ul{padding-left:0.625em; font-size:0.875em; list-style-position:inside;}
#rightCol li{list-style-type:square;padding-bottom:0.3125em; padding-top:0.3125em;}
#rightCol li a{ color:#000000;}

#address{padding-left:1.5em;}
#address img{width:11.6875em;}
#addressText{position:absolute;width:10.2em;line-height:1.65em;padding-top:2.5em;margin-left: 0.6em;}
#addressText p{font-weight:bold;text-align:center;font-size:0.875em;}
#addressText a{font-weight:bold; text-decoration:underline;}
.underline{text-decoration:underline;}

/***********  Feature Boxes ************************/
#homepageFeatureBox{width:15.375em; float:left; padding-right:0.875em}
#homepageFeatureBox.featureBox{padding-right:0;}
#homepageFeatureBox img{width:15.375em; border:none;}
#homepageFeatureBox h1{ font-size:0.875em; color:#333333; padding:0 0 0.3125em 0; font-weight:bold;}

/***********  Customise Options Box ************************/
#customise{display:none;}
#customise, #jsRequired {clear:both;background:url(../images/Frame/Customise_header.jpg) repeat-x #990000; border-bottom:solid #666666 0.0625em; margin-top:2em;}
#customise img, #jsRequired img{float:left; padding:0.75em 0.875em 0 0.875em;}
#customise h2, #jsRequired h2{padding:0 0 0 0.625em; line-height:2.5em; font-size:0.875em; color:#FFFFFF; font-weight:bold; float:left; }
#customise a, #jsRequired a{padding-left:0.625em; color:#99FF99; font-weight:bold; line-height:2.5em; font-size:0.875em;}

#expandable {display:none;background:#CCCCCC; padding-bottom:0.875em;}

#customiseOpt { padding:0.875em;}
#customiseOpt img{ width:2.875em; border:none;}
#customiseOpt ul{float:right; padding-top:1.25em}
#customiseOpt li{display:inline; float:left; margin:0 0.3125em 0 0.3125em;}

.hasJs #jsRequired {display: none; } 
.hasJs #customiseOpt, .hasJs #customise { display: block;} 

.customiseOptBoxLeft,.customiseOptBoxRight{width:22.0625em; height:6.25em;} 
.customiseOptBoxLeft p{padding-top:2.5em; font-weight:bold;}
.customiseOptBoxRight p{ text-align:center; padding-top:1.5em;}
.customiseOptBoxRight{float:right;}
.customiseOptBoxLeft{float:left;}

/***********  Kids Corner Gallery ************************/
.kidsThumb, .kidsThumbEnd {float:left; width:9.375em; height:12.375em;}
.kidsThumb{margin:0.6em;}
.kidsThumbEnd{margin:0.6em 0 0.6em 0.6em;}
.kidsThumb img, .kidsThumbEnd img{width:9.375em; border:0.0625em solid #000033;}
.kidsThumb p, .kidsThumbEnd p{ padding:0; margin:0;}

/***********  Contact Us Form ************************/
.contactForm{width:18em; float:left;font-weight:bold;line-height:1.6em; height:1.6em; font-size:0.75em; }
.contactfield{padding:0.125em; border:0.0625em solid #666666; width:16em; margin-bottom:0.625em; clear:right;line-height:1.6em; height:1.6em; font-size:0.75em;}
.contactFormBut{margin:1em; display:block; width:10em; background-color:#990000; float:left; color:#FFFFFF; height:2em; line-height:2em; font-size:0.75em;}
.verPic{width:3.125em}

/***********  Footer ************************/
#footer {width:100%; text-align:center;padding:0.5em 0; clear:both; background-color:#666666;}
#footer li{padding:0.5em 0.5em 0 0.5em; display:inline; list-style-type:none; font-size:0.875em;color:#FFFFFF;}
#footer p, #footer a:link, #footer a:visited, #footer a:hover, #footer a:active {color:#FFFFFF; padding:0;}
