/* CSS Document */



/* Navigation */

#navigation {
position: absolute;
left: 0;
width: 240px;
}


#content {
margin-left: 20em;
max-width: 640px;
}



/* Basic formatting */
body {
margin: 0;
text-align: left;
}


p {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
line-height: 150%;
}


h1 {
font-family: "Courier New", Courier, mono;
font-weight:bold;
font-size: 150%;
line-height: 125%;
letter-spacing: 0.1ex;
text-align: left;
text-transform: capitalize;
color: #669900; 
}


h2 {
font-family: "Courier New", Courier, mono;
font-weight:bold;
font-size: 115%;
margin-top: 1em;
line-height: 100%;
letter-spacing: normal;
text-align: left;
text-transform: none;
color: #4C6600; 
border-bottom: solid #4C6600 thin;
border-top: solid #4C6600 thin;
}


h3 {
font-family: "Courier New", Courier, mono;
font-weight:bold;
font-size: 100%;
line-height: 100%;
letter-spacing: normal;
text-align: left;
text-transform: uppercase;
color: #000000; 
}


/* Green Bold */
strong {
font-weight:bold;
color:#669900;
}


li {
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #000000;
font-style: normal;
font-size: 12px;
margin-bottom: 10px;
}





/* Tables */



/* Table for Clients Page */
table.clients {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
width: 100%;
table-layout:auto;
border-style: none none none none;
}

table.clients td {
border-width: 0px 0px 0px 0px;
padding: 5px 5px 5px 5px;
border-style: none none none none;
}



/* Table for Services Page */
table.services {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
width: 520px;
table-layout:auto;
border-style: none none none none;
text-align:center;
}

table.services td {
border-width: 1px 1px 1px 1px;
padding: 5px 5px 5px 5px;
border-style: solid solid solid solid;
}



/* Table for Philosophy Page */
table.philosophy {
font-family:verdana;
font-size:10pt;
width:100%;
border-style:solid;
border-color:silver;
border-width:1px;
}


table.philosophy tr { 
vertical-align:top;
}




/* Table for Resume Page */
table.resume {
font-family:verdana;
font-size:10pt;
width:75%;
border-style:solid;
border-color:silver;
border-width:1px;
text-align:center;
}


table.resume tr { 
vertical-align:middle;
}


table.resume td {
font-size:10pt;
border-style:solid;
border-width:1px;
border-color:silver;
text-align:center;
}



/* Table for Sample Page Navigation */
table.samplenav {
font-family:"Courier New", Courier, mono;
font-size:10px;
text-align:center;
width: 80%;
table-layout:auto;
border-style: none none none none;
caption-side:top
}

table.samplenav td {
border-width: 0px 0px 0px 0px;
padding: 5px 5px 5px 5px;
border-style: none none none none;
}


/* Links */


a:link {
color: #669900;
text-decoration: none;
font-family: "Courier New", Courier, mono;
font-style: normal;
font-weight: normal;
font-size: 11pt;
}

a:visited {
color: #99cc00;
text-decoration: none;
font-family: "Courier New", Courier, mono;
font-style: normal;
font-weight: bold;
font-size: 11pt;
}

a:hover {
color: #ccff66;
text-decoration: none;
font-family: "Courier New", Courier, mono;
font-style: normal;
font-weight: bold;
font-size: 11pt;
}

a:active {
color: #99cc00;
text-decoration: none;
font-family: "Courier New", Courier, mono;
font-style: normal;
font-weight: normal;
font-size: 11pt;
} 



/* Special Stuff */



/* Indenting H2s */
h2.indent {
margin-left: 3em;
font-style:oblique;
border: none;
}


/* Stop the autocaps temporarily (for heads with words such as eLearnings in them) */
.nocap {
text-transform: none;
}


/* More Info & Return Links 1D53B8 */
.more {
background-color: #FFFFCC;
padding: 3px;
margin-top: 3em;
margin-bottom: 3em;
}


/* For Text that I Want to Standout */
.standout {
background-color: #000000;
color:#FFFFFF;
text-align:center;
font-size:100%;
font-style:bold;
padding: 3px;
}


/* For Borderless Image Link */
.nb {
border: 0;
}


/* For My Contact Form */
legend {
font-size:12px;
font-weight:bold;
}

.formtext {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
}


/* Beak After Images */
img.break {
display: block;
}


/* Notes */
.notes {
font-family:"Courier New", Courier, mono;
font-size: small;
margin-left: 1em;
text-align:left;
}


/* Footers */
#footer {
width: 100%;
padding-bottom: 1em;
padding-top: 6em;
clear: both;
}


#footer p {
text-align: center;
font-style: normal;
font-size: 14px;
text-indent: 0;
font-weight: bold;
font-family: "Courier New", Courier, mono;
color: #FFFFFF;
}


#footer a         {color:#FFFFFF;}
#footer a:hover   {color:#000000;}
#footer a:visited {color:#999999;}
#footer a:active  {color:#666666;}


/* CSS Validated Logo */
#val {
float: right;
}


/* Footnote */
.footnote {
font-family:"Courier New", Courier, mono;
font-size: small;
margin-left: 1em;
margin-top: 3em;
margin-right: 1em;
}


/* FOR my Confucious quotation */
img.quote {
margin-top: 2em;
margin-bottom: .5em;
}


/* For my "way with" pics */
img.way {
margin-left: 3em;
margin-bottom: 3em;
margin-right: 1em;
}



/* FOR my client logos */
.cologos {
text-align:right;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
}