/* CSS Document */

@import "dropdown_menu.css";

body	{
	font-family: Arial, Helvetica, sans-serif;
	background-image: url(images/bkg_body.png);
	background-repeat: repeat-y;
	background-position: center;
}

h1	{
	color:#122361;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 23px;
	font-weight: normal;
}
h2	{
	color:#89181B;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 20px;
	font-weight: normal;
}
h3	{
	color:#122361;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 18px;
	font-weight: normal;
	padding-top: 24px;
	padding-right: 0px;
	padding-bottom: 6px;
	padding-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 12px;
	margin-left: 0px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCC;
}

img.left {
	padding: 0px;
	margin-top: 0px;
	margin-right: 18px;
	margin-bottom: 6px;
	margin-left: 0px;
	
}
#container	{
	position:relative;
	margin-left:auto;
	margin-right:auto;
	width:800px;
	min-height: 100%;
	/*margin-bottom: -330px;*/
}
#navigation	{
	position:absolute;
	top: 81px;
	
}
/*** Nav bar styles ***/
 a.top
{
color:#CCCCCC;
text-decoration: none;
}

a.top:hover
{
color:#122361;
text-decoration: none;
} 


a {
color: #89181B;
text-decoration:none;}
a:hover { color: #122361; }

ul.nav,
.nav ul{
/*Remove all spacings from the list items*/
	margin: 0;
	padding: 0;
	cursor: default;
	list-style-type: none;
	display: inline;
}

ul.nav{
	display: table;
}
ul.nav>li{
	display: table-cell;
	position: relative;
	padding: 5px 16px;
}

ul.nav li>ul{
/*Make the sub list items invisible*/
	display: none;
	position: absolute;
	max-width: 60ex;
	margin-left: -16px;
	margin-top: 2px;
}

ul.nav li:hover>ul{
/*When hovered, make them appear*/
	display : block;
}

.nav ul li a{
/*Make the hyperlinks as a block element, sort of a hover effect*/
	display: block;
	padding: 5px 10px;
}

/*** Menu colors (customizable) ***/

ul.nav,
.nav ul,
.nav ul li a{
	background-color: #122361;
	color: #fff;
}


ul.nav li:hover,
.nav ul li a:hover{
	background-color: #fff;
	color: #122361;
}

ul.nav li:active,
.nav ul li a:active{
	background-color: #036;
	color: #fff;
}

ul.nav,
.nav ul{
	border: 1px solid #122361;
}

.nav a{
	text-decoration: none;
}


#homeHeader	{
	width:800px;
	height:148px;
	top:113px;
	background-image:url(images/HomeHeaderImage.jpg);
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	margin-top: 32px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
#abaLogo	{
	width:415px;
	height:73px;
	background-image:url(images/ABA_logo.jpg);
}
#MainLogo	{
	position:absolute;
	width:208px;
	height:304px;
	left:569px;
	background-image:url(images/RW&B_Logo.png);
	top: -1px;
}
#HomeButton	{
	position:absolute;
	width:81px;
	height:32px;
	top:81px;
	background-image:url(images/HomeButton.jpg);
}
#ParadeButton	{
	position:absolute;
	width:95px;
	height:32px;
	top:81px;
	left:81px;
	background-image:url(images/ParadeButton.jpg);
}
#FestivalButton	{
	position:absolute;
	width:103px;
	height:32px;
	top:81px;
	left:176px;
	background-image:url(images/FestivalButton.jpg);
}
#VolunteerButton	{
	position:absolute;
	width:136px;
	height:32px;
	top:81px;
	left:279px;
	background-image:url(images/VolunteerButton.jpg);
}
#SponsorsButton	{
	position:absolute;
	width:123px;
	height:32px;
	top:81px;
	left:415px;
	background-image:url(images/SponsorsButton.jpg);
}
#RightMenu	{
	position:absolute;
	width:262px;
	height:32px;
	top:81px;
	left:538px;
	background-image:url(images/RightMenuBar.jpg);
}
#calendar	{
	position:absolute;
	left:607px;
	top:330px;
	width: 213px;
}
#HomeCopy	{
	position:absolute;
	top:270px;
	width:582px;
}
#content{
	line-height: 150%;
}
.home {
	margin: 0px;
	padding-top: 0px;
	padding-right: 222px;
	padding-bottom: 0px;
	padding-left: 0px;
	
}
#photoGallery	{

}

#footer {
	border-top: 3px solid #89181B;
	border-bottom: 3px solid #89181B;
	width:100%;
	font-size:12px;
	margin: 0px;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 14px;
	padding-left: 0px;
}
#Pressfooter {
	border-top: 3px solid #89181B;
	border-bottom: 3px solid #89181B;
	width:100%;
	font-size:12px;	
	margin: 0px;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 14px;
	padding-left: 0px;
}
#Participatefooter {
	border-top: 3px solid #89181B;
	border-bottom: 3px solid #89181B;
	width:100%;
	font-size:12px;
		margin: 0px;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 14px;
	padding-left: 0px;
}
#Sponsorfooter {
	border-top: 3px solid #89181B;
	border-bottom: 3px solid #89181B;
	width:100%;
	font-size:12px;
}
#Communityfooter {
	border-top: 3px solid #89181B;
	border-bottom: 3px solid #89181B;
	width:100%;
	font-size:12px;
		margin: 0px;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 14px;
	padding-left: 0px;
}
#Directionsfooter {
	border-top: 3px solid #89181B;
	border-bottom: 3px solid #89181B;
	width:100%;
	font-size:12px;
}
#Historyfooter {
	border-top: 3px solid #89181B;
	border-bottom: 3px solid #89181B;
	width:100%;
	font-size:12px;
		margin: 0px;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 14px;
	padding-left: 0px;
}
#Musicfooter {
	border-top: 3px solid #89181B;
	border-bottom: 3px solid #89181B;
	width:100%;
	font-size:12px;
		margin: 0px;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 14px;
	padding-left: 0px;
}
#Volunteerfooter {
	border-top: 3px solid #89181B;
	border-bottom: 3px solid #89181B;
	width:100%;
	font-size:12px;
		margin: 0px;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 14px;
	padding-left: 0px;
}
#Sponsorsfooter {
	border-top: 3px solid #89181B;
	border-bottom: 3px solid #89181B;
	width:100%;
	font-size:12px;
		margin: 0px;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 14px;
	padding-left: 0px;
}

	
#FrogJS{
width: 760px;
height: 400px;
margin: 0 auto;
background-color:#122361;
padding-top:35px;
}
#FrogJSCredit{
text-align: right;
font-size: 80%;
color: #999;
padding: 1px;
}
#FrogJSCaption{
text-align: left;
line-height: 140%;
}

div#program {
	height: 350px;
	width: 280px;
	float: right;
	
}