body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, 
form, fieldset, input, p, blockquote, table, th, td, embed, object {
	padding: 0;
	margin: 0; 
	}
table {
	border-collapse: collapse;
	border-spacing: 0;
	}
fieldset, img, abbr {
	border: 0;
	}
address, caption, cite, code, dfn, em, 
h1, h2, h3, h4, h5, h6, th, var {
	font-weight: normal;
	font-style: normal;
	}
ul {
	list-style: none;
	}
caption, th {
	text-align: center;
	}
h1{
	font-size: 220%;
   font-weight: bold;
   line-height: 90px;
	}
h2{
	font-size: 180%;
   font-weight: bold;
	}
h3{
	font-size: 140%;
   font-weight: bold;
	}
h4{
	font-size: 120%;
   font-weight: bold;
	}
h5{
	font-size: 110%;
   font-weight: bold;
	}
h6 {
	font-size: 100%;
   font-weight: bold;
	}
q:before, q:after {
	content: '';
	}
a, ins {
	text-decoration: none;
   color: black;
	}
   
/*    LAYOUT COMMENCES    */

/*body isnt being used since no # next to it*/
body{ 
   text-align: center;
   background-color: #292727;
   background-image: url(images/bg4.jpg);
   background-repeat: no-repeat;
   background-attachment: fixed;
   background-position: center;
   font: bold 95% sans-serif;
   color: #ffffff;              
}

#page{
padding-top: 10px;
margin: auto;
border: 0px;
text-align: center;
}
#wrap{
   width: 990px;
   margin: auto;
}
#left{
border-right: 3px solid gray ;
border-bottom: 3px solid gray ;
   width: 240px;/*
   height: 900px ;*/
   float: left;
   background-color: #2cef0a;
   text-align: center;
   padding:30px 10px;
}
#left p{/*
   font: bold 70% sans-serif;
   color: black;*/
}
#right{
width: 710px;
float: right;
   text-align: center;
   padding:30px 0px;
}
#foot{
   font-size: 170%;
border-top: 2px solid navy ;
width: 820px;
height: 58px;
margin: 0 79px ;
   text-align: center;
   padding:10px 0px;
}



#navcontainer {
        background: navy;
        border-top: 1px solid darkgreen;
        font: normal normal 15px Verdana, Geneva, Arial, Helvetica, sans-serif;
}

#navlist {
        list-style: none outside none;
        margin: 0;
        padding: 0;
}

@media all {
        #navlist {
                text-align: center
        }
}

#navlist li {
        bottom: 11px;
        display: inline;
        line-height: 1.2em;
        margin: 0;
        padding: 0;
        position: relative;
}

html>body #navlist li {
        background: #000;
        margin: 0 3px 0 0;
        padding: 4px 0px 4px 0;
}

#navlist a, #navlist a:link, #navlist a:visited {
        background: red;
        border: 1px solid #FFF;
        bottom: 2px;
        color: #FFF;
        cursor: pointer;
        display: inline;
        height: 1em;
        margin: 0;
        padding: 3px 5px 3px 5px;
        position: relative;
        right: 2px;
        text-decoration: none;
}

#navlist a:hover {
        background: #ff8000;
        bottom: 1px;
        color: #FFF;
        position: relative;
        right: 1px;
}

#navlist a:active {
        background: #999;
        bottom: 0px;
        color: #FFF;
        position: relative;
        right: 0px;
}

#navlist li#active {
        background: #369;
        bottom: 13px;
        display: inline;
        margin: 0 3px 0 0;
        padding: 0;
        position: relative;
}

html>body #navlist li#active {
        background: #000;
        margin: 0 4px 0 4px;
}

