/* There are extra styles in here because I am using the form.css from dittie.com and the xhtml code */

#formfield {
background-color: #e1e1e1;
border: 1px solid #c2c2c2;
margin: 0px;
padding: 10px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
line-height: 1.3em;
}

#button {
margin: 10px 0px 0px 10px;
}

#descriptor {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
line-height: 1.3em;
padding: 0px 0px 0px 0px;
}

#ecardform {
margin: 0px 10px 0px 20px;
width: 650px;
}

#main {
clear: both;
position: relative;
width: 710px;
margin: 20px 20px 20px 20px;
height: auto;
}

#toplink {
text-align: left;
vertical-align: top;
margin: 0px 0px 15px 0px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
line-height: 1.3em;
padding: 0px 0px 0px 0px;
}

#content p.quote {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: 400;
line-height: 1.6em;
letter-spacing: .1em;
text-align: justify;
margin-bottom: 20px;
}

#content p.title {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: 600;
line-height: 1.3em;
}

#highlight {
margin: 10px 0px 10px 0px;
padding: 10px 20px 10px 20px;
background-color: #fffcac;
border: 1px solid #ad8a68;
}

#content {
width: 570px;
height: auto;
margin: 0px;
}

h1 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 14px;
font-weight: 700;
line-height: 1.3em;
}

h2 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: 600;
line-height: 1.3em;
}

h3 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
font-style: italic;
font-weight: 300;
line-height: 1.3em;
}

a {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 13px;
line-height: 1.3em;
font-weight: bold;
color:#004080;
text-decoration:none;
}

a:hover {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 13px;
line-height: 1.3em;
font-weight: bold;
color:#336699;
text-decoration:underline;
}

#feature {
position: absolute;
top: 0px;
left: 570px;
width: 120px;
height: auto;
margin: 0px 0px 0px 20px;
}

#links {
text-align: left;
vertical-align: top;
margin: 60px 0px 0px 0px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
line-height: 1.3em;
padding: 0px 0px 0px 0px;
}

.pagetitle {
font-family: Verdana, MS Trebuchet, Arial, sans-serif;
font-size:21px;
font-weight: bold;
color:#006699;
}

.idaecard {
color:#00334d;
}

#wrapper td {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 18px;
line-height: 1.3em;
margin: 20px 0px 0px 20px;
padding: 20px 20px 0px 20px;
}

p {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
line-height: 1.3em;
padding: 0px 0px 0px 0px;
}
p.norm {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 13px;
line-height: 1.3em;
padding: 0px 0px 0px 0px;
}
/*
#content table {
width: 470px;
height: auto;
margin: 20px 50px 0px 50px;
}*/

table.formtable {
width: 630px;
height: auto;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
margin: 0px 0px 0px 0px;
}

p.subhead {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: 600;
line-height: 1.3em;
color: #336699;
}