/*
*/
html, body { background: #ffffCC; margin: 0px; padding: 0px; border: 0px; }
.h1 { color: #000000; font: bold 150% Verdana, Arial, Helvetica }
.h1ul { border-bottom: solid 1px #4C9494; color: #000000; font: bold 150% Verdana, Arial, Helvetica }
.h2 { color: #800000; font: bold 140% Verdana, Arial, Helvetica }
.h2ul { border-bottom: solid 1px #4C9494; color: #800000; font: bold 140% Verdana, Arial, Helvetica }
.h3 { color: #000080; font: bold 130% Verdana, Arial, Helvetica }
.h3ul { border-bottom: solid 1px #4C9494; color: #000080; font: bold 130% Verdana, Arial, Helvetica }
.h4 { color: #800000; font: bold 120% Verdana, Arial, Helvetica }
.h4ul { border-bottom: solid 1px #800000; color: #800000; font: bold 120% Verdana, Arial, Helvetica }
.h4yel { background: #ffff00; border-bottom: solid 1px #800000; color: #800000; font: bold 120% Verdana, Arial, Helvetica }
.h5 { color: #a02020; font: bold 110% Verdana, Arial, Helvetica }
.h5ul { border-bottom: solid 1px #4C9494; color: #a02020; font: bold 110% Verdana, Arial, Helvetica }
.h6 { color: #a02020; font-style: normal; font-variant: normal; font-weight: bold; font-size: 100%; .h6ul { border-bottom: solid 1px #4C9494; color: #a02020; font-style: normal; font-variant: normal; font-weight: bold; font-size: 100%;font-family: Verdana, Arial, Helvetica }
/* original for reference:
p, .content { background-color: #ffffff; background-repeat: repeat; background-attachment:
scroll; color: #800000; font-style: normal; font-variant:
normal; font-weight: normal; font-size: 90%; font-family:
Verdana, Arial, Helvetica; background-position: 0% }
*/
.content { background-color: transparent; color: #600000; font: 10pt Verdana, Arial, Helvetica; text-decoration: none }
p {line-height: 110% }
.content2 { background-color: transparent; color: #800000; font: bold 10pt Verdana, Arial, Helvetica; text-decoration: none }
.content3 { background-color: transparent; color: #ffffff; font: bold 10pt Verdana, Arial, Helvetica; text-decoration: none }
.contentyellow { background-color: transparent; color: #800000; font: 10pt Verdana, Arial, Helvetica; text-decoration: none }
.contentgreen { background-color: transparent; color: #254117; font: 10pt Verdana, Arial, Helvetica; text-decoration: none }
.contentbrown { background-color: transparent; color: #804000; font: 10pt Verdana, Arial, Helvetica; text-decoration: none }
.contentsmall { background-color: transparent; color: #800000; font: 8pt Verdana, Arial, Helvetica; text-decoration: none }
.contenttiny { background-color: transparent; color: #800000; font: 6pt Verdana, Arial, Helvetica; text-decoration: none }
td.hdrsubtitle
{
text-align: center;
background-color:#333300;
}
.hdrsubtitle
{ background-color: #333300;
color: #FFFF00;
text-align: center;
font: 10pt Verdana, Arial, Helvetica;
text-decoration: none;}
.table { border="1"; cellspacing="0"; cellpadding="0"; border-collapse:collapse; background: #ffffff; color: #600000; font: 10pt Verdana, Arial, Helvetica; text-decoration: none }
/* DO NOT format lists with .recipe: will use and give wide line spacing; will all have to be manually removed.
/* DO USE: "bulletedlist.recipe"; will use
and line spacing will not be too wide. */
.recipe { background: #ffffff; color: #800080; font: bold 10pt Verdana, Arial, Helvetica; text-decoration: none }
/* unordered lists */
ul.disc {list-style-type: disc} /* black filled dot */
ul.circle {list-style-type: circle; list-style-position: inside} /* hollow dot */
ul.square {list-style-type: square} /* black sqaure */
ul.none {list-style-type: none}
ul.shaded { background: #fffff0; color: #600000; font: 10pt Verdana, Arial, Helvetica; text-decoration: none }
p.subtitle { line-height: 80%; background: #ffffff; color: #800000; font: bold 11pt Verdana, Arial, Helvetica; text-decoration: none }
/*
Red #FF0000
Turquoise #00FFFF
Light Blue #0000FF
Dark Blue #0000A0
Light Purple #FF0080
Dark Purple #800080
Yellow #FFFF00
Pastel Green #00FF00
Pink #FF00FF
Light beige #FFFFCC
Lighter beige #FFFFdd
Light beige #FFFFCC
White #FFFFFF
Light Grey #C0C0C0
Dark Grey #808080
Black #000000
Orange #FF8040
Brown #804000
Burgundy #800000
Forest Green #808000
Grass Green #408080
*/
/* */
.boxed { padding-left: 3px; padding-right: 3px; border: 1px solid rgb(250,0,255)}
.hint { background-color: #ffffef; background-repeat: repeat; background-attachment:
scroll; color: #886666; font-style: normal; font-variant:
normal; font-weight: normal; font-size: 68%; font-family:
Verdana, Arial, Helvetica; background-position: 0% }
/*
click for larger image */
.faint { background-color: #ffffff; background-repeat: repeat; background-attachment:
scroll; color: #F08080; font-style: normal; font-variant:
normal; font-weight: normal; font-size: 8pt; font-family:
Verdana, Arial, Helvetica; background-position: 0% }
p.masthead { background: #00000; color: #ffff00; border-bottom: solid 1px #4C9494; font: bold 30pt BernhardFashion BT, Verdana, Arial }
p.masthead2 { background: #00000; position: absolute; right: 150px; top: 100px; color: #C0C0C0; font: 8pt Verdana, Arial, Helvetica }
img.masthead {float:right; padding-right: 15px; padding-top: 15px}
/* for logo links: image will have a border and will float at the right of the page with text to the left.
useage: class="float_left_m_thinborder" */
img.inset {float:right; border-style: inset; border-color:#ffbbbb; padding: 10px}
.float_rightbrdr {float:right; border-width: thin; border-style: solid; border-color:#f0c0c0; padding: 5px}
.float_right {float:right; padding: 10px }
.float_left {float:left; padding: 10px }
/* img.right5 {position:absolute; right:5px; border-style: inset} */
/* img.float_right_y_thinborder {float:right; border-width: thin; border-style: solid; border-color:#ffff55; padding-right: 15px} */
/* img.float_left_y_thinborder {float:left; border-width: thin; border-style: solid; border-color:#ffff55} */
/* for individual buttons in the left teal column for such things as "Home" without navigation object */
button.leftbutton { type: button}
button.leftbutton a:link, .leftbutton a:visited { color: #000000; text-decoration: none }
button.leftbutton a:active, .leftbutton a:hover { color: #0D695F; text-decoration: none }
/* use a table cell with hypertext to make a general purpose button that works in all browsers */
/* But link colors only work in IE... */
.tblbutton { background: #f0f0dd; color: #ffffff; font-weight: bold; text-decoration: none }
/*
a.tblbutton:link { color: #ffff8f; text-decoration: none }
a.tblbutton:visited { color: #ffff8f; text-decoration: none }
a.tblbutton:hover { color: #ffff00; text-decoration: none }
a.tblbutton:active { color: #ffff00; text-decoration: none }
*/
/* order MUST be link, visited, hover, active!! */
a:link { color: #237D7C }
a:visited { color: #237D7C }
a:hover { color: #83C7C6 }
a:active { color: #83C7C6 }
.dropcap { float: left; width: 0.7em; font-size: 300%; text-decoration: bold;
line-height: 100%; font-family: algerian, verdana, courier ;
font-weight: bold }
.largecap { line-height: 120%; font-size: 180%; text-decoration: none; font-family: Verdana, Arial, Helvetica; font-weight: bold }
.topleft { background: #004848 }
.topbg { background: #000000 }
.leftcol { background: #4C9494 }
.menu { color: #000000; font: bold 70% Verdana, Arial, Helvetica } /* color when selected */
.menu a:link { color: #ffffff; text-decoration: none } /* color before ever visited; make same color as visited for left hand menus */
.menu a:visited { color: #ffffff; text-decoration: none } /* color of all unselected items */
.menu a:hover { color: #0000ff; text-decoration: none }
.menu a:active { color: #ffffff; text-decoration: none } /* seems to do nothing */
.bottom { background: #000000 }
.copyright { color: #888888; font: 68% Verdana, Arial, Helvetica }
.copyright A:link, .copyright A:visited { color: #6Cb4b4; text-decoration: none }
.copyright A:active, .copyright A:hover { color: #cccccc; text-decoration: none }
.content a:link { color: #237D7C ; text-decoration: none }
.content a:visited { color: #237D7C ; text-decoration: none }
.content a:hover { color: #83C7C6 ; text-decoration: underline }
.content a:active { color: #83C7C6 ; text-decoration: none }
.rightcol { background: #ffffff; border-left: solid 1px #4C9494; color: #777777; font: 68% Verdana, Arial, Helvetica }
/* for today's thought. Each website must add these lines to its .css file so it can be changed to suit the site's colours */
.thought { background: #ffffff; color: #800000; font: 8pt Verdana, Arial, Helvetica }
.thoughtby { background: #ffffff; color: #777777; text-align:right; font: 8pt italic Verdana, Arial, Helvetica }
/* pix gallery with titles from W3Schools -- not tested yet */
/*
div.img
{
margin: 2px;
border: 1px solid #0000ff;
height: auto;
width: auto;
float: left;
text-align: center;
}
div.img img
{
display: inline;
margin: 3px;
border: 1px solid #ffffff;
}
div.img a:hover img
{
border: 1px solid #0000ff;
}
div.desc
{
text-align: center;
font-weight: normal;
width: 120px;
margin: 2px;
}
*/