/* CSS Document */
/* 
Title:     Safety First PPS master styles for screen media 
Author:    eric@ivycat.com
Updated:   August 16, 2006
*/
/* page structure
---------------------------------------------------------- */
*{ margin: 0; padding: 0; }
body{ font-size: small; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; color: #000000; overflow: -moz-scrollbars-vertical; background: url(../i/body-bg.jpg) #F9F9F9 repeat-x; }
#wrapper { width: 760px; margin: 0 auto 10px auto; padding: 0; }
#banner { background-color: #F9F9F9; }
#content { margin-top: 20px; float: right; width: 580px; margin-bottom: 5px; line-height: 1.5em; font-size: 90%; border-left: 1px solid #CAD7D6; border-bottom: 1px solid #CAD7D6; position: relative; }
#content .gutter{ padding: 0 20px 20px 20px; }
#nav { padding-top: 60px; margin-right: 581px; }
#footer { clear: both; margin-left: 180px; text-align: center; }
/* links
---------------------------------------------------------- */
a:link{ color: #000166; font-weight: bold; text-decoration: underline; }
a:visited{ color: #557367; font-weight: bold; }
a:hover{ color: #435D52; font-weight: bold; }
a:active{ color: #557367; font-weight: bold; }
/* header
---------------------------------------------------------- */
h1#toplogo{ padding-top: 120px; /*The image*/ background-image: url(../i/logo.jpg); background-repeat: no-repeat; /*Hide the text*/ overflow: hidden; /* WIN IE5 hack */ height: 119px; voice-family: "\"}\""; voice-family: inherit; height: 0; }
/* navigation
---------------------------------------------------------- */
#nav ul { font-size: 100%; margin: 0; }
#nav li { list-style: none; text-align: right; }
#nav a{ display: block; padding: 4px 45px 4px 5px; color: #4C4C4C; font-weight: bold; height: 1%; margin-bottom: 2px; border-bottom: 1px solid #F9F9F9; border-top: 1px solid #F9F9F9; text-decoration: none; }
#nav a:hover{ color: #FFFFFF; background: url(../i/nav-bullet.gif) #98727F no-repeat 5px 50%; border-bottom: 1px solid #5F454E; border-top: 1px solid #5F454E; border-left: 1px solid #5F454E; }
body#home #t-home a,
body#news #t-news a,
body#programs #t-programs a,
body#calendar #t-calendar a,
body#testimonials #t-testimonials a,
body#safety #t-safety a,
body#about #t-about a,
body#contact #t-contact a{ color: #000000; background: url(../i/nav-bullet.gif) #CAD7D6 no-repeat 90% 50%; border-bottom: 1px solid #557367; border-top: 1px solid #557367; border-left: 1px solid #557367; }
body#safety #content ul li { margin-left: 6px; list-style-type: none; }

#nav .paypal{
     margin-top:20px;
     margin-left: 16px;
}

/* general styles
---------------------------------------------------------- */
h1, h2, h3, h4, h5, h6{ font-family: "Trebuchet MS",Arial, Helvetica, sans-serif; }
h1, h2, h3 { color: #E20A17; font-weight: normal; }
h3{ font-weight: bold; }
h4, h5{ color: #98727F; font-weight: bold; }
#content h2{ font-size: 190%; margin-top: 0; letter-spacing: -2px; }
#content h3{ font-size: 160%; font-variant: small-caps; margin: 25px 0 5px 0; }
#content h4{ font-size: 130%; margin: 20px 0 5px 0; }
#content h5{ font-size: 100%; }
#footer h6{ font-size: 85%; color: #696969; }
p{ margin-top: 12px; text-align: justify; }
dl, ul, ol{ margin: 12px 25px; list-style-position: outside; }
#content ul li, #content ol li{ margin: 0 0 5px 0; }
#content ul li li { font-size: 95%; }
dt { font-weight: bold; margin-top: 12px; }
#content cite { font-weight: bold; font-style: italic; display: block; padding-top: 15px; padding-left: 30px; }
#content cite.parentreading { background: url(../i/icon-parents.gif) no-repeat 0 80%; }
#content p.author { margin: 0; padding-left: 30px; }
#content p.publisher{ margin: 0; font-size: 80%; color: #886272; padding-left: 10px; }
li a img { border: 0; margin-bottom: -2px; }
ul.safetyresources, ul.ma-nav { margin: 20px auto; font-size: 95%; text-align: center; border: 1px solid #CAD7D6; background-color: #EEEEEE; }
ul.safetyresources li, ul.ma-nav li { display: inline; }
/* imagery styles
---------------------------------------------------------- */
#content img.news { border: 1px solid #98727F; margin: 20px 10px; padding: 3px; }
img.right { float: right; margin: 20px 0 20px 20px; border-top: 1px solid #98727F; border-left: 1px solid #98727F; border-right: 3px solid #98727F; border-bottom: 3px solid #98727F; }
img.left { float: left; margin: 20px 20px 20px 0; border-top: 1px solid #98727F; border-left: 1px solid #98727F; border-right: 3px solid #98727F; border-bottom: 3px solid #98727F; }


/* video styles
---------------------------------------------------------- */
.video { margin: 20px 0; }
.video object { margin-left: 100px; border-right: 3px solid #98727F; border-bottom: 3px solid #98727F; float: left; }
body#video div.video p { padding-top: 10px; clear: both; }
p.vidlink { margin: 0; padding: 3px; color: #5F454E; width: 160px; text-align: left; border: 1px solid #5F454E; font-size: 100%; font-weight: bold; position: absolute; top: 0; right: 20px; background: url(../i/block-bkgrd.gif) repeat-x top; }
p.vidlink a { padding-left: 5px; }
p.vidlink img { float: left; border: none; }
/* page-specific styles
---------------------------------------------------------- */
body#safety #content ul li { margin-left: 6px; list-style-type: none; }
body#code #content dl dt{ font-weight: normal; }
body#code #content dd{ font-weight: bold; }
body#programs div.video{ float: right; margin-left: 30px; padding: 5px; border: 1px solid #557367; background-color: #DDDDDD; }
body#programs div.video p { margin: 5px 0 0 0; text-align: center; font-weight: bold; font-size: 90%; }
body#about h4 { clear: both; padding-top: 10px; border-bottom: 1px solid #98727F; }
body.isshinryu #content{ padding-bottom:100px;background:url(../i/dragon-bkg.gif) bottom center no-repeat; }
/* blockquote styles
---------------------------------------------------------- */
blockquote { margin: 0; color: #4C4C4C; font-style: italic; padding: 10px 25px; border-bottom: 1px solid #557367; }
 blockquote p{ margin: 0; padding-bottom: 10px; }
 blockquote.alt { background: #CAD7D6; }
#content blockquote ol li{ margin: 12px 20px; list-style-position: outside; }
/* pullquote styles
---------------------------------------------------------- */
div.pullquote{ width: 150px; float: right; background-color: #CAD7D6; color: #557367; border: 1px dashed #557367; margin: 15px 0 15px 15px; }
div.pullquote blockquote{ margin: 0; padding: 0; border: none; }
div.pullquote blockquote p { margin: 0; padding: .5em 1em; font: italic 160% "Times New Roman", Times, serif; text-align: right; }
div.pullquote blockquote p.testimoniallink { font: normal 90% Verdana, Geneva, Arial, Helvetica, sans-serif; background: #E7EDEC; }
/* key icondiv styles
---------------------------------------------------------- */
#iconkey{ width: 150px; float: right; background-color: #CAD7D6; color: #557367; border: 1px solid #557367; margin: 15px 0 15px 15px; }
#iconkey p{ background: url(../i/icon-parents.gif) no-repeat 0 50%; padding-left: 30px; text-align: left; margin: 0; font-size: 85%; font-weight: bold; }
.document { padding-left: 30px; background: url(../i/document.gif) no-repeat 0 50%; }
hr{ margin: 15px; }