#custom-doc { width:70em;*width:68.25em;min-width:910px; margin:auto; text-align:left; }
.cdoc { width:70em;*width:68.25em;min-width:910px; margin:auto; text-align:left; }

#ft { margin-top: 20px; text-align: center; padding-top: 20px; border-top: 1px dashed #CCC; font-size: 11px; }
#head1 { width: 100%; background: url('/images/header_bg.jpg') top center repeat-x; height: 100px; }

.lft { float: left; }
.rht { float: right; text-align: right; }

.content { margin-top: 1.5em; }
#notice { margin-bottom: .25em; padding: .25em; border-bottom: 1px dashed #CCC; background-color: #FFFFCC; color: red; }

h1 { font-size: 20px; margin-bottom: .5em; font-weight: bold; }
h2 { font-size: 16px; margin-bottom: .5em; font-weight: bold; color: green; }

.crumbs { margin-bottom: 1em; font-size: 10px; }
.crumbs a { color: blue; text-decoration: none; }

.form1 { font-size: 14px; }
.form1 input { font-size: 14px; padding: 2px; }
.form1 textarea { font-size: 14px; padding: 2px; }

.zoop { font-size: 13px; padding: 2px; }

.comments { padding-top: 1em; text-align: left; border-bottom: 1px dashed #CCC; padding-bottom: 1em; width: 600px;}
.comment { margin-top: 1em; padding-top: 1em; border-top: 1px dashed #CCC; }
.comment p { font-size: 15px; color: #333; margin-bottom: .5em; }
.comment small { font-size: 11px; color #666; }

.menu { float: left; margin-top: 35px; font-size: 15px; width: 510px; text-align: center;}
.dmenu { margin-top: 1.45em; color: #CCC; }
.dmenu a { color: blue; text-decoration: none; font-size: 11px; padding: 6px; font-family: Verdana,Arial,Helvetica,sans-serif; }
.dmenu a:hover { background-color: #03ca00; color: white; padding: 6px;}

.videos { width: 680px; float: left; }
.video { float: left; width: 170px; font-size: 11px; text-align: center; margin-bottom: 2em;}
.video img { width: 133px; height: 100px; border: 1px solid #000; }
.card { width: 160px; text-align: center; }
.card img { width:  100px; height: 100px; border: 1px solid #000; padding: 3px; }

.cats { width: 170px; float: right; }
.cats ul { margin-left: .5em; }
.cats ul li { margin-bottom: .5em; font-size: 13px; }
.cats a { text-decoration: none; font-weight: bold; color: blue; }
.cats a:hover { background-color: #03ca00; color: white; padding: 6px;}

.play { width: 640px; float: left; margin-right: 1em; }
.play_meta { width: 250px; float: right; }
.playbox { font-size: 12px; border: 1px solid #CCC; background-color: #EEE; padding: .5em; margin-bottom: 1em;}
.playbox img { width: 45px; border: 1px solid #CCC; float: left; margin-right: .5em; }
.playbox ul li { margin-bottom: .5em; }
.playshare td { padding-bottom: 3px; }
.playshare td input { width: 98%; }

.user { width: 170px; float: right; }
.userbox { font-size: 12px; border: 1px solid #CCC; background-color: #EEE; padding: .5em; margin-bottom: 1em;}
.userbox img { width: 40px; border: 1px solid #CCC; float: left; margin-right: .5em; }

.fieldWithErrors { margin: 0; padding: 1px; display: inline;} 
.fieldWithErrors .zoop { color: red; font-weight: bold; }

.errorExplanation { margin-bottom: 1.5em; }
.errorExplanation h2 { display: none; }
.errorExplanation p { font-weight: bold; color: #cc0000; }
.errorExplanation ul li { color: #cc0000; margin-top: 1em;}

.return { margin-bottom: 1em; padding: 5px; background-color: #03ca00; color: white; font-weight: bold; }

.pagination { text-align: center; }
.pagination span { font-weight: bold; }

.tagline { text-align: center; font-size: 14px;  font-family: Georgia, Times, Serif; margin-bottom: .8em; margin-top: 1.8em; color: #CC0000;}
.fp1 h3 { font-size: 18px; color: #006db8; font-weight: bold; letter-spacing: -.5px; font-family: Georgia, Times, Serif; }
.fp1 { font-size: 11px; font-weight: bold; letter-spacing: -.5px; font-family: Verdana,Arial,Helvetica; margin-bottom: 1em;}
.fp2 { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #666; margin-top: 1em; border-bottom: 1px dashed #CCC; padding-top: 1.5em; width: 800px; margin: 0 auto; }

.fp3 { margin-top: 1em; margin-top: 1em; border-top: 1px dotted #CCC; padding-top: 1em;}
.fp3 .video { width: 180px; float: left; text-align: center; }
.fp3 h3 { margin-bottom: 1em; font-size: 20px; font-weight: bold; }
.fp3 .more { text-align: center; font-size: 14px; font-weight: bold; }
.fp3 .more a { color: #CC0000; }

.ebox1 { margin-bottom: 1em; padding-left: 1em; padding-top: 1em; background-color: #FFFFEE; border: 1px solid #FFFF00; }
.ebox1 p { margin-bottom: .5em; }
.ebox1 h2 { margin-top: 0em; }
.ebox1 input:text { background-color: #FFF; }

.elist { margin-bottom: .5em solid #CCC; padding-bottom: .5em; border-bottom: 1px dotted #CCC; }
.tbl { margin-top: 1em; }
.tbl th { padding: 5px; border-bottom: 1px solid #CCC; font-weight: bold; font-size: 14px; border-top: 1px solid #CCC; }
.tbl td { padding-top: 5px; padding-right: 10px; }
.tbl tr:hover { background-color: #FFFFCC; }

.fleft { float: left; width: 185px; }
.fleft p { margin-bottom: 1em; text-align: center; }
.fleft p img { height: 93px; }
.fright { float: left; width: 410px; padding-top: 10px; }
.ffright { float: left; width: 190px; padding-top: 10px; margin-left: 15px; }
.fprow { width: 810px; margin: 0 auto; }

.amenu { margin-top: 1em; margin-bottom: 1em; padding: .5em; border: 1px solid #FFFF00; background-color: #FFFFCC; }

.fp_cats { float: left; width: 25%; }
.fp_cards { float: left; width: 68%; }