body { background-image: url('../img/ospa/bg.gif'); background-color: #00a8cb }

table#canvas td.tall { background: transparent url('../img/ospa/bg_ospa.gif') repeat-y; }

#canvas #banner { background: transparent url('../img/ospa/banner.jpg') no-repeat; }

#navigation { background: transparent url('../img/ospa/nav_bg.gif') repeat-x; }

#navigation ul#navlist li#navHome { background: transparent url('../img/ospa/nav_Home.gif') no-repeat; }
#navigation ul#navlist li#navHome a { background: transparent url('../img/ospa/nav_Home.gif') no-repeat; }

#navigation ul#navlist li#navMember { background: transparent url('../img/ospa/nav_MemberServices.gif') no-repeat; }
#navigation ul#navlist li#navMember a { background: transparent url('../ospa/img/nav_MemberServices.gif') no-repeat; }
#navigation ul#navlist li#navMember ul li a { background: #0093b1 none; text-decoration: none; color: #fff; }
#navigation ul#navlist li#navMember ul li a:hover { background-color: #026a80; text-decoration: none; color: #fff; }

#navigation ul#navlist li#navAdults { background: transparent url('../img/ospa/nav_Adults.gif') no-repeat; }
#navigation ul#navlist li#navAdults a { background: transparent url('../img/ospa/nav_Adults.gif') no-repeat; }
#navigation ul#navlist li#navAdults ul li a { background: #0093b1 none; text-decoration: none; color: #fff; }
#navigation ul#navlist li#navAdults ul li a:hover { background-color: #026a80; text-decoration: none; color: #fff; }

#navigation ul#navlist li#navSeniors { background: transparent url('../img/ospa/nav_Seniors.gif') no-repeat; }
#navigation ul#navlist li#navSeniors a { background: transparent url('../img/ospa/nav_Seniors.gif') no-repeat; }
#navigation ul#navlist li#navSeniors ul li a { background: #0093b1 none; text-decoration: none; color: #fff; }
#navigation ul#navlist li#navSeniors ul li a:hover { background-color: #026a80; text-decoration: none; color: #fff; }

#navigation ul#navlist li#navKids { background: transparent url('../img/ospa/nav_Kids.gif') no-repeat; }
#navigation ul#navlist li#navKids a { background: transparent url('../img/ospa/nav_Kids.gif') no-repeat; }
#navigation ul#navlist li#navKids ul li a { background: #0093b1 none; text-decoration: none; color: #fff; }
#navigation ul#navlist li#navKids ul li a:hover { background-color: #026a80; text-decoration: none; color: #fff; }

#navigation ul#navlist li#navAbout { background: transparent url('../img/ospa/nav_AboutUs.gif') no-repeat; }
#navigation ul#navlist li#navAbout a { background: transparent url('../img/ospa/nav_AboutUs.gif') no-repeat; }
#navigation ul#navlist li#navAbout ul li a { background: #0093b1 none; text-decoration: none; color: #fff; }
#navigation ul#navlist li#navAbout ul li a:hover { background-color: #026a80; text-decoration: none; color: #fff; }

div#contentbody h3 { height: 46px; width: 605px; margin: 0; padding: 0; background: transparent url('../img/ospa/header.gif') no-repeat; clear: both; }

div#content { background-color: #00a8cb; }

/* this is the surrounding color for the left navigation and banners underneath */
div#navleft { background-color: #00a8cb; }

/* color for the navigation links in their inactive state */
div#navleft ul li a {	background-color: #026a80;
						color: #fff;
						border-top: 1px solid #000;
						border-left: 1px solid #000;
						border-right: 1px solid #6fe7ff;
						border-bottom: 1px solid #6fe7ff; 
}

/* this is the hover color the left navigation links */
div#navleft ul li a:hover {	background-color: #0093b1;
						color: #fff; 
						border-top: 1px solid #000; 
						border-left: 1px solid #000; 
						border-right: 1px solid #6fe7ff; 
						border-bottom: 1px solid #6fe7ff;
}

div#navleft #search button { background: transparent url('../img/ospa/go.gif') no-repeat; }

/* top */
#canvas #top { background-color: #00a8cb; }
#canvas #top #ticker { background-color: #00a8cb; }
#canvas #top #topnav { background-color: #00a8cb; }

/*bot */
div#bottom { background-color: #026a80; }