/*Cascading style sheet for Cael's web pages*/

body.month 
{ 
background: #F1F868; 
color: black; 
margin-left: 1%; 
margin-right: 1%; 
margin-top: 1%; 
border-width: 0%; 
margin-width: 0%; 
margin-height: 0%; 
font-family: "comic sans ms", "tempus sans itc", Arial, Verdana, Helvetica, sans-serif; 
font-size: 8pt;
width: 800px
}

table.banner		/* banner at top of all pages */
{
background: #0000ff;
align: left;
text-align: left;
border: thin outset gray;
padding: 0%;
spacing: 0%;
whitespace: nowrap;
width: 792px;
height: 150px
}

td.banner
{
FILTER: DropShadow(Color=#11116C, OffX=3, OffY=3, Positive=1);
font-family: "tempus sans itc", "comic sans ms", arial, verdana, helvetica, sans-serif;
font-size: 35pt;
color: #FF1100;
font-weight: 900;
text-indent: 10px
}

table.menubar		/* menu bar at left of all pages */
{
background: #E21A1A;
font-size: 10pt;
color: yellow;
font-weight: bold;
align: left;
vertical-alignment: top;
text-align: left;
border-top: 0;
border-left: thin outset gray;
border-right: thin outset gray;
border-bottom: thin outset gray;
padding: 0%;
spacing: 0%;
whitespace: nowrap;
width: 120px
}

.menu  
{
display:none;
font-family: "comic sans ms", "tempus sans itc", Arial, Verdana, Helvetica, sans-serif; 
font-size: 8pt;
color: navy; 
margin-left:20px
}

img.toy			/* toy border */
{
text-align: left;
align: left;
margin-left: 0
}

/* Front page font for picture text */
.maintext
{
text-alignment: justify;
margin-top: 30px;
margin-right: 30px;
width: 320px;
font-family: "comic sans ms", arial, verdana, helvetica, sans-serif;
font-size: 14pt;
color: navy;
font-weight: 500
}

table.mainpg
{
background: #F1F868;
align: center;
text-align: center;
border: 0;
padding: 0%;
spacing: 0%;
width: 680px;
margin-left: 0px
}

/* list of accomplishments */
table.accomp
{
cellpadding: 1;
cellspacing: 1;
margin-top: 2px;
margin-bottom: 2px;
background: #F1F868;
align: center;
text-align: center;
border: thin solid navy;
width: 65%
}
img.accomp
{
align: center;
width: 14px;
height: 14px
}

td.accomp1
{
font-family: "comic sans ms", arial, verdana, helvetica, sans-serif;
font-size: 13pt;
color: navy;
font-weight: 900;
align: center;
text-decoration: underline
}
td.accomp2
{
height: 10px;
line-height: 15px;
font-family: "comic sans ms", arial, verdana, helvetica, sans-serif;
font-size: 11pt;
color: navy;
font-weight: 700;
align: left;
text-align: left;
margin-left: 7px
}

/* thumbnail instructions */
p.thumb
{
text-align: center;
color: #FF1100;
font-family: "tempus sans itc", "comic sans ms", Arial, Verdana, Helvetica, sans-serif; 
font-size: 14pt;
font-weight: 900
}

/* pictures table */
table.pic
{
background: #F1F868;
align: left;
border-width: 0%;
padding: 0%;
spacing: 0%;
whitespace: nowrap;
width: 100%;
height: 35px
}
td.pic
{
align: center;
text-align: center
}
img.pic
{
align: center;
width: 167px;
height: 112px
}
img.pic2
{
text-align: center;
align: center
}
td.pictxt
{
text-align: center;
font-family: "comic sans ms", arial, verdana, helvetica, sans-serif;
font-size: 12pt;
color: navy;
font-weight: 500
}
td.piccheat
{
text-align: center;
color: #F1F868
}

/* navigation menu */
p.nav
{
align: center;
text-align: center;
border-width: 0%;
text-align: center;
font-family: "tempus sans itc";
font-size: 20pt;
color: red;
font-weight: 700
}
img.nav
{
align: center;
width: 75px;
height: 71px;
border-width: 0%;
border: 0
}


/* address */
address
{
text-align: left;
color: navy;
font-family: "tempus sans itc", "comic sans ms", Arial, Verdana, Helvetica, sans-serif; 
font-size: 9pt;
font-weight: 800;
font-style: italic
}

/* subpages */
body.sub 
{ 
background-image: url("mainpics/wallpaper2.gif");
color: navy; 
margin-left: 1%; 
margin-right: 2%; 
margin-top: 0%; 
border-width: 0%; 
margin-width: 0%; 
margin-height: 0%; 
font-family: "comic sans ms", "tempus sans itc", Arial, Verdana, Helvetica, sans-serif; 
font-size: 12pt;
align: center
}
P.sub
{
color: navy;
font-family: "comic sans ms", "tempus sans itc", Arial, Verdana, Helvetica, sans-serif; 
font-size: 16pt;
align: center;
text-align: center
}
img.sub
{
align: center;
text-align: center;
/*width: 442px;*/
/*height: 297px;*/
border: thick solid navy
} 
img.sub2		/* pictures that are taller */
{
align: center;
text-align: center;
/*height: 640px;*/
/*height: 332px;*/
height: 490px;
border: thick solid navy
}  

img.sub3		/* pictures that are taller */
{
align: center;
text-align: center;
border: thick solid navy
}  

/* fonts */
font.red
{
color: red;
FONT-FAMILY: "porky's", Helvetica, Arial, sans-serif;
text-decoration: none;
font-size: 13pt
}

/* link settings */

a.menulinks:link
{
color: #092BA3;
margin-left: 2px;	
FONT-FAMILY: "comic sans ms", "porky's", Helvetica, Arial, sans-serif;
text-decoration: none;
font-size: 10pt
}

a.menulinks:active	
{
color: #092BA3;
margin-left: 2px;	
FONT-FAMILY: "comic sans ms", "porky's", Helvetica, Arial, sans-serif;
text-decoration: none;
font-size: 10pt
}

a.menulinks:visited	
{
color: #092BA3;
margin-left: 2px;	
FONT-FAMILY: "comic sans ms", "porky's", Helvetica, Arial, sans-serif;
text-decoration: none;
font-size: 10pt
}

a.menulinks:hover	
{
color: yellow;
margin-left: 2px;	
FONT-FAMILY: "comic sans ms", "porky's", Helvetica, Arial, sans-serif;
text-decoration: none;
font-size: 10pt
}

a.menulinkssm:link
{
color: #092BA3;
margin-left: -2px;	
FONT-FAMILY: "comic sans ms", "porky's", Helvetica, Arial, sans-serif;
text-decoration: none;
font-size: 8pt
}

a.menulinkssm:active	
{
color: #092BA3;
margin-left: -2px;	
FONT-FAMILY: "comic sans ms", "porky's", Helvetica, Arial, sans-serif;
text-decoration: none;
font-size: 8pt
}

a.menulinkssm:visited	
{
color: #092BA3;
margin-left: -2px;	
FONT-FAMILY: "comic sans ms", "porky's", Helvetica, Arial, sans-serif;
text-decoration: none;
font-size: 8pt
}

a.menulinkssm:hover	
{
color: yellow;
margin-left: -2px;	
FONT-FAMILY: "comic sans ms", "porky's", Helvetica, Arial, sans-serif;
text-decoration: none;
font-size: 8pt
}

a.menulinkstiny:link
{
color: white;
margin-left: -2px;	
FONT-FAMILY: Arial, sans-serif;
font-size: 7pt
}

a.menulinkstiny:active	
{
color: white;
margin-left: -2px;	
FONT-FAMILY: Arial, sans-serif;
font-size: 7pt
}

a.menulinkstiny:visited	
{
color: white;
margin-left: -2px;	
FONT-FAMILY: Arial, sans-serif;
font-size: 7pt
}

a.menulinkstiny:hover	
{
color: blue;
margin-left: -2px;	
FONT-FAMILY: Arial, sans-serif;
font-size: 7pt
}

a.links:link
{
color: blue;
text-decoration: none;	
FONT-FAMILY: "comic sans ms", "porky's", Helvetica, Arial, sans-serif;
font-size: 12pt;
font-weight: bold
}

a.links:active
{
color: blue;
text-decoration: none;	
FONT-FAMILY: "comic sans ms", "porky's", Helvetica, Arial, sans-serif;
font-size: 12pt;
font-weight: bold
}

a.links:visited	
{
color: blue;
text-decoration: none;	
FONT-FAMILY: "comic sans ms", "porky's", Helvetica, Arial, sans-serif;
font-size: 12pt;
font-weight: bold
}

a.links:hover	
{
color: red;
text-decoration: none;	
FONT-FAMILY: "comic sans ms", "porky's", Helvetica, Arial, sans-serif;
font-size: 12pt;
font-weight: bold
}