/*  This is the style sheet for the over all web page. */

/* Set the background color of the web page. */
html, body {
	margin: 0;
	padding: 0;
	height: 100%;
	font-size: 1.01em;
	vertical-align: middle;
}

body {
	margin: 0;
	padding: 0;
  font-family: "Bitstream vera Sans", Verdana, Arial,
Helvetica, sans-serif;
	background-image: url("../images/body/backbg.jpg" );
	color: black;
}

img {
	border: none;
}

h2 {
	text-align: center;
	color: #701212;
}

h1 {
	margin: 0;
	padding: 3px 0;
	text-align: center;
	color: blue;
}

/*************************************
* Sets the format for the page
*************************************/

#pagebody {
	margin: 0 auto;
	padding: 0;
	width: 100%;
	text-align: center;
}

#header {
	margin: 0;
	padding: 0;
	width: 100%;
	background-repeat: repeat;
	background-image: url("../images/mainbg.jpg" );
	text-align: center;
}

#header img {
	border: none;
}

.pagetitle {
	margin: 5px 0 0 0;
	padding: 0 0 0 10px;
	text-align: left;
}

table#page {
	margin: 0 auto;
	padding: 0;
	width: 100%;
	height: 100%;
}
#pagebody table td {
	vertical-align: top;
	height: auto;
}

#hmenubar {
	margin: 0;
	padding: 0;
	height: 25px;
	background-repeat: repeat-x;
	background-image: url("../images/menu/menubar.png" );
}

#hmenu a {
	margin: 0;
	padding: 0 10px;
	text-decoration: none;
	color: black;
	font-weight: bold;
}

#hmenu a:hover {
	color: white;
}



/*************************************
* Vertical drop down menu
*************************************/
#menubar {
	margin: 0;
	padding: 0;
	vertical-align: top;
	background-repeat: repeat-y;
	background-image: url("../images/menu/menubg2.jpg" );
}

#menu {
	width: 175px;
	height: 500px;
}

#nav {
	margin: 15px 0 0 0;
	padding: 0;
	text-align: left;
}

#nav a {
	margin: 0;
	padding: 5px 0 5px 40px;
	text-decoration: none;
	display: block;
}


#body {
	margin: 0;
	padding: 0 5px;
	width: 100%;
}

#content {
	margin: 0;
	padding: 0 5px;
	text-align: left;
}


/***********************************************************
  This is the over for the menu buttons.
*************************************************************/
a#master img {
	background: url("../images/menu/rayo.png" );
}
a#master:hover img {
	background: url("../images/menu/ray.png" );
}

a#programs img {
	background: url("../images/menu/programso.png" );
}
a#programs:hover img {
	background: url("../images/menu/programs.png" );
}

a#benefits img {
	background: url("../images/menu/benefitso.png" );
}
a#benefits:hover img {
	background: url("../images/menu/benefits.png" );
}

a#birthday img {
	background: url("../images/menu/birthdayo.png" );
}
a#birthday:hover img {
	background: url("../images/menu/birthday.png" );
}

a#time img {
	background: url("../images/menu/timeo.png" );
}
a#time:hover img {
	background: url("../images/menu/time.png" );
}

a#calendar img {
	background: url("../images/menu/calendaro.png" );
}
a#calendar:hover img {
	background: url("../images/menu/calendar.png" );
}

a#album img {
	background: url("../images/menu/photoso.png" );
}
a#album:hover img {
	background: url("../images/menu/photos.png" );
}

a#video img {
	background: url("../images/menu/videoo.png" );
}
a#video:hover img {
	background: url("../images/menu/video.png" );
}

a#contact img {
	background: url("../images/menu/contacto.png" );
}
a#contact:hover img {
	background: url("../images/menu/contact.png" );
}

a#registration img {
	background: url("../images/menu/weeko.png" );
}
a#registration:hover img {
	background: url("../images/menu/week.png" );
}

a#newsletter img {
	background: url("../images/menu/newso.png" );
}
a#newsletter:hover img {
	background: url("../images/menu/news.png" );
}

a#testimony img {
	background: url("../images/menu/testimonyo.png" );
}
a#testimony:hover img {
	background: url("../images/menu/testimony.png" );
}

a#information img {
	background: url("../images/menu/infoo.png" );
}
a#information:hover img {
	background: url("../images/menu/info.png" );
}

a#history img {
	background: url("../images/menu/historyo.png" );
}
a#history:hover img {
	background: url("../images/menu/history.png" );
}

a#children img {
	background: url("../images/menu/childreno.png" );
}
a#children:hover img {
	background: url("../images/menu/children.png" );
}

a#members img {
	background: url("../images/menu/memberso.png" );
}
a#members:hover img {
	background: url("../images/menu/members.png" );
}

a#delta img {
	background: url("../images/menu/deltao.png" );
}
a#delta:hover img {
	background: url("../images/menu/delta.png" );
}

a#bbc img {
	background: url("../images/menu/bbco.png" );
}
a#bbc:hover img {
	background: url("../images/menu/bbc.png" );
}

a#faq img {
	background: url("../images/menu/faqo.png" );
}
a#faq:hover img {
	background: url("../images/menu/faq.png" );
}

a#admin img {
	background: url("../images/menu/adminareao.png" );
}
a#admin:hover img {
	background: url("../images/menu/adminarea.png" );
}


#footer {
	margin: 0 auto;
	padding: 0;
	vertical-align: bottom;
	background-repeat: repeat-y;
	background-image: url("../images/menu/menubg2.jpg" );
	text-align: center;
}


#footerbody {
	margin: 30px 0 5px 10px;
	padding: 5px 0;
	color: white;
	text-align: center;
	font-size: 0.7em;
}

#footer a {
	color: white;
}

#nav #tom {
	margin: 0 0 0 20px;
	padding: 0;
	color: #470909;
	text-align: center;
	font-size: 18px;
}

#nav #tom #small {
	font-size: 12px;
}