/* CSS Document */

* { margin:0; padding:0; }
body { background:#aacceb; }
body.home { background:url(images/200BGkids.jpg) repeat left top; } 
body.kids { background:url(images/200BGkids.jpg) repeat left top; } 
body.teens { background:url(images/200BGteens.jpg) repeat left top; } 
body.parT { background:url(images/200BGparT.jpg) repeat left top; } 
body.parK { background:url(images/200BGparK.jpg) repeat left top; } 
body.drmBG { background:url(images/200BGyA.jpg) repeat left top; } 
body.mollyBG { background:url(images/200BGkids.jpg) repeat left top; } 
body.robBG { background:url(images/200BGteens.jpg) repeat left top; } 
body.lizBG { background:url(images/200BGparT.jpg) repeat left top; } 
body.otherBG { background:url(images/200BGparK.jpg) repeat left top; } 
body.map { background:url(images/200BGyA.jpg) repeat left top; } 
body.yA { background:url(images/200BGyA.jpg) repeat left top; } 
body.landscapes { background:url(images/200BGlandscapes.jpg) repeat left top; } 

/*---------- lists -------------*/
li { list-style-type:none; }

/*================================================== structural Divs ==========*/
#wrap { position:absolute; top:0px; left:0px; height:100%; width:100%; }

#container { position:relative; width:810px; height:1%; padding-bottom:10px; margin:0% auto; }

#header { position:relative; top:0px; left:0px; width:800px; height:154px; margin:3% auto; border:4px solid #ddd; border-bottom:none; background:black; z-index:1; }/*height 154*/

#branding { position:absolute; top:-20px; left:0px; height:100%; }

#branding img.logo { float:left; padding:40px 30px 0px 60px; height:100px; width:450px; }
/*images/75x272DrmLogo.png=height:172px; width:200px;*/

#branding img.pic { float:right; padding-left:30px; height:200px; }

#nav { position:relative; top:130px; float:left; padding:3px 0px 0px 51px; font-family:arial, helvetica, sans-serif; }

#content { position:relative; top:-25px; left:0px; width:780px; height:auto; padding:14px 10px; margin-bottom:8px; border:4px solid #ddd; border-top:0px; background-color:white; }
#map table { width:600px; }
#map td { width:200px; padding-bottom:25px; }
#map ul { padding-left:10px; }
#map li { padding:7px 0px; font-size:120%; }
#map li.otherAdvisers { margin-top:-8px; }
#map h2 { padding-bottom:10px; }
h1.map { padding:10px 0px 20px 0px; }

#contentMain { text-align:left; padding-left:15px; padding-bottom:50px; overflow-x:hidden; overflow-y:auto; }

#contentMainIndex { text-align:left; margin:0px 135px 50px 135px; overflow-x:hidden; overflow-y:auto; }

#sideL, #sideR { position:relative; padding:5px 0px; }
#sideL { float:left; margin-right:10px; width:150px; height:auto; }
#sideR { float:right; margin-left:10px; margin-bottom:150px; width:150px; height:100%; }

#sponsors { position:absolute; top:8px; left:0px; float:left; clear:both; height:100%; bottom:0px; left:0px; }
#books { position:absolute; top:150px; left:0px; float:left; clear:both; height:100%; bottom:0px; left:0px; }

#aboutUs { position:absolute; padding:0px; float:left; clear:both; height:100%; bottom:0px; left:0px; } /*padding 0 auto*/

#footer { position:absolute; bottom:0px; left:0px; width:800px; height:20px; padding:5px 0px; border-top:4px solid #ddd; background:black; }
#footer a { font-weight:bold; color:#057eff; } /*#00aaed*/
#footer a:hover { color:orange; }
#design { width:800px; height:auto; }
#design p { font-weight:normal; color:#999; padding-right:30px; float:right; font-style:italic; }

.clear { clear: both; line-height: 1px; }
#question { padding:10px 0px; }
#submit { position:relative; float:right; }

#hidden { position:absolute; left:1000px; top:1000px; border:thin solid red; }

#splash { padding:15px 0px 25px 0px; }

#splash img { width:100%; }

/*================================================== nav  / botNav ==========*/
/*botNav #53a4fb, 057eff #c3dffd */
#nav ul { padding-left:0; margin-left:0; color:orange; float:left; width:100%; }

#nav ul li,#botNav ul li { display:inline; }

#nav ul li a,#botNav ul li a { padding:0.2em .8em; color:orange; text-decoration:none; float:left; }

#nav ul li a.ask { color:#fff; }

#nav ul li a:hover { background-color:#8B0000; border-bottom:4px solid #cc030f; }

#nav ul li a.active { background-color:#B22222; border-bottom:4px solid #FF7F50; }

#botNav { position:absolute; bottom:34px; left:10px; margin-left:-11px; padding-left:65px; height:20px; width:736px; background:#c3dffd; }

#botNav ul { color:#057eff; float:left; width:100%; }

#botNav ul li { display:inline; float:left; }

#botNav ul li.info { font-weight:bold; color:#666; padding:0.2em 1em; }

#botNav ul li.end { padding-left:6em; }

#botNav ul li a { color:#057eff; text-decoration:none; padding:0.2em 1em; }

#botNav ul li a:hover { color:orange; background:black; }

#botNav ul li.active { color:orange; background:#bbb; padding:0px 5px; }
#botNav ul li.cover { background:#c3dffd; padding-right:6em; }

#botNav ul li a.drm { color:#cc030f; } /*font-family:cursive; */
#botNav ul li a.rob { color:#9932cc; } /*font-size:150%; font-family:monospace; */
#botNav ul li a.liz { color:#000080; } /*font-size:130%; font-family:serif;*/
#botNav ul li a.aidan { color:#D2691E; }
#botNav ul li a.molly { color:#008B8B; } /*font-size:110%; font-family:fantasy;*/

/*================================================== Q&A ==========*/
.ques1 p.q { padding-top:10px; font-weight:bold; color:#6495ED; }

.ans { font-size:100%; color:#008B8B; padding-top:10px; }/*font-size:110%; july8*/

.qSig { display:block; margin:-13px 0px 13px 0px; font-style:italic; font-weight:bold; color: #057eff; }

/* "serif", "sans-serif", "cursive", "fantasy", "monospace". */


/*---------- LINKS ----------*/
a { font-weight:bold; color:#057eff; text-decoration:none; }

a:hover { color:orange; text-decoration:underline; } /*#664597 purple*/

a.top { font-weight:bold; color:orange; font-style:italic; display:block; border-top:3px dotted #B0E0E6; padding-bottom:15px; } /*border-top:3px dotted powderblue; */
a.last {border-top:0px; padding-bottom:0px; }
a.gold { font-weight:bold; color:orange; font-style:italic; }
a.gold:hover,a.top:hover { color:#B0E0E6; text-decoration:underline; }

/*================================================== Personalizing ==========
.drmSig { font-size:150%; font-family:cursive; display:block; margin:-13px 0px 13px 0px; font-weight:bold; color:#cc030f; }
.robSig { font-size:200%; font-family:monospace; display:block; margin:-13px 0px 13px 0px;font-style:italic; font-weight:bold; color:#9932CC; }
.lizSig { font-size:130%; font-family:serif; display:block; margin:-13px 0px 13px 0px;font-style:italic; font-weight:bold; color:navy; }
.mollySig { font-size:130%; font-family:fantasy; display:block; margin:-13px 0px 13px 0px;font-weight:bold; color:darkcyan; }*/
.aidanSig { font-size:130%; font-family:modern; display:block; margin:-13px 0px 13px 0px;font-weight:bold; color:#D2691E; }

.drm { color:#cc030f; }
.rob { color:#9932CC; }/*forestgreen*/
.liz { color:#000080; }/*fuchsia*//*darkpink*/
.molly { color:#008B8B; }
.aidan { color:#D2691E; }/*darkgoldenrod*/

.drmH { font-size:200%; font-family:cursive; color:#cc030f; }
.robH { font-size:250%; font-family:monospace; color:#9932CC; }
.lizH { font-size:180%; font-family:serif; color:#000080; }
.mollyH { font-size:180%; font-family:fantasy; color:#008B8B; }
.aidanH { font-size:180%; font-family:modern; color:#D2691E; }

.sigDrmPic { height:15px; width:85px; margin-bottom:30px; }
.sigRobPic { height:15px; width:85px; margin-bottom:30px; }
.sigLizPic { height:15px; width:85px; margin-bottom:30px; }
.sigMollyPic { height:15px; width:85px; margin-bottom:30px; }
.sigAidanPic { height:15px; width:85px; margin-bottom:30px; }

/*---------- IMG----------*/
a img { border:none; }

img.picDrm1 { width:179px; }
img.picDrm2 { width:179px; }
img.picLiz { width:165px; }
img.picLizArtist { width:136px; }
img.picRob { width:220px; }
img.picMolly { width:228px; }

img.picFamArg1,img.picMomDaughter { width:245px; }
img.picShrug { width:146px; }
img.picArg1 { width:147px; }
img.picCouple1 { width:153px; }
img.picCouple2 { width:250px; }
img.picNervous { width:196px; }
img.picHWonStairs { width:163px; }

img.bkBadAboutGood { width:2450px; }
img.bkRealYou { width:2450px; }
img.bkSitAtLunch { width:2450px; }
img.bkTooOldTooYoung { width:2450px; }

img.sidebar { height:126px; width:126px; }

#books img { margin:5px 0px; border:thin solid red}
#sponsors img { margin:0px 0px 0px 12px; }

/*================================================== TYPOGRAPHY ==========*/
/* colors:  b5111b coral-#FF7F50 lightseagreen-#20B2AA chartreus #9932cc-#9932CC cornflowerblue-#6495ED #7FA0FE powderblue-#B0E0E6
darkred-#8B0000 darkcyan chocolate-#D2691E darkorchid-#DA70D6 navy-#000080 firebrick-#B22222*/

#note { position:relative; font-weight:bold; font-style:italic; color:#8B0000; border:thin solid green; }

/*books*/
.bookH { color:#666; padding-top:20px; font-style:italic; border-top:1px solid #057eff; }
.title,.bookSub { font-size:90%; font-weight:normal; font-style:italic; }
.title { font-weight:bold; }
table #bookGrid { width:400px; }
#bookGrid td { width:200px; padding-right:15px; }
/*#bookCol1 { position:absolute; float:left; width:190px; border:thin solid aqua; }
#bookCol2 { position:relative; float:right; width:190px; border:thin solid violet;  }
#bookGrid ul { position:relative; float:left; width:400px; border:thin dotted red; background-color:transparent; }
#bookGrid li { list-style-type:none; margin-right:10px; height:220px; width:190px; border:thin solid green; }/* width:200px;  */

body { color:#333; font-family: verdana, helvetica, sans-serif; font-size:0.7em; text-align:center; font-style:normal; font-weight:normal; }/*darkslategrey#555*/

p { font-size:100%; line-height:160%; word-spacing:.05em; orphans:2; widows:2; padding-bottom:1.5em; page-break-inside:avoid; direction:ltr; } 

a.inline { font-weight:bold; font-style:italic; color:inheirit; }
.bigger { font-size:120%; }

h1 { padding-bottom:5px; font-size:170%; line-height:125%; font-weight:bold; letter-spacing:0em; direction:ltr; color:#057eff; } 

h2  { font-size:130%; line-height:100%; font-weight:bold; direction:ltr; letter-spacing:.05em; color:orange; }
h2.date { color:#6495ED; font-style:italic; }/*padding-top:1em; border-top:3px dotted powderblue; */

h3  { font-size:120%; line-height:100%; font-weight:bold; direction:ltr; letter-spacing:.05em; color:#20B2AA; padding:2px 0px; }

h4 { font-size:110%; direction:ltr; color:#82aada; }

.b { font-weight:bold; }

.i { font-style:italic; }

table.q { margin-top:15px; }
td { padding:1px 0px; }

#formail.kids { border-top:5px dotted #B0E0E6; margin-top:15px; padding-top:15px; }
#formail.kids h3 { color:#6495ED; }

.p-b { padding-bottom:5px; }

img.site { margin-top:-15px; padding:0px 100px; }

.last { margin-bottom:10px; }