* { padding:0; margin:0; }
:focus	{ outline:0; }
h1, h1, h3, h4, h5 { padding:0; line-height:1.1em; }
h1 { font-size:36px; }
h2 { font-size: 18px; font-weight: bold; color: #306; padding:0 0 1em; }
h3 { font-size:18px; }
h4, h5 { font-size:18px; }
input, textarea { font-size:inherit; font-family:inherit; padding:2px 0; }
p, table { padding: 0 0 1em; }
ul, ol { padding: 0 0 1em 2em; }
ul { list-style-image:url(art/bullet.png); }
img { border:none; }
input[type=button], input[type=submit] { cursor:pointer; height:23px; padding:0 2px 2px; vertical-align:top; }
a:link { color: #306; }
a:visited { color: #205; }
a:hover { color: #306; background-color: #f90; }
a:active { color: #306; }
a img.fancy:hover { padding:1px; border:1px solid #000; background:#f90; }
hr { border:none; border-bottom:1px solid #000; margin:1em 0; color:#000; /* ie */}

body { margin: 0; background-color: #639; font: 16px/24px "Comic Sans MS", Arial, Helvetica, sans-serif; }

#container { width: 1167px; margin:0 auto; background: url(art/bg_main.gif) repeat-y; position:relative; }
#top-toc { height:102px; }
#side-toc { float: left; width: 236px; }
#footer { clear: both; }
#dog-contact { background:#9FCC30; }

.left { float:left; }
.right { float:right; }
.clear { clear:both; }
.fancy { border:2px solid #000; }

img.center { display:block; margin:0 auto; }
img.left { margin:0 10px 10px 0; }
img.right { margin:0 0 10px 10px; }

.bggrass { background: url(art/bggrass.jpg) no-repeat #A0CC31; }
.emphasis { font-size: 16px; font-weight: bold; color: #EB6621; }

#container .content { background: url(art/header_main.gif) no-repeat #9FCC30; width: 761px; float: left; padding: 15px 0 0 44px; }

.col.news { background: url(art/bg_lt_col.gif) repeat-y; float: left; width: 315px; }

.col.main { background: url(art/bg_rt_col.gif) repeat-y; width: 446px; float: left; }
.col.main .text { margin: 0 15px; }

/* news */
ol.news { list-style:none; padding:0; margin:0 15px 0 19px; width:278px; }
ol.news li { clear:both; float:left; margin:0; background:url(art/newsspacer.gif) no-repeat bottom center #FEEFB4; padding:5px 5px 30px; }
ol.news a.title { color: #EB6621; font-weight:bold; font-size: 16px; line-height: 20px; text-decoration:none; }
ol.news a.title:hover { color:#000; }
ol.news img { width:140px; float:left; border:1px solid #000; margin:0 5px 5px 0; vertical-align:top; }
ol.news .news-text { font-size:12px; line-height:15px; margin:0 0 0 150px; }
ol.news .summary p { padding:0; margin:0; }

/* secondary pages */
#container.secondary h1 { margin:0; padding:20px 10px 30px 80px; font-size: 40px; font-weight: bold; color: #306; line-height: 40px; }
#container.secondary .content { padding:0; margin:0; width:808px; background: url(art/header.gif) no-repeat #A0CC31; border-right:4px solid #000; }
#container.secondary .content .text { padding:40px; }
#container.secondary .content h3 { padding:0 0 .75em; }

/* instructions */
ol.instructional li { clear:both; margin:0 0 20px 0; float:left; width: 696px; }
ol.instructional img { float:left; }
ol.instructional .instructions { float:right; clear:right; width:450px; }

/* mystery drawings */
.text.md p { clear:both; }
.text.md img.fancy { margin:0 0 25px; }
ul.mystery-drawings { list-style:none; padding:0; }
ul.mystery-drawings li { width:194px; float:left; height:69px; margin:0 5px 0 0; }
ul.mystery-drawings li a { width:180px; display:block; border:2px solid; background:url(art/md-li-bg.jpg) no-repeat; height:55px; padding:5px; text-align:center; text-decoration:none; font-weight:bold; }
ul.mystery-drawings li a:hover, ul.mystery-drawings li.selected a { border-color:#f90; }
.text.md #current-md h1 { padding:20px 0 1em; clear:both; border-top:2px solid #000; }

/* poster slider (mystery drawings pages) */
#slide { margin:0 0 20px; float:left; }
.posters-container { float:left; width:592px; height:70px; overflow:hidden; position:relative; }
.posters { position:relative; left:0; }
#slide-right { float:right; background: url(art/more-right.png) no-repeat center; margin:0 0 0 5px; }
#slide-left { float:left; background: url(art/more-left.png) no-repeat center; margin:0 5px 0 0; }
#slide-right, #slide-left { width:60px; height:33px; clear:none; padding:21px 0; }

/* theater links */
ul.theater-videos { list-style:none; padding:0; }
ul.theater-videos li { text-align:center; float:left; width:230px; margin:0 10px 20px 0; }
ul.theater-videos li img { display:block; margin:0 auto; }

/* contact form */
dl.form dt.required:before { content:"*"; color:#f00; padding:0 5px 0 0; }
dl.form dd { margin:0 0 5px; width:300px; }
dl.form dd input[type=text], dl.form dd textarea { width:400px; font-family:"Comic Sans MS", Arial, Helvetica, sans-serif; background:url(art/input-bg.gif) repeat-x #fff; border:2px solid #ccc; padding:2px 3px; margin:0 0 5px; }
dl.form dd.required input, dl.form dd.required textarea { border-color:#f44; }
dl.form dd textarea { width:600px; height:180px; }
.contact-form .submit-button { cursor:pointer; height:auto; }
.contact-form .captcha img { border:2px solid #ccc; }

/* my books */
.book-list li { margin:0 0 10px; }

/* rfp burst */
#rfp-burst { position:absolute; right:-30px; top:40px;  }
#rfp-burst:hover { background:none; }

/* uc burst */
#under-construction { position:absolute; left:40px; top:440px; background:#fe9b00; border-radius:15px; box-shadow:5px 5px 2px #500181; width:225px; }
#under-construction h1 { background:#9fcc30; text-align:center; padding:5px; border-radius:15px 15px 0 0; border:4px solid #fdce00; border-bottom:0; font:bold 20px/28px "Comic Sans MS", Arial; }
#under-construction p { padding:10px; border:4px solid #fdce00; border-radius:0 0 15px 15px; border-top:0; font:15px/22px "Comic Sans MS", Arial; text-align:center; }