/* styles for image positions */
.align-left {
    float: left;
    margin-right: 10px;
}

/* Styles for fixed-width layout */
.page.fixed-width {
    width: 960px;
    margin: 0 auto;
    background-image: url("floral.gif");
    font-family: Verdana;
}

/* Styles for liquid layout */
.page.liquid {
    max-width: 100%;
    margin: 0 auto;
    background-color: #ffffff;
    font-family: Verdana;
}
    
body {
	font-family: Verdana;
	color: #667b68;
    padding: 10px;
}

h1 {
    font-family: Courier;
    color: #667b68;
    font-style: italic;
}

h2 {
	text-decoration: underline;
	font-weight: bold;
	font-size: 90%;
	line-height: 2em;
}

/* apply to class and id: page */

.page {
border: 4px solid #f8d3c5;
border-style:dashed;
background-color: #fceee9;
padding: inherit;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
height:75%;
width:75%;
margin: 10px auto 10px auto;
text-align: center;
}

/* Styling for additional content boxes */

/* apply to class: content-box */

.content-box {
    margin: 20px auto 0 auto;
    padding: 10px;
    border: 1px solid #667b68;
    background-color: #dde6d5;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    text-align: center;
}

#table {color: #dde6d5;
}

#intro {font-size: 100%; 
}

p {
    font-family: Verdana;
	font-weight: normal; 
	text-align: justify;
}

/* styling for table below */

/* apply to class: description */

.description {
min-width: 450px;
max-width: 650px;
text-align: left;
padding: 5px;
margin: 0;
color: #004c4c;
border-color:#b2d8d8 #66b2b2;
background-color: #b2d8d8;}


ul {font-family: Verdana;
    line-height: 1.4em;
    text-align: left;
}

ol {font-family: Verdana ;
    line-height:1.4em;
    list-style-type: lower-roman;
    text-align: left;
}

/* Styling for inline navigation list */

/* apply to class: nav-title and nav-list */

.nav-title {
    display: inline;
    margin-right: 20px;
}
.nav-list {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.nav-list li {
    display: inline;
    margin-right: 20px;
}

a:link {color: #667b68;
}

a:visited {color: #a3b899;
}

/* styling for form below */

input {
background-color: #b2d8d8;
border-style:groove;
}

fieldset {
width: 350px;
border: 1px solid #004c4c;
border-radius: 10px;
padding: 20px;
text-align: right;
color:#004c4c;
}
legend {
background-color: #b2d8d8;
border-style: dotted;
border-radius: 10px;
padding: 10px 20px;
text-align: left;
text-transform: uppercase;}

/* apply to class: button */

.button {
    color: #004c4c;
    background-color: #66b2b2;
    text-shadow: px 1px, 1px #ffffff;
    border-bottom: 2px solid #b2b2b2;
    border-style:dashed;
    background: -webkit-gradient(linear, left top,
    left bottom, from(#beeae9), to(#a8cfce));
    background:
    -moz-linear-gradient(top, #beeae9, #a8cfce);
    background:
    -o-linear-gradient(top, #beeae9, #a8cfce);
    background:
    -ms-linear-gradient(top, #beeae9, #a8cfce);
}