BODY { background-color: #FFFFFF; scrollbar-face-color: #CCCCCC; scrollbar-track-color: #CCCC99 }
BODY.philos { background-attachment: fixed; background-repeat: no-repeat; background-image:
url(http://www.uniqueprojects.com/philos/penrose.jpg) } 

FONT.u { font-weight: bold; color: #CCCC99; font-family: sans-serif }

FONT.p { font-weight: bold; color: #003366; font-family: sans-serif }

A:LINK.yellow,A:ACTIVE.yellow,A:VISITED.yellow,A:HOVER.yellow { text-decoration: none; cursor: text; color: #FFFFCC }
A:LINK.blue,A:ACTIVE.blue,A:VISITED.blue,A:HOVER.blue { text-decoration: none; cursor: text; color: #003366 }
A { cursor: hand }
A:LINK,A:ACTIVE,A:VISITED { color: #003366 }
A:HOVER { color: #6699CC }
A.big { color: #FFFFCC }
TABLE.main A.big {color: #006600 }
TABLE.main A:HOVER.big { color: #006600; font-size: 110% }


H1,H2,H4 { margin-left: 5px; color: #003366; font-style: italic }
H3 { margin-left: 5px; color: #006600 }
H4.green { margin-left: 5px; color: #006600 }

TABLE.main { color: #003366; text-align: justify; margin-right: 50px; margin-left: 50px }
TABLE.main B { color: #000000 }
TABLE.custom { margin-right: 260px }
TABLE.wide { margin-right: 20px; margin-left: 20px; width: 97% }
TABLE.main A:HOVER { color: #FFFFCC }
TABLE.projects A:HOVER { color: #FFFFCC }
TABLE.wide A:HOVER { color: #FFFFCC }
TABLE.projects { margin-left: 8px; width: 98% }
TABLE.chart { margin-left: 50px }
TABLE.tut { text-align: justify; border-style: double; border-width: 9px; border-color: #CCCC99; margin-left: 50px; margin-right: 50px; background-color: #FFFFCC }

INPUT { font-weight: bold; color: #003366; font-family: serif }
INPUT.email { font-weight: normal; font-family: serif; color: #000000 }
TEXTAREA { color: #003366; font-weight: bold }
SELECT { color: #006600; font-weight: bold }

DIV.ad { background: #000066 }
DIV.news { background: #99CC99; margin-left: 13px; margin-right: 11px; color: #003366; padding: 5px }
DIV.faq { background: #CCCC99; margin-left: 5px; margin-right: 200px }
DIV.step { background: #6699CC; margin-left: 20px; margin-right: 20px } 
DIV.nav { color: black; background: #CCCC99; margin-right: 3px; margin-left: 3px; font-size: smaller }


DIV.nav A:HOVER { color: #FFFFFF; text-decoration: none } 
DIV.nav A:LINK { text-decoration: none } 
DIV.nav A:ACTIVE { text-decoration: none } 
DIV.nav A:VISITED { text-decoration: none } 

DIV.faq A { font-weight: bold }
DIV.faq A:HOVER { font-weight: bold; color: #FFFFFF }

DIV.nav A:VISITED { text-decoration: none } 
DIV.nav A:LINK { text-decoration: none } 
DIV.nav A:ACTIVE { text-decoration: none } 
DIV.nav A:VISITED { text-decoration: none } 
DIV.tut { font-style: italic; text-align: center; color: #FFFFFF; background-color: #003366 }
DIV.tip { margin-left: 55px; margin-right: 55px; text-align: center; color: #FFFFCC; background: #99CC99 }

HR { color: #FFFFFF }
div.front { background-color: #6699CC }

BLOCKQUOTE { text-indent: 2em; line-height: 180%; color: #000000; text-align: justify; margin-left: 20px; margin-right: 290px }
BLOCKQUOTE.table { text-indent: 2em; text-align: justify; margin-left: 20px; margin-right: 35px }
BLOCKQUOTE.image { padding: 20px }

I.temp { text-decoration: line-through; color: #003366 }

B.green { color: #006600 }

/* chalk: FFFFCC best chalk*/
/* black: 000000 */
/* slate: 6699CC best slate*/
/* blue:  003366 very dark*/
/* tan:   CCCC99 */
/* green: 006600 */ 
/* white: FFFFFF */