/*PAGE STRUCTURE*/
html,body{margin:0; padding:0;}
div#sitetools{text-align:right; padding: 4px 24px 15px 0; width:790px; margin-left:auto; margin-right:auto;}
/*div#topshadow{width:67.5em;margin-left:auto; margin-right:auto; text-align:right; height:11px; }*/
div#outer{width:790px; margin-left:auto; margin-right:auto; }
div#container{width:780px; position:relative; left:-3px; top:-3px;}
#navcontainer {width:780px;}
div#wrapper{float:left;width:780px;}
div#content{margin: 0 210px; margin-bottom:30px;}
div#calendar{margin: 0 0 3em 4em;}
/*div#rightnews{float:right; width:50%; }*/
div#leftcol{float:left;width:190px;margin: 0 0 0 -780px;}
div#rightcol{float:left;width:190px;margin: 20px 0 30px -200px;}
div#footer{clear:left;width:100%; text-align:left; }
div#footerinfo{width:34em; margin-left:auto; margin-right:auto; font-size:.9em; margin-top:1em;}
/*APPEARANCE AND TYPOGRAPHY*/
body{font: 76% verdana, arial, helvetica, sans-serif;text-align:center; background-color: rgb(232,222,187); color:#000;}
div#wrapper{padding-top:20px; }
div#outer{background-image:url(../images/shadow_03.jpg); background-position:right; background-repeat:repeat-y;}
div#container{background-color:#fff; text-align:left; border: 4px solid rgb(55,99,48);}
.alignleft{float:left;}
div#header{background-image:url(../images/sunnyschool_02.jpg); background-position:right; background-repeat:no-repeat; height:116px; }
div#header h1{height:116px; margin:0 }
/*div#header h1{height:116px; background-image: url("../images/gateway.gif"); background-repeat:no-repeat; margin:0 0 0 10px; } */
div#leftcol{background-image:url(../images/leftnavbg-new_03.jpg); background-repeat:repeat-x;}
div#content a{color:rgb(50,100,30);}
div#content h1{font-size:1.5em; color:rgb(0,47,101); margin:.2em 1em .5em 0;}
div#content h2{font-size:1.3em; color:rgb(0,47,101); margin:1em 1em .5em 0;}
div#content h3{font-size:1.2em; color:rgb(0,47,101); margin:.5em 1em .5em 0;}
div#content h4{font-size:1.1em; color:rgb(0,47,101); margin:.5em 1em .4em 0;}
div#content p{line-height:1.5; margin:0 1em .5em 0;}
div#content ul{margin-top:0px;}
div#rightcol h1{font-size:1.2em; color:rgb(0,47,101); margin:0; font-family:verdana, arial, helvetica, sans-serif;}
div#rightcol h2{font-size:1em; color:rgb(0,47,101); margin:0; font-family:verdana, arial, helvetica, sans-serif;}
div#rightcol h3{font-size:1em; color:rgb(0,47,101); margin:0; font-family:verdana, arial, helvetica, sans-serif;}div#rightcol a{color:rgb(55,99,48); text-decoration:none;}
div#rightcol a:hover{text-decoration:underline;}
div#rightcol ul{margin:0; padding:0 0 .5em 1em;}
div#rightcol ul li{margin:0; padding:0; font-size:1em;}
/*POST-IT STYLES*/
/*BLUE*/
div.bluepostit{width:180px; }
div.bluepostit h3{ background-image:url(../images/bluepostit_03.jpg); background-repeat:repeat-y; padding: 12px 10px 0 10px; margin:0;}
div.bluepostit p{background-image:url(../images/bluepostit_06.gif); background-repeat:repeat-y; padding: 0 10px 6px 10px; margin:0;}
.bluepostit a{background-image:url(../images/redstar.gif); background-position:top left; background-repeat:no-repeat; padding:0 0 4px 25px; z-index:5; margin:0; color:rgb(55,99,48); text-decoration:none; font-weight:bold; line-height:1.5em;}
.bluepostit a:hover{text-decoration:underline;}
div.bluebot{background-image:url(../images/bluepostit_09.jpg); background-repeat:no-repeat; margin:0 0 1.5em 0; padding:0 0 32px 0; width:180px;}
/*GREEN*/
div.greenpostit{width:180px; }
div.greenpostit h3{background-image:url(../images/greenpostit_06.jpg); background-repeat:repeat-y; padding: 12px 10px 0 10px;}
div.greenpostit p{background-image:url(../images/greenpostit_07.jpg); background-repeat:repeat-y; padding: 0 10px 6px 10px; margin:0;}
.greenpostit a{background-image:url(../images/redstar.gif); background-position:top left; background-repeat:no-repeat; padding:0 0 4px 25px; z-index:5; margin:0; color:rgb(55,99,48); text-decoration:none; font-weight:bold; line-height:1.5em; }
.greenpostit a:hover{text-decoration:underline;}
div.greenbot{background-image:url(../images/greenpostit_15.jpg); background-repeat:no-repeat; margin:0 0 1.5em 0; padding:0 0 32px 0; width:180px;}
/*YELLOW*/
div.yellowpostit{width:180px; }
div.yellowpostit h3{background-image:url(../images/yellowpostit_15.jpg); background-repeat:repeat-y; padding: 12px 10px 0 10px;}
div.yellowpostit p{background-image:url(../images/yellowpostit_16.jpg); background-repeat:repeat-y; padding: 0 10px 6px 10px; margin:0;}
.yellowpostit a{background-image:url(../images/redstar.gif); background-position:top left; background-repeat:no-repeat; padding:0 0 4px 25px; z-index:5; margin:0; color:rgb(55,99,48); text-decoration:none; font-weight:bold; line-height:1.5em;}
.yellowpostit a:hover{text-decoration:underline;}
div.yellowbot{background-image:url(../images/yellowpostit_23.jpg); background-repeat:no-repeat; margin:0 0 1.5em 0; padding:0 0 32px 0; width:180px;}
/*SNAPSHOT*/
div.snapshadow{width:179px; background-image:url(../images/picshadow_06.jpg); background-position:right; background-repeat:no-repeat; margin: 0 0 0 4px;}
div.snap{ padding:4px; border:2px solid black; background-color:#fff;text-align:center; position:relative; top:-6px; left:-5px; width:161px; height:122px;}
div.snap img{border: 1px solid black;}
div.snapcap {margin: 0 0 1.5em 0; }
div.snapcap p{margin: 0; }
div.snapcap a{background-image:url(../images/arrow_08.gif); background-position: top left; background-repeat:no-repeat; padding:0 0 4px 20px; margin:0; color:rgb(55,99,48); text-decoration:none; font-weight:bold; line-height:1.5em; }
.snapcap a:hover{text-decoration:underline;}
a.linklist{margin:0; padding:0; font-weight:normal; background-image:url(../images/transparent.gif);}
div#footer p{font-size:.9em; color:rgb(0,47,101); margin:.5em 9em 1em 9em;}
div#footerinfo p{margin:0 0 1em 0;}
div#footer a{color:rgb(50,100,30); text-decoration:none;}
div#footer a:hover{text-decoration:underline;}
/*div#blogleft{background:#FFF; color:#333;}
div#blogleft p{margin:0 0 .5em .5em;}
div#blogleft h2{font-size:1.2em; margin: 1em .2em 0 0; padding:0; background-color:#CCC;}
div#blogleft h3{font-size:1em; margin:0; padding:.1em .5em .1em .5em;}
div#leftnews a{padding-bottom: 10px;}
div#rightnews{float:right; width:50%;}*/
.hide{display: none !important; margin:0;}
/*OTHER PAGE ELEMENTS*/
div#sitetools a{color:rgb(55,99,48); text-decoration:none;}
div#sitetools a:hover{text-decoration:underline;}
div.borderbox{border:1px solid rgb(30,30,30); margin-left:4px;}
p.quote{font-size:1em; font-style:italic; padding:2em .4em 0 .6em;}
p.attribution{font-size:.9em; padding:0 .2em 0 1em; margin:0;}
div#faclist p{height:80px; margin: 0 1em 0 1em; }
div#faclist h3{ margin: 0 0 0 .8em; }
h1.rightnav {font-size:1.2em; padding: .8em .3em .8em .3em; background-color:#CCC; margin:0;}
p.highlight{padding:.5em .2em .5em .4em; background-color:#666666;}
p.highlight a{text-decoration:none; color:#FFF}
p.highlight a:hover{text-decoration:underline;}
.boldtrack{font-weight:bold; letter-spacing:.05em; font-size:1.1em;}
p.leftlogo{text-align:center; margin:30px 0 30px 0;}
.small{font-size:.9em; margin:2em 0 2em 0;}
ul.singlespace { display: inline; list-style-type: none;margin: 0 0 4px 0; padding: 0; font-size:.9em;}
ul.singlespace li{margin: 0 0 4px 0; padding: 0;}
div.singlespace{line-height:1em;}
.directory{font-size:.9em;}
/*IMAGES*/
img.leftalign {text-align:left; margin:0 3px 4px 0; }
img.bio {float:left; border:0; margin:0 8px 8px 8px;}
img.rightfloat {text-align:right; float:right; margin:4px 16px 4px 4px; border:0}
div#rightcol img{margin:4px 0 0 0;}
/* top level menu appearance*/
#navcontainer {background-color:rgb(0,47,101);clear:left; display:block; border-top: 3px solid rgb(55,99,48); clear:left;}
.hnav
{
text-align: left;
font-family: "Book Antiqua" "Palatino" "Palatino Linotype""Times New Roman", Times, Georgia;
font-weight:bold;
font-size:14px;
padding-left:4px;
padding-right:4px;
background-color:rgb(0,47,101);
}
.hnav, .hnav ul li a
{
/* need to middor veritcal padding on .hnav and child anchor elements
* because the anchors are _not_ block elements. since they are not
* block elements web browsers will not expand .hnav to contain them
* even with the extra padding. by applying the same padding to both
* the parent .hnav _looks_ like its containing the child anchor
* elements.
*/
padding-top: 6px;
padding-bottom:6px;
}
.hnav ul, .hnav ul li
{
display: inline;
list-style-type: none;
margin: 0;
padding: 0;
}
.hnav ul li a
{
margin: 0 -1px 0 0;
padding-left: 10px;
padding-right: 10px;
/* short-hand padding attribute would overwrite
top/bottom padding set in a previous rule */
/*border-left: solid 1px #000;
border-right: solid 1px #000;*/
white-space: nowrap;
}
.hnav ul li a:link, .hnav ul li a:visited, .hnav ul li a:active, .hnav ul li a:hover
{
text-decoration: none;
}
.hnav
{
background-color: rgb(0,47,101);
}
.hnav ul li a:link, .hnav ul li a:visited
{
color:#fff;
}
.hnav ul li a:hover
{
color: rgb(234,171,0);
}
/*.hnav ul li span.divider
{
display: none;
}*/
* html .hnav ul li, * html .hnav ul li a
{
width: 1%; /* IE/Mac needs this */
display: inline-block; /* IE/Mac needs this */
/* \*/
width: auto;
display: inline;
/* reset above hack */
}
* html .hnav, * html .hnav ul a
{
/* \*/ height: 0.01%; /* hasLayout hack to fix render bugs in IE/Win.
IE/Mac will ignore this rule. */
}
* html .HNAV
{
padding: 0; /* IE5/Win will resize #hnav to fit the heights of its
inline children that have vertical padding. So this
incorrect case selector hack will be applied only by
IE 5.x/Win */
}
a.urhere {
background-color:rgb(55,99,48);
color:#fff;
}
/*SECONDARY NAVIGATION*/
#subnav{
margin-top:20px;
}
#subnav ul {
list-style: none;
text-align:right;
font-family: "Book Antiqua" "Palatino" "Palatino Linotype""Times New Roman", Times, Georgia;
font-size:1.2em;
border:0;
margin-left:-1em;
}
#subnav a {
color:#000;
text-decoration:none;
display: block;
font-family: "Book Antiqua" "Palatino" "Palatino Linotype""Times New Roman", Times, Georgia;
font-weight:bold;
}
#subnav a:hover {color:rgb(234,171,0);}
#subnav ul li{ margin:0; padding: .3em .75em .5em 0; }
li.urhere2{
color:rgb(150,50,30);
font-weight:bold;
display: block;
margin-left:-1em;
}
.leftindent {
margin-left: 2em;
}
p.small{font-size:.8em;}