@charset "utf-8";

p {
	font-size:1em;
	color:#CCCCCC;
	font-family: Georgia, "Times New Roman", Times, serif;
}
#container {
	background-color:#000000;
	width: 980px;
	margin-right: auto;
	margin-left: auto;
	height:auto;
}
.header{
	float: left;
	height: auto;
	width: 980px;
}
#upperFlag{
	float: left;
	height: auto;
	width: 980px;
}

#upperFlag img{
	float:left;
	}

#navcontainer ul {
    margin: 0;
   
    list-style-type: none;
    text-align: center;
}

.indentmenu{
	font: bold 13px Arial;
	width: 980px; /*leave this value as is in most cases*/
	overflow: hidden;
	float: left;
}

.indentmenu ul{
margin: 0;
padding: 0;
float: left;
width: 100%; /*width of menu*/
border: 1px solid #564c66; /*dark purple border*/
border-width: 1px 0;
background:url(../Images/indentbg.gif) black center center repeat-x;
}

/*1st sub level menu*/
.indentmenu ul li ul{
left: 0;
position: absolute;
top: 1em; /* no need to change, as true value set by script */
display: block;
visibility: hidden;
}


.indentmenu ul li{
display: inline;
}

.indentmenu ul li a{
float: left;
color: white; /*text color*/
padding: 5px 11px;
text-decoration: none;
border-right: 1px solid #564c66; /*dark purple divider between menu items*/
}

.indentmenu ul li a:visited{
color: white;
}

.indentmenu ul li a:hover, .indentmenu ul li .current{
color: white !important; /*text color of selected and active item*/
padding-top: 6px; /*shift text down 1px for selected and active item*/
padding-bottom: 4px; /*shift text down 1px for selected and active item*/
background: url(../Images/indentbg2.gif) black center center repeat-x;
}

.navBar {
	float: left;
	height: auto;
	width: 980px;
	margin-top: 1px;
}

/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */


.gallerycontainer{
	position:absolute;
	height:auto;
	float:left;
	margin-top:10px;
	width:980px;
/*Add a height attribute and set to largest image's height to prevent overlaying*/
}

.thumbnail img{
border: 1px solid white;
margin: 0 5px 5px 0;
}

.thumbnail:hover{
background-color: transparent;
}

.thumbnail:hover img{
border: 1px solid blue;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
left: -1000px;
background-color: #FFFFA4;
padding: 5px;
border: 1px dashed gray;
visibility: hidden;
color: black;
text-decoration: none;
text-align:center;

}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image*/
visibility: visible;
top: 0px;
left: 230px; /*position where enlarged image should offset horizontally */
z-index: 50;
}

.clearAll{
height:1px;
clear:both;
}

#FrogJS{
width: 760px;
height: 500px;
margin: 0 auto;
margin-top:20px;
margin-bottom:20px;
text-align:center;
}

#FrogJSCredit{
text-align: center;
font-size: 110%;
color: #999;
padding: 1px;
}
#FrogJSCaption{
text-align: center;
line-height: 140%;
}

#vidz {
	height: auto;
	width: 425px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 10px;
}

#AboutUs {
	font-family: Georgia, "Times New Roman", Times, serif;
	width: 680px;
	margin-right: 80px;
	margin-top: 20px;
	margin-left: 10px;
	float: right;
}
#TabbedPanels1 {
	float: left;
	margin-top: 20px;
	margin-left: 10px;
	margin-right: 10px;
	color: #000000;
}
#contactUs {
	background-color: #99CC66;
	float: left;
	height: 300px;
	width: 940px;
	text-align: center;
	margin: 10px;
	padding-top: 50px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
}