@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: 175px; /*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;

}