/* HTML 5 Tags */ /* 16px (=1em) is "normal" default browser size font.*/
html
{font-size:100%;} /* Keeps IE happy with em's. */
head {} /* Document Setup - optional */
body { /* Sets uo body. - optional! */
width:98%; /* Keeps ScrollBar off bottom. */
color:black; /* Default Black lettering. */
background-color:black; /* Just to "see" where we are */
padding:0px;
}
/* These fonts are all usable on the web.
Not selecting a font defauts to BROWSER specific or USER defined fontface, */
/*font-family:"Times New Roman",Georgia,Serif;*/
/*font-family: "New Century Schoolbook", Times, serif;*/
/*font-family: Arial, Helvetica, sans-serif;*/
/*font-family: 'Arial Black', Gadget, sans-serif;*/
/*font-family: 'Bookman Old Style', serif;*/
/*font-family: 'Comic Sans MS', cursive;*/
/*font-family: Courier, monospace;*/
/*font-family: 'Courier New', Courier, monospace;*/
/*font-family: Garamond, serif;*/
/*font-family: Georgia, serif;*/
/*font-family: Impact, Charcoal, sans-serif;*/
/*font-family: 'Lucida Console', Monaco, monospace;*/
/*font-family: 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;*/
/*font-family: 'MS Sans Serif', Geneva, sans-serif;*/
/*font-family: 'MS Serif', 'New York', sans-serif;*/
/*font-family: 'Palatino Linotype', 'Book Antiqua', Palatino, serif;*/
/*font-family: Symbol, sans-serif;*/
/*font-family: Tahoma, Geneva, sans-serif;*/
/*font-family: 'Times New Roman', Times, serif;*/
/*font-family: 'Trebuchet MS', Helvetica, sans-serif;*/
/*font-family: Verdana, Geneva, sans-serif;*/
/*font-family: Webdings, sans-serif;*/
/*font-family: Wingdings, 'Zapf Dingbats', sans-serif;*/
/*font-family: 'Comic Sans MS', cursive;*/
/*font-family: "Arial", san-serif;*/
time{font-style:Italic;}/* optional */
figure{font-size:.5em;}
section, article , nav, header , footer, hgroup, figure, figcaption, aside, dialog, mark, meter, progress {display: block;}
screenReader{display: none;} /* Do Not Display, Just read it. */
img #doc{
}
/*------------------------------------------SITE SECTIONS--------------------------------------*/
#doc /* wraps page in background. */
{
background-color:blue; /* This is just a test background. */
width:100%; /* Full Page Width. */
background-image:url(pics/bar1.jpg);/* The background picture. */
background-repeat: repeat; /* Repeat to bottom of page. */
}
#header1 /* The page header (SharonsBrain) shown on the TOP of the page.*/
{
line-height:1em;
font-size:500%;
font-weight:700;
width:100%;
margin-left: auto;
margin-right: auto;
}
.brain /* The Brain Picture in the Page Header. */
{
float:left;
background-image:url(pics/brain.gif);
background-repeat: no-repeat;
background-color: transparent;
position:relative;
left:5%;
width:80px;
height:82px;
}
#sitemenutitle{
width:100%;
font-size:150%;
color:#0000FF;
font-weight:700;
margin-left: auto;
margin-right: auto;
}
#sitemenu { /*nav Blue Menu on Left,*/
border:.1em solid blue;
background-color:#ADD8E6; /*lightblue*/
line-height:1.75em;
left:5%;
width:14%;
float:left;
margin:.1em;
font-size:1em;
}
#contentmenutitle{
width:100%;
font-size:200%;
color:#FF0000;
line-height:1em;
font-weight:700;
margin-left: auto;
margin-right: auto;
}
#article1
{
border:.075em solid black; /* index01 NOTindex02! index03 index04 index05 index06 index07*/
width:66%;
/*background-color:#90EE90;*/ /* This is the large lightgreen (center) of Screen */
line-height:1.50em;
font-weight:700;
font-size:1.75em;
float:left;
margin:.1em .1em .1em .1em;
padding:.1em .5em .1em .5em;
background-image:url('pics/paper.gif');
background-repeat:repeat;
margin-left: auto;
margin-right: auto;
}
span
{
/*border:.05em solid #0000FF;*/
float:left;
width:1em;
font-size:200%;
text-align:center;
/*font-family:"Arial", san-serif;*/
line-height:100%;
}
#gpsmenutitle
{
width:100%;
font-size:150%;
color:#FF0000;
font-weight:700;
margin-left: auto;
margin-right: auto;
}
#gpsmenutitle2
{
width:100%;
font-size:100%;
color:#FF0000;
font-weight:700;
margin-left: auto;
margin-right: auto;
}
#gps { /*nav Pink Menu on Right.*/
border:.1em solid red;
background-color:#FFC8CB;/*pink*/
line-height:1.75em;
width:14%;
float:left;
margin:.1em;
font-size:1em;
}
.notemenu{background-color:#ADD8E6;border:.05em solid blue;font-size:60%}
/*#heading1{
width:100%;
background-color:#90EE90;/*lightgreen*/ /* This is the large lightgreen (center) of Screen */
/*border:.1em solid red;
line-height:1.25em;
font-weight:700;
font-size:1.5em;
float:left;
margin: 0em .1em 0em .1em;
padding:0em .1em 0em .1em ;
}*/
#flatmenu { /*nav Blue Menu on Bottom.*/
border:.1em solid blue;
width:99.7%;
background-color:#ADD8E6;/*lightblue*/
text-align:center;
font-size:1em;
float:left;
margin:.5em auto;
clear:both;
}
#validation { /*aside Yellow Bottom Left*/
background-color:#FFD700;/*gold*/
font-size:1em;
float:left;
text-align:center;
height:4em;
width:49.4%;
margin:.1em .1em .1em .1em;
}
#browsers { /*aside Yellow Bottom Right*/
background-color:#FFD700;/*gold*/
font-size:1em;
float:right;
text-align:center;
height:4em;
width:49.4%;
margin:.1em .1em .1em .1em;
}
#footer1
{ /* The page footer where the fine print goes; copywrite, the signature in an e-mail message.*/
background-color:beige;/*black;*/
margin-left: auto;
margin-right: auto;
font-size:.5em;
height:9em;
width:25%;
color:black;
}
/* CALENDAR */
a:hover {color:red;} /* Hovered Links Turn Red. */
/* Calendar Code Stolen From: http://www.dreamincode.net/forums/showtopic10208.htm*/
.yearname
{overflow:hidden;
width:7%;
font-size:.65em;
vertical-align:middle;
padding-top:.1em;
padding-bottom:.1em;
font-weight:700;
border:.1em solid #039;
text-align:center;
}
.monthname {
width:7%;
font-size:.65em;
vertical-align:middle;
padding-top:.1em;
padding-bottom:.1em;
font-weight:700;
border:.1em solid #039
}
.dayname {
width:11%;
font-size:.5em;
color:#FFF;
background-color:#0080C0;
text-align:center;
vertical-align:middle;
padding-top:.1em;
padding-bottom:.1em;
font-weight:700;
border:.1em solid #039
}
.lsmonth {
font-size:.5em;
color:#F33;
background-color:#808080;/*grey*/
text-align:left;
vertical-align:top;
border:.1em;
border-color:#039 #F36 #F36 #039;
border-style:solid;
padding:.1em
}
.nxmonth {
font-size:.5em;
color:#060;
background-color:#808080;/*grey*/
text-align:left;
vertical-align:top;
border:.1em;
border-color:#F36 #039 #039 #f36;
border-style:solid;
padding:.1em;
}
.weekend {
font-size:.5em;
background-color:#0f0;
text-align:left;
vertical-align:top;
/*height:32.5em;*/
color:#000;
border:#039 solid;
border-width:.1em .1em .1em .1em;
margin:0;
padding:0 .1em .1em 0;
}
.weekday {
font-size:.5em;
background-color:#90EE90;
text-align:left;
vertical-align:top;
/*height:32.5em;*/
color:#000;
border:#039 solid;
border-width:.1em;
margin:0;
padding:0 .1em .1em 0
}
.bottoms {
width:99%;
border:#039 solid;
font-size:.5em;
color:#039;
background-color:#FFFFFF;
border-width:.25em .25em .25em;
}
h5 {
font-size:125%;
text-decoration:none;
text-align:left;
list-style-type:circle;
font-weight:400;
margin:.5em 0 .5em 1.5em;
padding:0
}
h6{
font-size: 75%;
color: #003399;
background-color: #FFFFDD;
text-align: center;
vertical-align: middle;
display:block;
margin-top: 0%; margin-right: .1%; margin-bottom: 0%; margin-left: 0%;
padding-top: .1%; padding-right: .1%; padding-bottom: .1%; padding-left: .1%;
height: 1.5%;
width: 1.75em;
border: #003399 solid; border-width: 0% .1% .1% 0%;
clip: rect( )
}
/* MY CSS */
/*.menu:first-letter{/* Menu Choices in AccessKey*//* Old Code */
/*text-decoration:underline;
color:#000000;
font-weight:700;
padding:2em
}*/
h1.centered,h2.centered,h3.centered,h4.centered /* works fine. */
{color:red;text-align:center}
.centered{text-align:center;} /* seems to work. */
p.indent { /* Indent a Paragraph. Works. */
color:#000000;
text-indent:2em;
}
.floatLeft { /* Float (a picture) left w/margin */
float:left;
white-space:pre;
margin:.5em;
}
.floatRight { /* Float (a picture) right w/margin*/
float:right;
white-space:pre;
margin:.5em;}
.screenreader{
display:none;}
.white {
color:#FFFFFF;
}
#lsmonth p,#nxmonth p {
font-size:4.5em;
color:#039;
background-color:#FFFDFF;
text-align:left;
vertical-align:top;
margin:0;
padding:1.5em;
}