html, body {
height: 100%;
font-family: verdana, Arial, Helvetica, sans-serif;
}
body {
/* background-color: #bcc7dd; */
}
a:link {
color: #0000FF;
}
a:visited {
color: #FF0000;
}
a:hover {
color: #00CCFF;
}
a:active {
color: #FF0000;
}
#page_header {
margin: 20px;
/* padding: 5px; */
padding: 0.5em;
height: 75px;
width: 100%;
background-image: url(/images/HeaderGradient.gif);
background-repeat: repeat-x;
z-index: 1;
/*
border-bottom: 1px solid #336699;
*/
padding-bottom: 0;
margin-bottom: 0;
}
#logo {
/*
font-family: "Greeting Monotone", Arial, Helvetica, fantasy;
font-size: 36px;
font-weight: bold;
vertical-align: center;
text-shadow: ThreedFace;
font-stretch: wider;
*/
margin: 0;
padding: 0;
}
#tabs {
margin-left: 20px;
margin-top: 10px;
position: relative;
width: 100%;
height: 4em;
/* width: 45em; *//* a width is required for Opera, older Mozilla browsers, and Konqueror browsers */
}
#center {
/* margin-top: 0; */
/*
position: absolute;
top: 120px;
*/
margin-top: 30px;
margin-left: 210px;
margin-right: 210px;
/* font-family: Arial, Helvetica, sans-serif; */
font-size: 14px;
}
#left, #right {
position: absolute;
top: 220px;
width: 175px;
}
#left {
left: 30px;
}
#right {
right: 30px;
}
#bottom {
font-size: 10px;
text-align: center;
float: left;
min-height: 100%;
height: 100%;
left: 0px;
margin: 0;
padding: 0;
width: 800px; /* width of your stage */
border-top: 1px solid #fff;
position: relative; /* border = color of stage to hide it */
voice-family: "\";
}\"";
voice-family: inherit;
height: auto;
}
html>body #bottom {
height: auto;
/* background-color: #bcc7dd; */
}
.login {
/* font-family: Verdana, Arial, Helvetica, sans-serif; */
font-size: 10px;
font-style: normal;
line-height: normal;
font-weight: normal;
font-variant: normal;
color: #000000;
}
.redText {
color:#CC0000;
}
.required {
color:#CC0000;
}
.smallText {
font-size: 10px;
}
.box {
border-width: 1px ;
border-color: #336699 ;
border-style: groove ;
}
div.box {
border-width: 1px ;
border-color: #336699 ;
border-style: solid ;
}
p.banner {
background-color: #bcc7dd;
color: #000000;
border-bottom: thick solid #336699;
margin-top: 0;
}
p.question {
font-weight: bold;
margin-bottom: 0;
}
p.answer {
margin-top: 0;
}
p.formLabel {
display: block ;
width: 100px ;
/* background-color:#cc9966; */
background-color: #999999 ;
color:black;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
font-style: normal;
margin-bottom: 0;
padding-bottom: 0;
}
p.formField {
margin-top: 1px;
padding-top: 0;
}
label {
display: block ;
/* text-align: right ; */
/* float: left ; */
width: 100px ;
/* padding-right: 20px ; */
background-color: #999999 ;
color: black ;
font-weight: bold ;
padding: 4px ;
text-transform:: uppercase ;
font-family: Verdana, Arial, Helvetica, sans-serif ;
/* font-size: xx-small ; */
font-size: .7em ;
}
.labelLeft {
margin-left: 5px ;
}
label:after {
content: ": ";
}
.loginButton {
margin-left: 50px;
}
input {
display: block ;
width: 165px ;
/* float: left ; */
border: solid black ;
border-width: 1px 2px 2px 1px ;
margin-bottom: 10px ;
}
.inputLeft {
width: 150px ;
margin-left: 5px;
}
input:focus {
color: black ;
background-color: #FFCC99 ;
}
select {
margin-bottom: 10px ;
}
br {
clear: left ;
/* display: none ; */
}
.button {
width: 75px ;
display: inline ;
font-family: Verdana, Arial, Helvetica, sans-serif ;
font-size: xx-small;
text-transform: uppercase ;
margin: 5px;
}
.buttonMedium {
width: 100px ;
text-transform: uppercase ;
}
.buttonLarge {
width: 125px ;
text-transform: uppercase ;
}
.inputQuantity {
width: 3em ;
}
.checkbox {
display: block ;
width: 1em ;
float: left ;
border: none ;
}
.phone {
display: inline ;
width: 3em ;
}
.hidden {
display: none;
}
.bio_picture {
text-align: center ;
}
.bio_caption {
text-align: center ;
font-size: 24px ;
font-style: bold ;
}
.bio_description {
margin-right: 150px ;
margin-left: 150px ;
}