body         { color: #006; font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; background: url(../img/starryback.jpg); margin: 20px 20px 0; padding: 0 }

h1, h2, h3        { color: #006; font-size: 14px; font-family: Verdana, Arial, Helvetica, sans-serif; margin: 0; padding: 0 }

h2   { font-size: 14px; font-weight: bold }
h3  { font-size: 14px }

p, ol, ul  { font-family: Verdana, Arial, Helvetica, sans-serif; line-height: 20px }

a   { color: #006; text-decoration: none }

a:hover  { text-decoration: underline }

.img     { margin: 5px; border: solid 2px #006 }
/* Header */

#header         { background-color: transparent; background-image: url(../img/banner.png); background-repeat: no-repeat; background-position: 0 0; margin: 0 auto; width: 780px; height: 100px; border: solid 1px #fc0 }
/* Menu */

#menu          { background-color: #003; margin: 0 auto; width: 780px; height: 30px; border-right: 1px solid #fc0; border-left: 1px solid #fc0 }

#menu ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

#menu li {
	display: inline;
}

#menu a      { color: #fc0; font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration: none; background-color: #003; background-position: 0 0; text-align: center; display: block; padding-top: 4px; padding-bottom: 0; padding-left: 0; width: 120px; height: 26px; float: left; border-right: 1px solid #666 }

#menu a:hover, #menu .active a   { color: #ffffff; text-decoration: none; background-color: #003; background-position: 0 0 }

/* Content */

#content          { background: #fff url(../img/wpgrstripe2.jpg); margin: 0 auto; width: 780px; border: solid 1px #fc0 }

#left         { font-family: Verdana, Arial, Helvetica, sans-serif; line-height: 1em; background-color: transparent; background-image: url(../img/wpgrstripe2.jpg); background-repeat: repeat; background-attachment: scroll; margin: 0; padding: 20px; width: 100px; float: left }

#left h3      { color: #006; font-size: 14px; font-family: Verdana, Arial, Helvetica, sans-serif; margin: 5px 0 10px }

#left ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

#left a          { color: #006; padding-bottom: 4px; padding-left: 8px; border-left: 4px ridge #fc0 }
#left a:hover       { text-decoration: none; padding-bottom: 4px; padding-left: 8px; border-bottom: 1px solid #003; border-left: 4px solid #003 }
#right                     {
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-color: #fff;
	padding: 20px;
	width: 560px;
	height: 100%;
	float: right;
	border: solid 1px #003;
	margin-top: 8px;
	margin-right: 20px;
	margin-bottom: 0;
	margin-left: 0;
}

/* Footer */

#footer      { background: #003; margin: 0 auto; width: 780px; border-style: none solid solid; border-width: 0 1px 1px; border-color: #fc0 }

#footer p   { color: #fc0; font-size: 9px; font-family: Verdana, Arial, Helvetica, sans-serif; text-align: center; margin: 0; padding: 0 0 4px }

#footer a  { color: #fc0; font-size: 9px; font-family: Verdana, Arial, Helvetica, sans-serif }
#content #right p img {
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	border: 1px solid #050529;
}
#female {
	float: left;
	width: 270px;
	margin-top: 10px;
	margin-bottom: 10px;
}
#male {
	float: right;
	width: 270px;
	margin-top: 10px;
	margin-bottom: 10px;
}
h7  {
	font-size: 120%;
	text-align: center;
	padding-top: 20px;
	padding-bottom: 20px;
}