* { margin: 0; padding: 0; } /* reset */
html { height: 101%; } /* firefox scroll bar fix */
body { background: #3E3E3E url(images/bg.gif) repeat-x; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #CCCCCC; margin: 0px; padding: 0px; }
p { margin: 0; padding:0; }
h1 { font-size: 2em; }
h2 { font-size: 1.5em; }
h3 { font-size: 1.1em; }
a:link { color: #1953A7; }
a:hover { text-decoration: none; color: #067600; }

/* Menu */
#menu { width: 770px; height: 65px; margin: 0 auto; border-right: 1px solid #EDEBD5; font-family: Georgia, "Times New Roman", Times, serif; }
#menu ul { margin: 0; padding: 0; list-style: none; }
#menu li { display: inline; }
#menu a { display: block; float: left; width: 109px; height: 45px; padding: 20px 0 0 0; border-left: 1px solid #EDEBD5; text-transform: lowercase; text-decoration: none; text-align: center; font-size: 17px; color: #BABABA; }
#menu a.practicum { padding-top: 10px; height: 55px; } /* padding fix for work practicum link */
#menu a:hover { color: #3E3E3E; background-color: #FFB56A; background-image: url(images/main_hover.gif); background-repeat: repeat-x; }
#menu .active a { background: #FF8839; color: #FFFFFF; }

/* Header */
#header { width: 770px; height: 170px; margin: 0 auto; background-image: url(images/banner.jpg); background-repeat: no-repeat; }
#header a { text-transform: lowercase; text-decoration: none; font-style: italic; font-weight: normal; color: #FFFFFF; }
#container { width: 770px; margin: 0 auto; padding: 20px 0; }
#container p { margin-bottom: 10px; line-height: 1.5em; }
#myGallery p { margin: 0px; padding: 0px; }

/* Content */
#content { float: left; width: 550px; padding-top: 10px; }
#content a { color: #FF8839; text-decoration: none; }
#content a:hover { text-decoration: underline; }
#bigger-content { float: left; width: 770px; padding-top: 10px; }
#bigger-content h2 { margin-top: 10px; }
#bigger-content h3 { margin-top: 5px; margin-bottom: 5px; }
#bigger-content li { list-style-image: url(images/bullet.gif); margin-left: 20px; }
#body-content { margin-bottom: 50px; padding: 0 20px; }
#animation { width: 770px; padding-top: 10px; padding-rigt: 0px; padding-left: 0px; }
#animation ul { list-style-image: url(images/bullet.gif); padding-left: 15px; }
#animation li { padding-top: 10px; }
#animation a { color: #FF8839; text-decoration: none; }
#animation a:hover { text-decoration: underline; }
.bottom-border { border-bottom: 1px solid #CCC; margin-bottom: 10px; }
.list-items img { border: 5px solid #3B3B3B; }
.list-items ul { list-style-type: none; }
.list-items li { margin-bottom: 10px; padding-left: 35px; list-style-type: none; }
.prog-head { padding-bottom: 7px; color: #FFFFFF; }
.programs { color: #FFFFFF; padding-top: 7px; }

/* Sidebar */
#sidebar { float: right; width: 210px; padding: 5px; background: #3B3B3B; }
#sidebar h3 { margin: 0; padding: 5px 5px; color: #FFF; }
#sidebar h4 { margin-top: 5px; margin-bottom: 5px; color: #FFF; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #FFFFFF; font-size: 1em; }
#sidebar a { color: #FF8839; text-decoration: none; }
#sidebar a:hover { text-decoration: underline; }
.orangebox h3 { background: url(images/recent.gif) repeat-y; }

/* Side Bar Menu */
#sidebar ul { list-style-type: none; margin-top: 5px; }
#sidebar li { font-size: 1.2em; text-align: center; display: block; padding-top: 5px; padding-bottom: 5px; }
#sidebar li a:hover { color: #FFFFFF; text-decoration: none; }

/* Contact Form */
input { width: 200px; margin-right: 40px; background-color: #CCCCCC; }
fieldset { border-style: none; margin-bottom: 30px; }
.form-headings { color: #FFFFFF; margin-bottom: 5px; }
textarea { font-family: Arial, Helvetica, sans-serif; font-size: 1em; background-color: #CCCCCC; }
.send-button { width: 100px; border: 1px solid #000000; background-color: #FF8839; font-weight: bold; margin-left: 10px; }

/* Footer */
#footer { clear: both; height: 50px; padding: 25px 0; background: #3E3E3E url(images/footer_bg.gif) repeat-x; }
#footer p { margin: 0; text-align: center; }

/* classes */
.float-right { float: right; }
.float-left { float: left; }
.ps { background-image: url(images/photoshop.jpg); background-repeat: no-repeat; background-position: left center; height: 27px; }
.ai { background-image: url(images/illustrator.jpg); background-repeat: no-repeat; background-position: left center; height: 27px; }
.fl { background-image: url(images/flash.jpg); background-repeat: no-repeat; background-position: left center; height: 27px; }
.dw { background-image: url(images/dreamweaver.jpg); background-repeat: no-repeat; background-position: left center; height: 27px; }
.id { background-image: url(images/indesign.jpg); background-repeat: no-repeat; background-position: left center; height: 27px; }
.acrobat { background-image: url(images/acrobat.jpg); background-repeat: no-repeat; background-position: left center; height: 27px; }
.storyboard { margin-top: 10px; }
.small-padding { padding: 0 10px 10px 10px;} /* Teen Analyst Banner Size Fix */
.teen-analyst { padding-top: 10px; padding-bottom: 80px; }
.hide { display: none; }
.resume-column { float: left; width: 355px; padding-left: 10px; }
.pdf-resume { margin-left: 475px; font-size: .5em; }


@media print {
body {color:#000; background:#FFF; font-family: Constantia, Georgia, "Times New Roman", serif;}
#menu, #sidebar, #footer {display:none}
.hide {display:block;}
}
