@charset "utf-8";
/* CSS Document */

/*------------------------------------*\
	RESET
\*------------------------------------*/
@font-face {
	font-family: 'Conv_Sansumi-Bold';
	src: url('fonts/Sansumi-Bold.eot');
	src: local('☺'), url('fonts/Sansumi-Bold.woff') format('woff'), url('fonts/Sansumi-Bold.ttf') format('truetype'), url('fonts/Sansumi-Bold.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}


/* Main Styles */

body {
	background:#224c01 url('images/bg-img.jpg') center top no-repeat fixed;  
}

/*----------------------
LAYOUT STYLES
-----------------*/
#container {
	width: 980px;
	margin:auto;
}

p {margin:0; padding:0;
}

img {
	padding: 0;
	border: 0;
	outline: 0;
	margin-top:0px;
	margin-bottom:0px;
	vertical-align: top;
}

#header {
	width: 980px; 
	height:322px; 
	border: 0;
}

#title {
	width: 980px; 
	height: 103px;
	background-image:url('images/pg-img_03.png');
	border: 0;
}

#hometextbox {
	width: 980px;
	height: 270px;
	background:url('images/main1_03.png');
	border: 0;
	position:relative;
}
#contentbox {
	width: 980px;
	background:url('images/pg-img_04.png') repeat-y;
	border: 0;
}

#loginbox {
	position:absolute;
	width:150px;
	height:150px;
	left: 752px; top: 151px; width: 111px; height: 81px;
}
#content {
	color: #351204;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 11pt;
	text-align: justify;
	padding-left: 190px;
	padding-right: 160px;
	line-height:16pt;
}

#nav  {
	width:980px;
	height:168px;
	border:0;
	margin:0; padding:0;
	position:relative;
}

#navigation-links {
	position:absolute;
	width:550px;
	top:85px;
	left:200px;
	
}

#navigation-links ul {
	list-style-type:none;
	text-align:center;
}

#navigation-links li {
	display:inline;
	position:relative;
	float:left;
	margin:0 5px;
	
}

#navigation-links a {
	display:inline-block;
	font-family:'Conv_Sansumi-Bold',Sans-Serif;
	font-weight:bold;
	text-decoration:none;
	color:#321808;
	font-size:15px;
	padding:4px 2px 2px 8px;
	}

/* DROP DOWN */
#navigation-links ul{
	background:#fff; /* Adding a background makes the dropdown work properly in IE7+. Make this as close to your page's background as possible (i.e. white page == white background). */
	background:rgba(255,255,255,0); /* But! Let's make the background fully transparent where we can, we don't actually want to see it if we can help it... */
	list-style:none;
	position:absolute;
	z-index:9999;
	left:-9999px; /* Hide off-screen when not needed (this is more accessible than display:none;) */
}
#navigation-links ul li{
	 /* Introducing a padding between the li and the a give the illusion spaced items */
	float:none;
}
#navigation-links ul a{
	white-space:nowrap; /* Stop text wrapping and creating multi-line dropdown items */
}
#navigation-links li:hover ul{ /* Display the dropdown on hover */
	left:-40px; /* Bring back on-screen when needed */
	top:23px;
}
#navigation-links li:hover a{ /* These create persistent hover states, meaning the top-most link stays 'hovered' even when your cursor has moved down the list. */
	background:#ffd34d;
	float:left;
	width:100%;
}
#navigation-links li:hover ul a{ /* The persistent hover state does however create a global style for links even before they're hovered. Here we undo these effects. */
	text-decoration:none;
}
#navigation-links li:hover ul li a:hover{ /* Here we define the most explicit hover states--what happens when you hover each individual link. */
	background:#e7c673;
}

table.center {
	margin-left:auto; 
	margin-right:auto;
	padding:0;
	border:0;
	outline:0;
	vertical-align:top;
}

.navigation ul {
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: Verdana, Arial, Helvetica, sans-serif; /* CHANGES THE FONT FOR THE WHOLE SITE */
	vertical-align: top;
}

h1 {
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: 700;
	color: #660202;
	font-size: 16pt;
	font-family: Verdana; /* CHANGES THE FONT FOR THE WHOLE SITE */
	vertical-align: top;
	text-align: left;
}

h2 {
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: 700;
	color: #660202;
	font-size: 12pt;
	font-family: Verdana; /* CHANGES THE FONT FOR THE WHOLE SITE */
	vertical-align: top;
	text-align: left;
	
}

li {
	color: #351204;
	font-size: 11pt;
	font-family: Tahoma,Helvetica,sans-serif;
	text-align: left;
	margin-top: 3px;
	margin-bottom: 3px;

}

hr {
	height:0px;
	width:85%;
	border-width:1px;
	border-style:solid;
	color:#9e71b7;
}

a:link {
	color:#0000ff;
}

a:visited {
	color:#0000ff;
}

.predev {
	color: #351204;
	font-size: 11pt;
	font-family: Tahoma,Helvetica, sans-serif;
	text-align: left;
	margin-top: 3px;
	margin-bottom: 3px;
}

.homeloc {
	color: #351204;
	background-color:orange;
	font-family: Tahoma, Helvetica, sans-serif;
	font-size: 12pt;
	text-align: center;
	margin-top: 0px;
	margin-bottom: 0px;
	padding-top:4px;
	padding-bottom:4px;
	margin-left:190px;
	margin-right:160px;
	
}

.hometext {
	color: #351204;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 11pt;
	text-align: justify;
	padding-left: 190px;
	padding-right: 160px;
	padding-top:40px;
	margin-top:0;
	margin-bottom:10px;
}

.address {
	color: #351204;
	font-family: Tahoma, Helvetica, sans-serif;
	font-size: 14pt;
	text-align: center;
	padding-top:4px;
	padding-bottom:4px;	
}

#kidzone {
	color:#351204;
	font-family:Tahoma, sans-serif;
	font-size:11pt;
	text-align:justify;
	line-height:16pt;
	vertical-align:text-top;
}
  
.paragraphc {
	text-align: center;
	color: #351204; 
	font-family: Tahoma, Helvetica, sans-serif; 
	font-size: 11pt;
}

.paragraphi {
	color: #351204; 
	font-family: Georgia, Times New Roman, Times, serif; 
	font-size: 12pt;
}

.floatleft {
	float:left;
	margin-right:10px;
}	

.floatright {
	float:right;
	margin-left:10px;
}

.photoc {
	position: inherit;
	margin-left:10px;
	margin-right:10px;
	text-align: center;

}

.quicklink {
	font-family:Tahoma, sans-serif;
	font-size:11pt;
	color:#351204;
	text-align:center;
	padding-top:3px;
	margin-left:190px;
	margin-right:285px;}

.footer {
	color: #000000;
	font-family: arial, helvetica, sans-serif;
	font-size: 8pt;
	text-align: center;
	margin-top: 4px;
	margin-bottom: 4px;
}

.footernav {
	color: #0000ff;
	text-decoration: underline;
}
.fb-like-box {
	left: 140px;
}