#navlist #active a, #navlist #active a:link, #navlist #active a:visited, #navlist #active a:hover {
        background: #369;
        border-bottom: none;
        border-left: 1px solid #9CC;
        border-right: 1px solid #9CC;
        border-top: 1px solid #9CC;
        bottom: 0;
        color: #FFF;
        cursor: text;
        margin: 0;
        padding: 2px 5px 0 5px;
        position: relative;
        right: 0;
}
.clear{
   clear: both;
}
.cumulus{
   font: 110% sans-serif;
   color: black;
}
.content{
/*
border: 1px solid green ;  */
   width:650px;
   text-align: center;
   font-size: 110%;
}
.comment{
   border: 1px solid #000000;
   width: 470px;
   text-align: center;
   font: italic normal 90% sans-serif;
   padding: 10px;
   background-color: #0068cc;
   margin: auto;
}
.comment p{
   text-decoration: none;
   font: normal normal bold 90% sans-serif;
}
.comment ul li{
   text-indent: 15px ;
}
.comment h3{
   text-align: center;
}
.smallprint{
   font-size: 80%;
   text-align: left;
   color: black;
   width: 600px;
}
.gallery{
text-align: center;
border: 3px solid orange ;
margin: auto;
   width: 640px;
   background-color: #4a4a4a;
   padding:10px 0 30px;
   clear : both;
   overflow : auto;
}
.map{
   font-size: 75%;
   color: black;
   text-decoration: none;
   text-align: left;
   width: 600px ;
}
.where{
text-align: left;
   font-size: 14px;
   padding : 5px;
   background-color : #0068CC;
   border:1px solid black;
   margin : 5px 0 0 0;
}
.where p{
   font-size: 14px;
   font-weight : normal;
   color: black;
}
.where h1{
   font-size: 110%;
   line-height: normal;
   font-weight: bold;
}
.utube{
   width: 170px;
   margin: auto;
   text-align: center;
   background-color: red;
   padding: 15px 10px 10px 10px;
   border: 3px solid orange;
   font-size: 100%;
}
.utube2{
   width: 194px;
   background: url(images/utube.jpg) repeat-y center;
   margin: auto;
   text-align: center;
   padding: 15px 0 0;
   border-left: 3px solid orange;
   border-right: 3px solid orange;
   font-size: 125%;
}
.flag{
   margin: auto;
   text-align: center;
}
caption{
   color: white;
   font: bold 110% sans-serif;
}
#map {
			margin:0;
			padding:0;
			width:600px;
			height:472px;
			background:url(images/maprsa.gif) top left no-repeat transparent;
			font-family:arial, helvetica, sans-serif;
			font-size:8pt;
		}

		#map li {
			margin:0;
			padding:0;
			list-style:none;
		}
		
		#map li a {
			position:absolute;
			display:block;
			/*
			   Specifying a background image
			   (a 1px by 1px transparent gif)
			   fixes a bug in older versions of
			   IE that causeses the block to not
			   render at its full dimensions.
			*/  
   			background:url(blank.gif);
   			text-decoration:none;
			color:#000;
		}
		
#map .hotspot-container {
  width: 600px; height: 472px;
  position: relative;
  background: url(images/maprsa.gif) no-repeat;
}
  .hotspot-container .hotspot1 {
    width: 108px; height: 40px;
    position: absolute;
    top: 896px; /* Top coord of hotspot (relative to parent, bottom: 20px is also valid) */
    left: 748px; /* Left coord of hotspot (right: 20px is also valid); */
  }
  
  .hotspot-container .hotspot2 {
    width: 80px; height: 45px;
    position: absolute;
    top: 535px; /* Top coord of hotspot (relative to parent, bottom: 20px is also valid) */
    left: 605px; /* Left coord of hotspot (right: 20px is also valid); */
  }
		
#map li a span { display:none; }
#map li a:hover span {
			position:relative;
			display:block;
			width:240px;
			left:-20px;
			top:40px;
			border:1px solid #000;
			background:#fff;
			padding:5px;  
 			filter:alpha(opacity=80);
			opacity:0.8;
  		}
#map a.bunny {
			top:885px;
			left:705px;
			width:20px;
			height:40px;
}
#map a.parrot {
			top:1px;
			left:275px;
			width:50px;
			height:50px;
}	
#map a.snail {
			top:135px;
			left:30px;
			width:50px;
			height:50px;
}		
#map a.dog {
			top:100px;
			left:150px;
			width:115px;
			height:95px;
}
#map a.cat {
			top:625px;
			left:760px;
			width:20px;
			height:40px;
}
#boundary{
width: 600px;
margin: auto;
   text-align: center;
}