body {margin: 0; padding: 0; font-family: verdana, arial, helvetica, sans-serif; color: #181818; font-size: 10px; text-align: center; background-color:#999;}

h1, h2, h3, h4, h5, h6 {font-size: 10px; font-weight: bold; margin: 0;}
p {line-height: 16px; margin: 0 0 0 0;}
a:link, a:active, a:visited {color: #3A616E; text-decoration: underline;}
a:hover {color: #A9A9A9; text-decoration: none;}

img, table {border: 0;}

.clearboth {clear: both;}

ul, li {margin: 0; padding: 0; list-style: none; line-height: 16px}

form {margin: 20px 0 20px 0;}
select, input, textarea {font-family: arial, helvetica, sans-serif; font-size: 12px; color: #000; margin: 0 0 0 0;}

#container {width: 756px; margin: 35px auto 0 auto;}

/* primary nav */
#nav { width: 756; height: 46px; background-image:url(/images/grc/bg_nav.gif); background-repeat: no-repeat; text-align: left; padding-left: 62px}

#nav-container li {display: block; float:left; postion: relative:}
#nav-container li a {display: block; overflow:hidden; text-indent: -3000px; text-decoration: none; margin: 20px 50px 0 0px;}
#nav-container li a:hover {background-position: 0 -11px;}

li#illustration a {width: 102px; height: 11px; background: url("/images/grc/nav/nav_illustration.gif");}
li#press a {width: 39px; height: 11px; background: url("/images/grc/nav/nav_press.gif");}
li#about a {width: 53px; height: 11px; background: url("/images/grc/nav/nav_about.gif");}
li#new a {width: 38px; height: 11px; background: url("/images/grc/nav/nav_new.gif");}
li#contact a {width: 74px; height: 11px; background: url("/images/grc/nav/nav_contact.gif");}
li#home a {width: 43px; height: 11px; background: url("/images/grc/nav/nav_home.gif");}
li#news a {width: 42px; height: 11px; background: url("/images/grc/nav/nav_news.gif");}
li#links a {width: 40px; height: 11px; background: url("/images/grc/nav/nav_links.gif");}
li#blog a {width: 40px; height: 11px; background: url("/images/grc/nav/nav_blog.gif");}

/* second-level nav */
#nav li ul { position: absolute; top: 66px; display: block; background: #80d0c8; filter:alpha(opacity=75); -khtml-opacity: 0.75;opacity: 0.75;width: 10em; left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */ padding: 30px 15px 10px 15px;}
#nav li:hover ul, #nav li.sfhover ul { /* lists nested under hovered list items */ left: auto;}
#nav li ul li a { width: 102px; display: block; color: #3a616e; background-image: none; text-indent: 0; margin: 0; padding: 0 0 12px 0; font-size: 12px;}
#nav li ul li a:hover { color: #fff; background-image: none; text-indent: 0;}



body.home #container #content {width: 756px; min-height: 458px; text-align: left; background-image: url(/images/grc/animation2.gif); background-repeat: no-repeat;}
#content {width: 756px; text-align: center; background-color: #FFFFFF; padding-bottom: 5px;}

#content #work {height: 500px; text-align: center;}
#content #work img {margin: 25px 0 15px 0;}
#content #work.align-left #description {float: left; width: 425px;}
#content #work p {width: 400px; margin: 10px auto 0 auto;}
#content #work-nav {float: none; margin: 0 auto 15px auto; text-align: center;}
.page-links {float: none; text-align: center; margin: 0 auto 0 auto;}
#content #work.align-left {text-align: left; padding: 75px 0 0 50px; }
#content #work.align-left img {margin: 0 0 15px 0; float: left;}
#content #work.align-left p {width: 425px; margin: 0 0 15px 25px;}

#content #books {height: 500px; text-align: center;}
#content #books img {margin: 25px 0 15px 0;}
#content #books p {width: 400px; margin: 10px auto 0 auto;}

#content #fun {height: 500px; text-align: center;}
#content #fun img {margin: 25px 0 15px 0;}
#content #fun p {width: 400px; margin: 10px auto 0 auto;}

#content #buzz {height: 500px; text-align: center;}
#content #buzz img {margin: 25px 0 15px 0;}
#content #buzz p {width: 400px; margin: 10px auto 0 auto;}
#content #buzz.align-left {height: 500px; text-align: left; padding-left: 50px; }
#content #buzz.align-left img {margin: 75px 0 15px 0; float: left;}
#content #buzz.align-left p {width: 425px; margin: 25px 0 0 25px; float: left;}

#content #about {height: 500px; text-align: center;}
#content #about.align-left {height: 500px; text-align: left; padding-left: 50px; }
#content #about.align-left img {margin: 75px 0 15px 0; float: left;}
#content #about.align-left p {width: 425px; margin: 75px 0 0 25px; float: left;}
#pagination-links {text-align: center; padding: 0 auto 15px auto;}

#content #appearances {text-align: center; margin: 0 0 0 150px;}
#content #appearances #appear_in {min-height: 500px; text-align: left; padding-top: 75px;}
#content #appearances #appear_in img {display: block; margin: 0 0 0 0;}
#content #appearances #appear_in h1 {font-size: 14px; font-weight: normal; margin: 15px 0 15px 0;}
#content #appearances #appear_in h2 {font-size: 18px; font-weight: normal; margin: 15px 0 15px 0;}
#content #appearances #appear_in p {width: 425px; margin: 0 0 15px 0;}
#pagination-links {text-align: center; padding: 0 auto 15px auto;}