/* BASIC */

body {
	margin: 0px;
	padding: 0px;
	font: 62.7% Verdana, Arial, Helvetica, sans-serif;
	background: #E6E6E6 url(images/page_bg_4.png) repeat-y center top;
	}

h1, h2, h3, h4 {
	margin: 0px;
	padding: 0px;
}

/* LAYOUT */
#wrapper {
	width: 760px;
	margin-right: auto;
	margin-left: auto;
	text-align: left;
	padding: 0px;
	
}

#banner {
	width: 760px;
	background: url(images/banner_starlings_3.png) no-repeat center;
	position: relative;
	height: 90px;
	padding: 0px;
	-moz-box-shadow: 10px 10px 5px #888;
-webkit-box-shadow: 10px 10px 5px #888;
box-shadow: 10px 10px 5px #888; 
	}

#banner a
{
    position: absolute;
    top: 0;
    left: 0;
    width: 760px;
    height: 90px;
}
 
#Banner a h1
{
    display: none;
}
	
#nav {
	float: left;
	width: 150px;
	clear: left;
}
#main {
	float: left;
	width: 760px;
	padding: 0px;
	display: inline;
}

#footer { 
float: left;
	width: 760px;
	padding: 0px;
	display: inline; font-size:90%; color: #999999; 
	}

/* NAVIGATION */

#mainNav {
	width: 700px;
	padding-left:05em;
	}

#mainNav li {
	list-style: none;
	display: inline;
	float:left;
	width: 10em;
}
#mainNav a {
	text-decoration: none;
	color: #000000;
	font-size: 1.1em;
	text-transform: uppercase;
	display: block;
	padding: 7px 5px 7px 30px;
	background: #E7E7E7 url(images/link.png) no-repeat left center;
}


a#homeLink {
	background-image: url(images/home.png); 
	background-repeat: no-repeat;
	background-position: left center;
}

a#newsLink {
	background-image: url(images/hobbies.png); 
	background-repeat: no-repeat;
	background-position: left center;
}
a#aboutLink {
	background-image: url(images/ghs.png); 
	background-repeat: no-repeat;
	background-position: left center;
}

a#ftLink {
	background-image: url(images/fam_tree_1.png); 
	background-repeat: no-repeat;
	background-position: left center;
}
a#holibobLink {
	background-image: url(images/caravan.png); 
	background-repeat: no-repeat;
	background-position: left center;
}

a#petzLink {
	background-image: url(images/petz.png); 
	background-repeat: no-repeat;
	background-position: left center;
}


#logo {
	display: none;
}
#mainNav ul {
	border-top: 1px;
	margin-top: 20px;
	margin-bottom: 20px;
}

#mainNav a:hover {
	background: #E7E7E7 url(images/go_1.png) no-repeat left center;
	padding-right: 15px;
	padding-left: 30px;
	font-weight: bold;
}

#home #mainNav a#homelink,
#feature #mainNav a#featureLink {
	background: #FFFFFF 95% 50%;
	padding-right: 15px;
	padding-left: 30px;
	font-weight: bold;
}

#home #mainNav a#homelink:hover,
#feature #mainNav a#featureLink:hover {
	color: #B2F511;
}

#nav p {
	color: #ED6733;
	padding-right: 5px;
	padding-left: 5px;
}


#nav a {
	text-decoration: none;
	color: #666666;
}


#banner img {
	float: left;
}


/* MAIN */

#main h1 {
	color: #152D6A;
	margin-top: 15px;
	margin-bottom: 5px;
	font: normal 2.7em Impact, "Arial Narrow", sans-serif;
	text-transform: uppercase;
	letter-spacing: 1px;
	word-spacing: 5px;
	}

#main h2 {
	font: normal 2em Georgia, "Times New Roman", Times, serif;
	margin-top: 15px;
	margin-bottom: 3px;
	color: #152D6A;
}

#main h3 {
	font: normal 1.5em Georgia, "Times New Roman", Times, serif;
	margin-top: 15px;
	margin-bottom: 3px;
	color: #4C0309;
}
#main p {
	font-size: 1.25em;
	margin-bottom: 5px;
}

.style-five {
    border: 0;
    height: 0; 
    box-shadow: 0 0 10px 1px black;
}

.holibobs a {
	color: #000000;
	font-size: 1.1em;
	display: block;
	padding: 7px 5px 7px 30px;
	background: #E7E7E7 url(images/link.png) no-repeat left center;
}

.content_left {float:left; width:580px; }

.content_right {
	float:right;
	width:150px;
	background-color: #999999
}

.selected {font-weight:bold;
	color: #FF0000;
}

.caption {
	color: #CC00CC;
	text-align:center;
	font-weight:bold;
 	font-style: italic;
}
.imgcontain-right {
padding-left:20px; 
padding-bottom:10px; 
float:right;
}
.imgcontain-left {
padding-right:20px; 
padding-bottom:10px; 
float:left;
}

.imgcontain-mid {display: block;
    margin-left: auto;
    margin-right: auto;
	text-align: center;
			}

.box-shadow {
-moz-box-shadow: 10px 10px 5px #888;
-webkit-box-shadow: 10px 10px 5px #888;
box-shadow: 10px 10px 5px #888; 
}
.box-shadow li {list-style-type: none;
}

.current {
	font-style: italic;
	font-weight: bold;
}


.latestnews {
	font-weight: bold;
	color: #FF0000;
	list-style-type: none;
	left: auto;
}

.latestnews a {
	text-decoration: none;
}

.alt {
	background-color:#666666;
	color: #FFFFFF;
}
.col {
	border: #0000FF;
}
#main marquee_panel h2 {color:#FFF;}

.quote {
	color: #00F;
	font-style: italic;
	size: 24px;
	font-weight: bold;
}

.typewriter p {
  overflow: hidden; /* Ensures the content is not revealed until the animation */
  border-right: .15em solid orange; /* The typwriter cursor */
  white-space: nowrap; /* Keeps the content on a single line */
  margin: 0 auto; /* Gives that scrolling effect as the typing happens */
  letter-spacing: .15em; /* Adjust as needed */
  animation: 
    typing 3.5s steps(60, end),
    blink-caret .75s step-end infinite;
}

/* The typing effect */
@keyframes typing {
  from { width: 0 }
  to { width: 100% }
}

/* The typewriter cursor effect */
@keyframes blink-caret {
  from, to { border-color: transparent }
  50% { border-color: orange; }
}

.io
{
	background-color:"00FF00";
	}
.bh
{
	background-color:"FF0000";
	}
.indy
{ 

border-bottom-color:#F00;
border-bottom-width:thin;

}
.div_fix {
border-color: #000000;
	border-style: dotted;
  border-width: 2px;
	width: 60px;
	float:left;
	
}

.div_fix h2 {
	text-align: center;
}

/* Zebra effect on table */

tr:nth-child(even) {
  background-color: #C0C0C0;
}

.footy {font-size: 8px;}

.holibobs_red {color: #FF000F;}

.holibobs-blue {color:#0301FB}

.smiley {font-size: 125%}

.smiley_big {font-size: 250%}