/* CSS Document */

/* Written by The Media Cellar, Inc. */
/* http://www.mediacellar.com        */
/* January, 2007                     */

/* COLOR TABLE
BLUE: #004B8D
LIGHTER BLUE: #36649D
ROLLOVER BLUE: #DADEED
RED: #E31836
YELLOW: #FFF8D9
*/

/* SPECS
banner height: 118px
nav column width: 148px
footer blue height: 40px
footer bottom border: 5px
*/

/* WONDER WHY PICTURES HAVE A THICK RED BORDER? THIS IS WHY.
PUT AN ALT TAG ON THEM AND THIS GOES AWAY. THANKS TO ERIC MEYER.*/
/*img {border: 3px solid red !important; padding: 2px !important;}
img[alt] {border-width: 0 !important; padding: 0 !important;}*/

/* REMOVE COMMENT TO REVEAL TABLE & DIV STRUCTURE. ALSO FROM ERIC MEYER. */
/*table {border: 1px solid red !important; margin: 3px !important;}
th {border: 1px dotted red !important;}
td {border: 1px dotted purple !important; padding: 2px !important;}
div {border: 1px dotted green !important;}*/

#header, #content, #footer, #lawheader
{width: 90%; max-width: 984px; min-width: 760px; margin: auto; vertical-align:top;}

