/* wrap me up in plastic or birthday wrapping paper aka body controls */
body { color: rgb(51, 102, 153); background: rgb(255, 204, 153); font-family: Arial, Helvetica, sans-serif; margin: 0; padding: 0; font-size: 95%; background: rgb(255,204,153) url(img/navbarBG.gif) 50% 0 repeat-y }
div#wrapper { width: 934px; margin: 0 auto; position: relative; }

/* navigation controls */
div#sidenav { width: 241px; float: left; background-color: #336699; color: #CCFFFF; padding: 8px; font-size: 0.9em; }
div#sidenav ul, ul#footer { list-style: none; list-style-type: none; margin: 0; padding: 0; display: block; width:100%; overflow: hidden; }
div#sidenav ul li { margin: 0; padding: 0; list-style-type:none; display:block; float:left; width:99%; border: 1px dotted #660099; }
div#sidenav ul li a { text-decoration: none; display: block; width: auto; height:100%; font-weight: bold; padding: 2px; font-size: 1em; }
div#sidenav ul li a:link { color: #CCFFFF; }
div#sidenav ul li a:visited { color: #CC99FF; }
div#sidenav ul li a:hover { color: #660099; background-color: #CC99FF; }
li#aamft, li#camft, li#occamft, li#psychologyToday { text-indent: -2000em; overflow: hidden; background: url("/img/member.gif") no-repeat; }
div#sidenav ul li#aamft { height: 165px; background-position: 50% 0 }
div#sidenav ul li#aamft a:hover { background: #CC99FF url("/img/member.gif") 50% 0 no-repeat; }
div#sidenav ul li#camft { height: 120px; background-position: 50% -166px }
div#sidenav ul li#camft a:hover { background: #CC99FF url("/img/member.gif") 50% -166px no-repeat; }
div#sidenav ul li#occamft { height: 98px; background-position: 50% -290px }
div#sidenav ul li#occamft a:hover { background: #CC99FF url("/img/member.gif") 50% -290px no-repeat; }
div#sidenav ul li#psychologyToday { height: 53px; background-position: 50% -386px }
div#sidenav ul li#psychologyToday a:hover { background: #CC99FF url("/img/member.gif") 50% -386px no-repeat; }


ul#footer { margin: 0 auto; width: 600px; clear: both; margin: 55px 0 15px 0; }
ul#footer li { float: left; font-size: 80%; margin: 5px; text-align: center; }
ul#footer li.copy, ul#footer li.legal { clear: left; }
ul#footer li.copy { width: 100%; }
ul#footer li.legal, ul#footer li.articleCredit, ul#footer li.tos { width: 30%; }



/* content controls */
.right {  float:right; padding: 10px 0  10px 10px; }
.left { float: left; }
div#content { position: absolute; top: 0px; left: 257px; font-size: 1.1em; width: 667px; }
div#content p, div#content dl { margin: 10px 0  10px 10px; }
div#content h3, div#content h4 { padding: 3px 10px; }
h1, h2 { width: 100%; color: rgb(204, 255, 255); text-align: center; background: rgb(51, 102, 153); }
h1 { padding: 15px 0; margin: 0; font-size: 140%; text-transform: uppercase; }
h2 { padding: 0 0 15px 0; margin: 0 0 10px 0; font-size: 100%; text-transform: capitalize; }
div#sidenav h3 { height: 146px; width: 200px; text-indent: -2000em; overflow: hidden; margin: 0 0 10px 25px; padding: 0; }
h4#servingHeader { margin: 0; padding: 0; }
ul#served { margin: 0 auto; padding: 0; width: 500px; }
ul#served li { width: 32%; float: left; margin: 0; padding: 0; font-size: 0.85em; }