/* About Us section page formatting and positioning for dittie.com */

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

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

td.white {
background-color: #ffffff;
padding: 0px 0px 0px 2px;
}


#content table.first {
width: 470px;
height: auto;
margin: 20px 50px 0px 50px;
}

#content table.second {
width: 450px;
height: auto;
border: 10px solid #ffffff;
margin: 10px 0px 10px 0px;
background-color: #ffffff;
}

#content table.second_noborder {
width: 450px;
height: auto;
border: 0px;
margin: 10px 0px 10px 0px;
background-color: #ffffff;
}

#content td {
text-align: left;
vertical-align: top;
}

#content td.submitbox {
text-align: right;
vertical-align: bottom;
background-image:url(../images/submit_bg.gif);
}

#content td.headbg {
text-align: left;
vertical-align: middle;
background-color: #ffffff;
}

#content td.bottom {
text-align: left;
vertical-align: bottom;
}

#content table.menu {
width: 530px;
height: 70px;
margin: 10px 0px 0px 50px;
padding: 0px;
}

#content td.menu {
width: 520px;
height: 70px;
margin: 0px;
padding: 10px 0px 0px 0px;
}

#content p.headtype {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: 700;
line-height: 1.3em;
color: #63006b;
margin: 5px 10px 5px 10px;
}

#content p.answertype {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
line-height: 1.3em;
margin: 5px 10px 30px 10px;
}


#content p {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
line-height: 1.3em;
margin: 5px;
}

#content p.barbnote {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
line-height: 1.3em;
margin: 5px;
}

img.floatright {
float: right;
margin: 0px 0px 10px 20px;
}

#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;
}

#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;
}

#content p.description {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
line-height: 1.3em;
padding: 5px 0px 0px 0px;
}

#content p.box {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
line-height: 1.3em;
margin: 0px 20px 0px 20px;
}

#content h1 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 14px;
font-weight: 700;
line-height: 1.3em;
color: #63006b;
margin: 0px 0px 15px 5px;
}

#indent {
margin: 30px 20px 30px 20px;
}

#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.subhead {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: 700;
line-height: 1.3em;
color: #63006b;
}

#content b {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 13px;
font-weight: 700;
line-height: 1.3em;
color: #63006b;
}

#content p.pledge {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: 700;
line-height: 1.3em;
color: #000000;
}

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

#content a {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
line-height: 1.3em;
color: #D30079;
}

#content a:hover {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
line-height: 1.3em;
color: #660099;
}

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

#content li {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
margin: 2px;
list-style-type: none;
text-decoration: none;
}