body {background-color: #000033; font: small Verdana, Arial, Helvetica, sans-serif; border-collapse:collapse;}

#header {background-color: #004B8D; background-image:url(images/csa_bug.gif); background-position: top right; background-repeat: no-repeat; height:118px; border-bottom: 1px solid #000; }

#lawheader {background-color: #004B8D; background-image:url(images/ca_bug.gif); background-position: top right; background-repeat: no-repeat; height:118px; border-bottom: 1px solid #000; }

#content {text-align:left; vertical-align:top; background-color:#fff;}

.spacer {padding:8px 0; font-size:.8em; clear:both;}


/* define std. tags */

h1 {font: bold 1em Verdana, Arial, Helvetica, sans-serif;}
h2 {font: bold .9em Verdana, Arial, Helvetica, sans-serif; padding-top: 12px;}
h3 {font: .9em Verdana, Arial, Helvetica, sans-serif; padding-top: 8px; padding-bottom: 2px; color: #004B8D;}

h3 a, p a {font-weight:bold;}
h3 a:visited, p a:visited {color: blue;}
h3 a:hover, p a:hover {color: #E31836;}

p {font: .9em Verdana, Arial, Helvetica, sans-serif; padding-top: .4em;}
#contentwell ul {font: .9em Verdana, Arial, Helvetica, sans-serif;}
#contentwell li {margin-left: 2em; list-style-type:disc;}
#contentwell li li {margin-left: 2.5em; list-style:circle;}
#contentwell ul {padding-top: .3em; padding-bottom: 1.5em;}
#contentwell li ul {padding: 0;}

img.right {float: right; padding: 0px 0px 10px 20px;}
img.left {float: left; padding: 0px 20px 10px 0px;}

/* navigation */

#sidenav {width: 140px; background-color: #f9ebbb; vertical-align:top;}
#mainnav ul {margin-left: 0; padding-left: 0; list-style-type: none;}
#mainnav li {font: 1.1em /*'Arial Narrow',*/ Arial, Helvetica, sans-serif;}
#mainnav a {color: #000033; font-weight:bold; display: block; padding: 9px 6px; width: 140px; background-color: #f9ebbb;}
#mainnav a:link, #mainnav a:visited {font-weight:bold; text-decoration: none;}
#mainnav a:hover {background-color: #DADEED; color: #000033;}
#mainnav ul li a#current {background-color: #f9ebbb;}

#subnav ul, #subnav2 ul, #subnav3 ul
{margin-left: 0; padding-left: 0; list-style-type: none;}
#subnav li, #subnav2 li, #subnav3 li
{font: .7em /*'Arial Narrow',*/ Arial, Helvetica, sans-serif;}
#subnav a, #subnav2 a, #subnav3 a
{color: #000033; font-weight:normal; display: block; padding: 2px 0px 8px 11px; margin-right: 5px; width: 140px; background-color: #f9ebbb;}
#subnav a:link, #subnav a:visited, #subnav2 a:link, #subnav3 a:visited, #subnav2 a:link, #subnav3 a:visited
{font-weight:bold; text-decoration: none;}
#subnav a:hover, #subnav2 a:hover, #subnav3 a:hover
{background-color: #DADEED; color: #000033;}
#subnav ul li a#current, #subnav2 ul li a#current, #subnav3 ul li a#current
{background-color: #f9ebbb;}


#address {padding: 40px 6px 12px 6px; color:000033; background-color: #f9ebbb;}
#address p {font: .9em /*'Arial Narrow',*/ Arial, Helvetica, sans-serif; padding-bottom: 8px;}

.toplink {font-size: .8em;}

#contentwell {padding: 26px; vertical-align:top;}

/* content */
#home_table {float:none;}
#news_tease {background: #E3F3FF; border: 1px solid #660000;}
#home_table td, #news_tease td {vertical-align:top; padding: 8px;}
#news_tease td.nopad {padding: 0 8px 8px;}
#home_table img {padding-bottom: 12px;}
#home_table td p {font-size: .8em;}
#news_tease {float: none; margin: 1em 0;}
#news_tease .calltoaction {font-style: italic;}
#news_tease h2 {font-size: 1.2em; padding:0; margin: 0;}
#news_tease .underline {border-bottom: 1px solid black;}

.display_block, .quote_block {border-top: 2px solid #E31836; border-bottom: 1px dotted #E31836; margin: 1em 0; padding-bottom: .5em;}
.display_block h2 {padding-bottom: 12px; color: #004B8D;}
.display_block h3 {font-weight:bold;}
.display_block li {margin-left: 1.5em;}
.display_block table {font: .9em Verdana, Arial, Helvetica, sans-serif; padding: 10px 0;}

.quote_block h2 {font: bold italic .9em Verdana, Arial, Helvetica, sans-serif; color: #004B8D;}

.samples {padding-top: 1em;}
.samples p {padding-bottom: 1.5em;}
.samples ul {font: .9em Verdana, Arial, Helvetica, sans-serif;}
.samples li {margin-left: 2em; list-style-type:none; padding-bottom: 5px;}

.indent {padding: 1em 30px 1em 30px;}

#faqlist ul li {padding-bottom: 20px; display:block;}

#agd {font-size: .8em; border-top: 1px solid #ccc; padding-top: 2em;}
.agdleft {float:left; padding-right: 6px;}

.clear {clear: both;}


/* order form */
table.orderform {border: 1px solid #ccc; font-size: .9em;}
table.orderform td {vertical-align:middle;}
table.orderform td {padding: 5px; botttom-border: 1px solid #ccc;}
.orderform td.leftcol {text-align:right; width: 40px;}
.orderform tr.headerrow {background-color:#1F4B8C; color: white; font-weight:bold; font-size: 1.1em;}
.orderform td.seminarname {background-color:#FAD200; color: black;}
.orderform tr.keyrow {background-color: #FFFFFF; color: #1F4B8C; font-weight:bold; font-size: .85em;}
.orderform tr.keyrow  td {vertical-align:bottom; text-align:center;}
.orderform td.amount {text-align:center;}
.orderform tr.colorrow {background-color: #FFF8D9;}
.orderform tr.whiterow {background-color: #FFFFFF;}
.orderform tr.tallrow td {padding-bottom: 12px;}
.orderform td.submit {padding-top: 12px; text-align:center; background-color:#FAD200;}
.reg_note {margin: 8px 0 4px 0; padding: 5px; background-color:#36649D; color: white;}
.required {font-weight: bold; color: red;}

/* footer */

#footer {margin: auto; background-color: #004B8D; padding: 5px 0; border-top: 1px solid #000; text-align:left; border-bottom: 5px solid #E31836;} 
ul#footer_navlist {margin-left: 0; padding-left: 0; white-space: nowrap; padding-bottom: 8px;}
#footer_navlist li {display: inline; list-style-type: none; font-family:Arial, Helvetica, sans-serif; font-size:.85em; color: white;}
#footer_navlist a {padding: 1px 5px; color: #fff; background-color: #004B8D; text-decoration: none;}
#footer_navlist a:link, #footer_navlist a:visited {color: #fff; background-color: #004B8D; text-decoration: none;}
#footer_navlist a:hover {color: #525248; background-color: #e3ddd5; text-decoration: none;}
#footernote {font: .65em Arial, Helvetica, sans-serif; background-color: #004B8D; color: white; padding: 3px 0 1px 5px;}
#footernote a {color: white;}
#footernote a:hover {text-decoration: underline;}


input {border: 1px solid #004B8D; padding: 2px;}