a:link {
color: #b93334;
font-size: 11px;
text-decoration: none;
}

a:visited {
color: #b93334;
font-size: 11px;
text-decoration: none;
}

a:hover {
color: #19171c;
font-size: 11px;
text-decoration: underline;
}

a.navtop:link {
color: #19171c;
font-size: 11px;
text-decoration: none;
}

a.navtop:visited {
color: #19171c;
font-size: 11px;
text-decoration: none;
}

a.navtop:hover {
color: #b93334;
font-size: 11px;
text-decoration: underline;
}

a.navtop2:link {
color: #19171c;
font-size: 11px;
text-decoration: none;
}

a.navtop2:visited {
color: #19171c;
font-size: 11px;
text-decoration: none;
}

a.navtop2:hover {
color: #ffffff;
font-size: 11px;
text-decoration: none;
}

a.navfoot:link {
color: #b93334;
font-size: 10px;
text-decoration: none;
}

a.navfoot:visited {
color: #b93334;
font-size: 10px;
text-decoration: none;
}

a.navfoot:hover {
color: #19171c;
font-size: 10px;
text-decoration: underline;
}

#wrapper {
margin: 0px auto;
width: 770px;
}

body {
margin: 0px;
font-family: verdana, ariel, sans-serif;
font-size: 11px;
color: #525252;
background-color: #ffffff;
}

.topnav {
vertical-align: top;
text-align: right;
padding-top: 28px;
padding-right: 25px;
}

h1 {
font-size: 11px;
font-weight: bold;
color: #19171c;
margin-bottom: 7px;
}

h2 {
font-size: 11px;
font-weight: bold;
color: #666666;
margin-bottom: 7px;
}

h3 {
font-size: 11px;
font-weight: normal;
color: #666666;
text-decoration: underline;
margin-bottom: 0px;
}

.head2 {
font-size: 11px;
font-weight: bold;
color: #666666;
}

.head {
font-weight: bold;
}

.key {
background-color: #cdcdcd;
}

.right {
text-align: right;
}

.left {
text-align: left;
}

.footer {
font-size: 11px;
color: #19171c;
width: 440px;
vertical-align: bottom;
text-align: left;
}

.foot {
color: #9b9b9b;
font-size: 10px;
text-align: left;
}

.red {
font-size: 11px;
color: #b93334;
}

.crumbtrail {
font-size: 11px;
color: #525252;
height: 38px;
padding-left: 54px;
text-align: left;
}

.clock1 {
font-size: 11px;
color: #525252;
height: 38px;
padding-left: 45px;
text-align: left;
}

.main {
font-size: 11px;
color: #525252;
padding-top: 17px;
padding-left: 56px;
padding-right: 20px;
vertical-align: top;
text-align: left;
}

.mainright {
font-size: 11px;
color: #525252;
background-color: #f3f3f3;
padding-top: 16px;
padding-left: 24px;
padding-right: 24px;
vertical-align: top;
text-align: left;
}

.mainright2 {
background-color: #f3f3f3;
vertical-align: top;
}

.def {
font-family: verdana, ariel, sans-serif;
font-size: 11px;
color: #525252;
}

.indent {
padding-left: 50px;
}

input {
color: #525252; 
background: #ffffff;
font-size: 11px;
border: 1px solid #999999;
font-family: verdana, ariel, sans-serif;
}

.check {
color: #525252; 
background: #f3f3f3;
font-size: 11px;
border: 0px solid #999999;
font-family: verdana, ariel, sans-serif;
}

select {
width: 134px;
color: #525252; 
background: #ffffff;
font-size: 11px;
border: 1px solid #999999;
font-family: verdana, ariel, sans-serif;
}

textarea {
color: #525252; 
background: #ffffff;
font-size: 11px;
border: 1px solid #999999;
font-family: verdana, ariel, sans-serif;
}

.strip1 {
background-color: #ba3334;
}

.strip2 {
background-color: #e19696;
}

.strip3 {
background-color: #6699cc;
}

.strip4 {
background-color: #99cc99;
}

.strip5 {
background-color: #e6e661;
}

.strip6 {
background-color: #cc99cc;
}

.strip7 {
background-color: #e4a96e;
}

.strip8 {
background-color: #66cccc;
}

/*For the dynamic content */

.showstate{ 
cursor:hand;
cursor:pointer;
float: left;
margin-top: 0px;
margin-right: 10px;
}

.headers{
width: 440px;
font-size: 120%;
font-weight: bold;
border: 1px solid black;
background-color: lightyellow;
}

.switchcontent{
width: 440px;
}

/*For the blog */

.labelfield{ /*CSS for label field in general*/
color:brown;
font-size: 90%;
}

.datefield{ /*CSS for date field in general*/
color:gray;
font-size: 90%;
}

#example1 li{ /*CSS specific to demo 1*/
margin-bottom: 4px;
}

#example2 div{ /*CSS specific to demo 2*/
margin-bottom: 5px;
}

#example2 div a{ /*CSS specific to demo 2*/
text-decoration: none;
}

#example3 a{ /*CSS specific to demo 3*/
color: #b93334;
text-decoration: none;
font-weight: bold;
}

#example3 p{ /*CSS specific to demo 3*/
margin-bottom: 2px;
}

code{ /*CSS for insructions*/
color: red;
}

.logos {
width: 555px;
}
