/* ===========================================Dad's Style=========================================== */


/* ------------------------------------------Specific Style----------------------------------------- */


p
{
text-align: left;
color: black;
font-family: arial;
font-size: 11pt;
font
}

A:link {text-decoration: none; color: gray;}
A:visited {text-decoration: none; color: gray;}
A:active {text-decoration: none}
A:hover {text-decoration: none; color: black;}



/* ------------------------------------------Generic Classes---------------------------------------- */


/* Center Class */
.center
{
text-align: center;
}


/* Bold Class */
.bold
{
font-weight: bold;
}


/* Borderless Class */
.borderless
{
border: none;
}


/* TextTop Class */
.texttop
{
vertical-align: text-top;
}


/* ElementTop Class */
.top
{
vertical-align: top;
}


/* Fill Area Class */
.fullsize
{
width: 100%; 
height: 100%;
}


/* Fill Horizontal Area Class */
.fullwidth
{
width: 100%; 
}


/* Fill Vertical Area Class */
.fullheight
{
height: 100%; 
}


/* Fifty Percent Vertical Area Class */
.fiftyheight
{
height: 50%; 
}



/* -----------------------------------------Specific Classes----------------------------------------- */


/* Copyright Class */
/* Defines the text of the copyright notic */
.copyright
{
text-align: left;
color: lightgray;
font-family: arial;
font-size: 5pt;
}


/* Client List Class */
/* Defines the text listing clients worked for */
.clientlist
{
text-align: left;
color: gray;
font-family: arial;
font-size: 9pt;
font-weight: none;
}


/* Client List Title Class */
/* Defines the title for clients worked for */
.clientlisttitle
{
text-align: left;
color: black;
font-family: arial;
font-size: 9pt;
font-weight: bold;
}


/* Client Table Class */
/* Defines the table for clients worked for */
.clienttable
{
width: 550px;
height: 100px;
vertical-align: text-top;

}


/* Main Link Class */
/* Defines the three main links under the logo */
.mainlink
{
text-align: center;
color: gray;
font-family: arial;
font-size: 10pt;
font-weight: none;
}


/* About Link Class */
/* Defines the links on the About John page */
.aboutlink
{
text-align: center;
color: gray;
font-family: arial;
font-size: 10pt;
font-weight: none;
vertical-align: top;
}


/* Picture Heading Class */
/* Defines the headings in the thumbnail scroll bar */
.pictureheading
{
text-align: left;
color: gray;
font-family: arial;
font-size: 10pt;
font-weight: none;
}


/* Info Title Class */
/* Defines the info titles, for the pictures, of Title: and Cliet: */
.infotitle
{
text-align: left;
color: gray;
font-family: arial;
font-size: 9pt;
font-weight: bold;
}


/* Picture Info Class */
/* Defines the specific info for the pictures */
.info
{
text-align: left;
color: gray;
font-family: arial;
font-size: 9pt;
}


/* Heading Class */
/* Defines the headings on any page */
.heading
{
text-align: center;
color: gray;
font-family: arial;
font-size: 10pt;
}


/* Thumbnail Class */
/* Defines the thumbnail image in the side scroll bar */
.thumbnail
{
height: 100px;
width: 100px;
text-align: center;
}


/* Nav Bar Logo Class */
/* Defines the main logo size and background color */
.navbarlogo
{
width: 1175px;
height: 65px;
text-align: center;
/* background-color: #f58028; */
}


/* Nav Links Spacer Class */
/* Defines the width of the spacer to offset the nav links */
.navlinksspacer
{
width: 90px
}


/* Nav Links Spacer Main Class */
/* Defines the width of the spacer to offset the nav links on the main page */
.navlinksspacermain
{
width: 220px
}


/* Nav Links Class */
/* Defines the width and height for the navigaction links table */
.navlinks
{
width: 600px;
height: 30px;
}


/* Full Image Class */
/* Defines the total area for the main images */
.fullimage
{
width: 900px;
height: 670;
}


/* Horizontal Image Class */
/* Defines the minumim space for horizontal images */
.horzimage
{
width: 600px;
height: 400px;
}


/* Vertical Image Class */
/* Defines the minumim space for vertical images */
.vertimage
{
width: 300px;
height: 500px;
}


/* Start Image Info Class */
/* Defines the space for the info on the image start page */
.startimageinfo
{
width: 307px;
vertical-align: text-top;
}


/* Site Design Link Class */
/* Defines the links on the About John page */
.sitedesignlink
{
text-align: center;
color: silver;
font-family: arial;
font-size: 8pt;
font-weight: none;
vertical-align: bottom;
}