/*--- general ---*/
body { margin: 0; padding: 0; color: #333; font-family: serif; font-size: 11pt; }
h1 { color: #000; font-size: 140%; margin: 0 0 0.5em; text-transform: uppercase; }
h2 { font-size: 120%; margin: 0 0 0.5em; }
h3 { font-size: 100%; margin: 0 0 0.5em; }
p { margin: 0 0 1em; }
ul, ol { margin: 0 0 1em 2em; padding: 0; }
li { margin: 0; padding: 0; }
form { margin: 0; }
input, textarea, select, button { font-family: serif; font-size: 100%; }
hr { background: #CCC; color: #CCC; height: 1pt; border: none; margin: 0 0 1em; }
a { color: #333; text-decoration: none; }
a img { border: none; }
.clear { clear: both; }
.fleft { float: left; margin: 0 1em 0.5em 0; }
.green { color: #000; }
/*--- /general ---*/

/*--- layout ---*/
div#left { display: none; }
/*--- /layout ---*/

/*--- content ---*/
div#middle { width: 380pt; float: left; margin: 0 0 1em; }
div#right { width: 130pt; float: right; border: 1pt solid #CCC; padding: 5pt; margin: 0 0 1em; }
div#questions { font-weight: bold; }
p#motto { color: #000; font-size: 110%; font-weight: bold; line-height: 1.4em; margin: 0 0 0.5em; }
div#areas { border-top: 1pt solid #CCC; padding: 5pt 0; margin: 0 0 1em; }
div#areas div { width: 160pt; float: left; }
div#areas div.col1 { margin-right: 20pt; width: 170pt; }
div#areas h2 { font-size: 130%; margin: 0; }
div#areas ul { font-size: 80%; }
div#areas p.more { display: none; }
div#content ul#markets { list-style: none; margin: 0 0 1em; }
ul#markets li { width: 90pt; float: left; text-align: center; margin: 0 0 0.5em; font-size: 80%; }
ol.alpha { list-style: lower-alpha; }
ol.decimal { list-style: decimal; }
ol ul { margin: 0 0 0.5em 2em; }
div#why h2 { margin: 0; font-size: 110%; }
div.col1_3 { width: 150pt; float: left; margin: 0 15pt 0 0; }
/*--- /content ---*/

/*--- footer ---*/
p#footer { clear: both; border-top: 1pt solid #CCC; padding: 0.5em 10pt; margin: 0; color: #666; font-size: 90%; }
p#footer a { color: #666; }
/*--- footer ---*/