/* 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; } 

/*================================================== structural Divs ==========*/
#wrap { position:absolute; top:0px; left:0px; height:100%; width:100%; }
#container { position:relative; width:900px; height:1%; padding-bottom:10px; margin:0% auto; }
#header { position:relative; top:0px; left:0px; width:900px; 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 60px 0px 110px; height:100px; }
#branding img.pic { float:right; height:200px; }

#content { position:relative; top:-30px; left:0px; width:880px; height:auto; padding:14px 10px; margin-bottom:8px; border:4px solid #ddd; border-top:0px; background-color:white; }
#contentMain { text-align:left; padding:12px 25px 0px 25px; padding-bottom:50px; overflow-x:hidden; overflow-y:auto; border-left:thin solid #cc030f; }
#contentMainIndex { text-align:left; margin:0px 135px 50px 135px; overflow-x:hidden; overflow-y:auto; }
#side1, #side2 { position:relative; padding:5px 0px; }
#side1 { float:left; clear:both; margin-right:10px; margin-bottom:50px; width:200px; height:auto; }
/*#side2 { float:left; clear:both; margin-left:10px; margin-bottom:50px; width:200px; height:100%; }*/
#facebook { }
#sponsors { display:none; } /*position:absolute; top:8px; left:0px; float:left; clear:both; height:100%; bottom:0px; left:0px; */
#books { position:relative; top:30px; left:0px; float:left; clear:both; height:100%; bottom:0px; left:0px; } /*top:150px; */

#map table { width:880px; }
#map td { width:220px; padding:0px 0px 25px 0px; }
#map td.shim { width:30px; }
#map td.advisers { width:130px; }
#map ul { padding-left:10px; }
#map li { padding:7px 0px; font-size:120%; list-style-type:none; }
#map li.otherAdvisers { margin-top:-8px; }
#map h2 { padding-bottom:10px; }
h1.map { padding:10px 0px 20px 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; height:20px; width:100%; padding:5px 0px; border-top:4px solid #ddd; background:black; }
#footer a { font-weight:bold; color:#057eff; } /*#00aaed*/
#footer a:hover { color:orange; }
#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; display:none; }/*position:absolute; left:1000px; top:1000px; border:thin solid red;*/

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

#splash img { width:100%; }

/*================================================== Navs ==========*/

#nav { position:relative; top:130px; right:290px; float:right; padding:3px 0px 0px 51px; margin:0px; font-family:arial, helvetica, sans-serif; }
#nav ul { padding-left:0; margin-left:0; color:orange; 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:32px; left:10px; margin-left:-11px; padding-left:65px; height:20px; width:836px; background:#c3dffd; border-top:6px solid #FFF; }
#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 { float:right; padding-right:20px; }/*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; height:20px; }
#botNav ul li.active { color:orange; background:#bbb; }
#botNav ul li.cover { background:#c3dffd; padding-right:6em; }

/*---------- 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 ========== "serif", "sans-serif", "cursive", "fantasy", "monospace" */
.ques1 p { padding:10px 0px; font-weight:bold; color:#6495ED; }
.ans { font-size:100%; line-height:160%; word-spacing:.05em; orphans:2; widows:2; page-break-inside:avoid; direction:ltr; } 
.qSig { display:block; margin:5px 0px; font-style:italic; font-weight:bold; color: #057eff; }

.drm { color:#cc030f; }
.rob { color:#9932CC; }
.liz { color:#000080; }
.molly { color:#008B8B; }
.drb { color:#D2691E; }
.anil { color:#DA39AF; }
.arvind { color:#005172; }
.dustin { color:#6800E3; }

.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; }
.drbH { font-size:180%; font-family:modern; color:#D2691E; }
.anilH { font-size:180%; font-family:sanserif; color:#DA39AF; }
.arvindH { font-size:180%; font-family:cursive; color:#005172; }
.dustinH { font-size:180%; font-family:modern; color:#6800E3; }

.sigDrmPic { height:15px; width:85px; margin:5px 0px 30px 0px; }
.sigRobPic { height:15px; width:85px; margin:5px 0px 30px 0px; }
.sigLizPic { height:15px; width:85px; margin:5px 0px 30px 0px; }
.sigMollyPic { height:15px; width:85px; margin:5px 0px 30px 0px; }
.sigDrbPic { height:15px; width:85px; margin:5px 0px 30px 0px; }
.sigAidanPic { height:15px; width:85px; margin:5px 0px 30px 0px; }
.sigAnilPic { height:15px; width:85px; margin:5px 0px 30px 0px; }
.sigArvindPic { height:15px; width:85px; margin:5px 0px 30px 0px; }
.sigDustinPic { height:15px; width:85px; margin:5px 0px 30px 0px; }

#botNav ul li a.drm { color:#cc030f; } 
#botNav ul li a.rob { color:#9932cc; }
#botNav ul li a.liz { color:#000080; }
#botNav ul li a.drb { color:#D2691E; }
#botNav ul li a.aidan { color:#D2691E; }
#botNav ul li a.molly { color:#008B8B; } 
#botNav ul li a.anil { color:#DA39AF; }
#botNav ul li a.arvind { color:#005172; }
#botNav ul li a.dustin { color:#6800E3; }

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

img.picDrm1 { width:179px; }
img.picDrm2 { width:179px; }
img.picDrB { width:199px; }
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 and Misc. ==========*/
/* 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; border:thin solid white; }/*border:thin solid green;*/

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; 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; }

.noBorder { border:none; }

ol { margin:0px 20px 12px 50px; }

/*===================================================popUp================*/

#popUp { padding:10px 20px 0px 20px; background:#aacceb; }