Cascading Style Sheet Samples

This page uses ColdFusion to dynamically display the contents of this site's two main Cascading Style Sheet files.

 
PAGE CONTENTS
 

default.css


body  {
    font-family: Calibri, "Trebuchet MS", Arial, Georgia, "Times New Roman", Helvetica, "Courier New", Serif;
    font-size: 100%; /* 1EM; 10pt; */
    background: #FFFFFF url("images/bg02.gif");
    margin: 0;
    padding: 0;
    text-align: center;
}

/* Table  {
    border: 3px groove blue;
    border-collapse: collapse;
}*/

.noborder {
    border-style: none;
}

tr  {
    text-align: left;
    vertical-align: top;
    font-family: Calibri, "Trebuchet MS", Arial, Georgia, "Times New Roman", Helvetica, "Courier New", Serif;
    font-size: 100%;
    line-height: 18px;
    padding: 6px;
}

TH  {
    text-align: center;
    font-weight: bold;
    background-color: #CFF0FC;  
    color: #0000CC; 
    font-family: Calibri, "Trebuchet MS", Arial, Georgia, "Times New Roman", Helvetica, "Courier New", Serif;
    font-size: 100%;
    line-height: 18px;
    padding: 6px;
}

TD  {
    text-align: left;
    vertical-align: top;
    font-family: Calibri, "Trebuchet MS", Arial, Georgia, "Times New Roman", Helvetica, "Courier New", Serif;
    font-size: 100%;
    line-height: 18px;
    padding: 6px;
}

TD.noborder  {
    padding: 0px;
}

caption  {
    background-color: #CFF0FC;
    color: #0000CC; 
    font-family: Calibri, "Trebuchet MS", Arial, Georgia, "Times New Roman", Helvetica, "Courier New", Serif;
    font-size: 100%;
    /* font-size : 11px; */
    font-weight: bold;
    text-align: center;
    /*text-transform: capitalize;*/
    border-style: inherit;
    border-color: inherit;
    border-width: 3px;
    border-bottom-style: none; 
    padding: 6px;
    margin-left: auto; 
    margin-right: auto;
}

HR  {
    height: 3px;
    width: 96%;
    background: #000088;
    margin: 1px; 
    padding: 1px;
}

H1  {
    font-weight: bold;
    color: #6699cc;
    /* font-size: 225%; */
    font-size: xx-large;
    text-align: center;
}

H2  {
    font-weight: bold;
    color: #6699cc;
    /*font-size: 200%;*/
    font-size: x-large;
}

H3  {
    font-size: large;
    color: #000000;
}

H4  {
    font-size: medium;
    color: #000000;
}

big  {
    font-size: larger;
}

small  {
    font-size: smaller;
}

.smaller  {
    font-family: Calibri, "Trebuchet MS", Arial, Georgia, "Times New Roman", Helvetica, "Courier New", Serif;
    font-size: 1EM; /* font-size: 10pt; */
}

img  {
    display: block;
}

UL  {
    list-style-image: url("images/blueball.gif");
}

UL.paw  {
    list-style: disc url("images/paw_cy.gif") outside;
}

/* Regular Anchor Links */

A:link  {
    color: #0000CC;
    text-decoration: none;
}

A:visited  {
    color: #990099;
    text-decoration: none;
}

A:hover  {
    color: #FF0000;
    text-decoration: underline;
}

A:active  {
    color: #009900;
    text-decoration: none;
}

A img  {
    border: none;
}

/* Navigation links.  Not utilized */

a.nav:link, 
a.nav:visited, 
a.nav:active, 
a.nav:hover {
    text-decoration: none;
}

/* special links.  Not utilized */

a.red:link  {
    color: red; 
    background: white;
    text-decoration: none;
    font-weight: bold; 
    vertical-align: middle;
}

a.red:visited  {
    color: red; 
    background: white; 
    text-decoration: none;
    font-weight: bold; 
    vertical-align: middle;
}

a.red:active  {
    color: red; 
    background: white; 
    text-decoration: none;
    font-weight: bold; 
    vertical-align: middle;
}

a.red:hover  {
    color: red; 
    background: white; 
    text-decoration: underline;
    font-weight: bold; 
    vertical-align: middle;
}

a.blue:link  {
    color: blue; 
    background: white; 
    text-decoration: none;
    font-weight: bold; 
    vertical-align: middle;
}

a.blue:visited  {
    color: blue;
     background: white; 
     text-decoration: none;
     font-weight: bold; 
     vertical-align: middle;
}

a.blue:active  {
    color: blue; 
    background: white; 
    text-decoration: none;
    font-weight: bold; 
    vertical-align: middle;
}

a.blue:hover  {
    color: blue; 
    background: white; 
    text-decoration: none;
    font-weight: bold; 
    vertical-align: middle;
}

a.green:link  {
    color: green; 
    background: white; 
    text-decoration: none;
    font-weight: bold; 
    vertical-align: middle;
}

a.green:visited  {
    color: green; 
    background: white; 
    text-decoration: none;
    font-weight: bold; 
    vertical-align: middle;
}

a.green:active  {
    color: green; 
    background: white; 
    text-decoration: none;
    font-weight: bold; 
    vertical-align: middle;
}

a.green:hover  {
    color: green; 
    background: white; 
    text-decoration: none;
    font-weight: bold; 
    vertical-align: middle;
}

a.yellow:link  {
    color: #ffcc00; 
    background: white; 
    text-decoration: none;
    font-weight: bold; 
    vertical-align: middle;
}

a.yellow:visited  {
    color: #ffcc00; 
    background: white; 
    text-decoration: none;
    font-weight: bold; 
    vertical-align: middle;
}

a.yellow:active  {
    color: #ffcc00; 
    background: white; 
    text-decoration: none;
    font-weight: bold; 
    vertical-align: middle;
}

a.yellow:hover  {
    color: #ffcc00; 
    background: white;
    text-decoration: none;
    font-weight: bold; 
    vertical-align: middle;
}

a.crazy:hover  {
    font-size: 200pt;
    text-decoration: underline overline line-through;
    color: #00CC00;
    font-family: impact;
}

fieldset  {
    border-style: groove; 
    border-width: 3px; 
    padding: 20px; 
    margin: 20px; 
    text-align: left;
    font-family: "Times New Roman", Ariel, Helvetica, Serif;
    /*'Lucida Grande', Verdana, Geneva, Lucida, Arial, Helvetica, sans-serif*/
}

DL DT  {
    font-weight: bold;
    color: #000066;
    margin-left: 0;
    padding-left: 0;
}
               
DL DD  {
    margin: 10px;
    padding: 10px;
}

div  {
    word-wrap: break-word;
}  

/* This property specifies whether the current rendered line should break if the content exceeds 
the boundary of the specified rendering box for an element (this is similar in some ways to the 
‘clip’ and ‘overflow’ properties in intent.) This property should only apply if the element has 
a visual rendering, is an inline element with explicit height/width, is absolutely positioned 
and/or is a block element. */

PRE {
    font-family: 'courier new';
    white-space: pre;
    /* Whitespace is preserved by the browser. 
     Text will only wrap on line breaks */
}

.pre  {
    font-size: 14px; 
    font-family: 'courier new';
    white-space: pre; 
    /* Whitespace is preserved by the browser. 
    Text will only wrap on line breaks */
    margin: 0px 0px 0px 0px;
}

CODE, 
.code  {
    /* Whitespace is preserved by the browser. 
    Text will wrap when necessary, and on line breaks */
    word-wrap: break-word;
    font-size: 14px;
    font-family: 'courier new', courier, monospace;
    color: #000000;
    background-color: #CFF0FC;
    background-image: url('images/bluegrid.gif'); 
    padding: 4px 10px 4px 20px;
    margin: 0px 0px 0px 20px; /*--Left Margin--*/ 
    border: 3px inset #0000dd; 
    line-height: 20px;
    display: block;
    text-align: left;
    overflow: auto;
    overflow-Y: hidden;  /*--Hides vertical scroll created by IE--*/
}

/* CODE  {
    font-size: 12px;
    font-family: courier new;
    color: #000000;
}

.code  {
    font-size: 14px;
    font-family: courier new;
    color: #000000;
    background-color: #CFF0FC;  
    padding: 8px 10px 8px 20px;
    margin: 0px 0px 0px 20px; 
    border: 1px dashed #0000dd;
    line-height: 16px; 
    display: block;
    text-align: left;
    overflow: auto;
} */

blockquote, 
.blockquote {
    /* Whitespace is preserved by the browser. 
    Text will wrap when necessary, and on line breaks */
    word-wrap: break-word; 
    font-size: 14px;
    font-family: arial, sans-serif;
    color: #333333;
    background-color: #EEEEEE;
    border-left: 3px groove #AAAAAA;
    margin: 0 0 1.5em 1em; 
    padding: 4px 10px 4px 20px;
    line-height: 20px; 
    display: block;
    text-align: left;
    overflow: auto;
    overflow-Y: hidden;  /*--Hides vertical scroll created by IE--*/
}

/* Eliminates the italic formatting for text within the ADDRESS tags. */
    
ADDRESS  {
    text-decoration: none;
    font-style: normal;
    font-weight: normal;
}

.stndfonts  {
    font-family: 'times new roman', 'arial narrow',
    arial, helvetica, 'courier new', helv;
}

/* Tabs */

#rowOfTabs {
    width: 752px; 
    margin-left: auto; 
    margin-right: auto;
    text-align: left;
}

#header  {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    background: url("images/bg.gif") repeat-x bottom;
    font-size: 93%;
    line-height: normal;
}

#header UL  {
    margin: 0;
    padding: 10px 10px 0;
    list-style: none;
}

#header LI  {
    float: left;
    background: url("images/left.gif") no-repeat left top;
    margin: 0;
    padding: 0 0 0 9px;
}

#header A  {
    float: left;
    display: block;
    background: url("images/right.gif") no-repeat right top;
    padding: 5px 15px 4px 6px;
    text-decoration: none;
    font-weight: bold;
    color: #765;
}

/* Commented Backslash Hack hides rule from IE5-Mac \*/

#header A  {
    float: none;
}

/* End IE5-Mac hack */

#header a:hover  {
    color: #333333;
}

#header #current,
#index #header .index,
#resume #header .resume,
#port01 #header .port01,
#port02 #header .port02,
#faq #header .faq,
#email #header .email  {
    background-image: url("images/left_on.gif");
}

#header #current a,
#index #header .index a,
#resume #header .resume a,
#port01 #header .port01 a,
#port02 #header .port02 a,
#faq #header .faq a,
#email #header .email a  {
    background-image: url("images/right_on.gif");
    color:#333;
    padding-bottom: 5px;
}

#square1  {
    background: #FFFFFF url("images/plainwhitebg.gif");
}
    
.nobr  {
    white-space: nowrap;
}

.resumemargins  {
    margin-left: auto;
    margin-right: auto;
}

.inline  {
    display: inline;
}

.bjlogo  {
    width: 100%;
    background-color: #DDDDFF;
}

.content  {
    position: absolute;
    top: 0;
    left: 0;
    text-align: left;
}

.margins  {
    margin: 50px 0px;
    /* Need to set margin and padding to get consistency between browsers. */
    padding: 0px;
    text-align: center;
} /* Hack for IE5/Win */
            
/* @@@ SKIP LINKS - BYPASS BLOCKS -BEGIN- @@@ */

.tab-only { 
     background-color: transparent;
     position: absolute;  
     text-align: center; 
}

a.bypass-block { 
     background-color: transparent;
     font-weight: bold;
     left: -10000px;  

     overflow: hidden; 
     position: absolute;  
     top: -10000px; 
}

a.bypass-block:focus, 
a.bypass-block:active, 
a.bypass-block:hover { 
    background-color: #00FF00;
    border-color: red;
    border: 1px solid #0000FF;
    color: #FF0000;
    display: block;
    font-family: Calibri, "Trebuchet MS", Arial, Georgia, "Times New Roman", Helvetica, "Courier New", Serif;
    font-size: .875em; /* 14px */
    font-weight: bold;
    height: auto; 
    left: 10px; 
    line-height: 40px;
    margin: 8px 8px 8px 20px;
    outline: 1px solid #d4d4d4;
    overflow: visible; 
    padding-bottom: 2px;
    padding-left: .186em; /* .372em = 6px ? */
    padding-right: .186em; /* 0px; */
    padding-top: 2px;
    position: absolute;  
    text-align: left;
    text-decoration: none;
    top: 10px; 
    width: autopx;
}

/*
559	a.bypass-block:focus, a.bypass-block:active	Value Error : padding-top -2px negative values are not allowed : -2px
562	a.bypass-block:focus, a.bypass-block:active	Value Error : padding-bottom -2px negative values are not allowed : -2px
*/

/* SKIP LINKS - BYPASS BLOCKS -END- */
       
.fakelinx  {
    color: #00CC00; 
    text-decoration: underline;
}

.moreimportant  {
    font-weight: bold;
}

.lessimportant  {
    color: #5F5F5F;
}

#insidemargins  {
    width: 800px;
    margin: 25px auto; /* Right and left margin widths set to "auto" */
    text-align:left; /* Counteract to IE5/Win Hack */
    padding: 15px;
    border:1px dashed #333333;
    background-color: #FFFFFF;
}

#valmargins  {
    width: 580px;
    margin: 25px auto; /* Right and left margin widths set to "auto" */
    text-align: left; /* Counteract to IE5/Win Hack */
    padding: 15px;
    border:1px dashed #FF0000;
    background: url("images/val_bg02.gif");
}

#tocbox  {
    width: 415px;
    margin: 50px auto; /* Right and left margin widths set to "auto" */
    text-align: left; /* Counteract to IE5/Win Hack */
    padding: 15px;
    border:1px solid #0000FF;
    background-color: #FFFFFF;
}

#redbox  {
    width: 290px;
    margin: 50px auto; /* Right and left margin widths set to "auto" */
    text-align: left; /* Counteract to IE5/Win Hack */
    padding: 15px;
    border: 3px groove #FF0000;
    background-color: #FFCCCC;
}

#redoutline  {
    WIDTH: 400px;
    margin: 50px auto; /* Right and left margin widths set to "auto" */
    text-align: left; /* Counteract to IE5/Win Hack */
    padding: 15px;
    border: 3px groove #FF0000;
    background-color: #FFFFFF;
}

#redoutline2  {
    width: 220px;
    margin: 0px auto; /* Right and left margin widths set to "auto" */
    text-align: left; /* Counteract to IE5/Win Hack */
    padding: 30px;
    border: 3px groove #FF0000;
    background-color: #FFFFFF;
}

#blubox, #bluebox, #blewbox   {
    width: 400px;
    margin: 50px auto; /* Right and left margin widths set to "auto" */
    text-align: left; /* Counteract to IE5/Win Hack */
    padding: 15px;
    border: 3px double #0000FF;
    background-color: #FFFFFF;
    vertical-align: top;
}

.centered, 
.middleclass {
    width: 100%;
    margin: 0px auto;
    /* Need to set margin and padding to get consistency between browsers. */
    padding: 0px;
    text-align: center; 
} /* Hack for IE5/Win */

#contentblub  {
    color: #FFFFFF;
    background-color: #6699CC;
    font-weight: bold;
    text-align: center;
    padding: 7px;
}
    
.blueborder  {
    border-style: dotted;
    border-color: #0000FF;
    border-width: 3px;
}

.coolblue  {
    background-color: rgb(207,240,252);
}

td.bluebox  {
    background-color: rgb(207,240,252);
    color: #000088;
    text-align: left;
    vertical-align: top;
    width: 120px;
}

caption.blueheader {
    background-color: rgb(207,240,252);
    color: #000088;
    text-align: center;
    line-height: 30px;
}

/* Buttons and Links that appear as buttons */    

input.btn  {
    color:#050;   
    font: bold 84% 'trebuchet ms',helvetica,sans-serif;   
    background-color:#fed;   
    border: 1px solid;   
    border-color: #696 #363 #363 #696;   
    filter:progid:DXImageTransform.Microsoft.Gradient   
    (GradientType=0,StartColorStr='#ffffffff',EndColorStr='#ffeeddaa');
} 

/* input type="button" value="Submit" class="btn" */
/* http://www.webreference.com/programming/css_stylish/ */             

/* Make certain links appear as buttons */

.button  {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    background: URL("images/bg28.gif");
    font-weight: bold;
    color: #000000;
}
                   
.button2  {
    border: 4px outset; 
    padding: 2px; 
    font-weight: bold;
    text-decoration: none;
}
                    
#buttonlinks a  {
    margin-right: 0px;
    border-style: outset;
    border-width: 2px;
    padding: 2px 10px 2px 10px;
    background-color: #BBBBBB;
    color: #000000;
    text-decoration: none;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-weight: normal;
}

#buttonlinks a:hover {
    background-color: #33CCFF;
    border-color: #000066 #0000CC #0000CC #000066;
}

A.pushbttn  {
    color: #FFFFFF;
    display: block;
    border: 3px inset;
    border-color: #FF6600;
    background-color: #FF6600;
    text-decoration: none;
    font: bold 10pt "New York","MS Serif",helvetica,"arial narrow",arial,goodfellow;
    cursor: pointer; 
    width: 86px;
    text-align: center;
}

A.pushbttn:hover  {
    color: #FF6600;
    border-color: #000000 #FF6600 #FF6600 #000000;
    background-color: #FFFFFF;
    text-decoration: none;
    font: bold 10pt  
     "New York","MS Serif",helvetica,"arial narrow",arial,goodfellow;
    cursor: pointer; 
    width: 86px;
    text-align: center;
}

.GoToTopIntLink {
    text-align: center;
    font-size: small;
    color: #000000;
    font-family: arial, 'times new roman', verdana, geneva, helvetica;
    font-weight: bold;
}

.bluscrn  {
    font-size: 14px; 
    font-family: courier new; 
    white-space: pre;
    margin: 0px 20px 0px 20px;
    color: #0000ff;
}

/* Alternating Row Colors */

.OddRow  {
    background-color: #EEEEEE;
}

.EvenRow  {
    background-color: #CCEEFF;
}

/*  Italics that don't run into non-italized text and aren't   */
/*  followed by unnecessary white text.                        */
/*                              */

.booktitle  {
    font-style: italic;
    font-weight: normal;
    font-family: "New York", "MS Serif", Lucida, Helvetica, Arial,
    Helv, Helvetica, Serif, Verdana, Geneva, sans-serif;
}

person  {
    text-decoration: none;
}

/*  Internet Explorer for Windows does not support the <abbr> element that 
should be used for proper markup of abbreviations but even though IE 
ignores the element itself, other elements nested in the <abbr> work 
fine. Wrap the content of the <abbr> with <span class="abbr"> 
and set its title and class attribute so the <abbr> tag behaves like it 
should.  */

abbr,
acronym,
span.abbr,
.help  {
    color: #00ff00;
    text-decoration: underline;
    cursor: help;
}

/*
abbr, 
acronym, 
.help  {
    border-bottom: 1px dotted #333;
    cursor: help;;
}*/

.fakelinx  {
    color: #004400;
    text-decoration: underline;
}

/* Note to self: find a "no" cursor for "fakelinx." */

/* highlight text like in a textbook */

.highlight  {
    background: yellow; 
    color: black;
}

.fancy_div  {
    border-style: groove; 
    border-width: 3px; 
    padding: 20px; 
    margin: 20px; 
    text-align: left;
}

/* smaller text for some tables */

.smallertext  {
    font-family: Arial;
    font-size: 8pt;
}

.my-rtl  {
    direction: RTL; 
    unicode-bidi: embed;
}

.indent  {
    text-indent: 40px;
}

.bigindent  {
    margin-left: 80px;
    margin-right: 10px;
    font-family: Calibri, "Trebuchet MS", Arial, Georgia, "Times New Roman", Helvetica, "Courier New", Serif;
}

/* Inset box */
.inset  {
    text-align: left;
    padding-top: 10px;
    padding-right: 10px;
    padding-left: 5px;
    padding-bottom: 5px;
    margin: 10px;
    border-top: 1.5pt solid gray;
    border-right: 1.5pt solid white;
    border-bottom: 1.5pt solid white;
    border-left: 1.5pt solid gray;
    background: silver;
    /* mso-pattern: #9999FF none; */
    text-decoration: none;
    width: 200px;
}

/* Orange ISP Styles */

.liteoj  {
    background-color: #FFCC77;
    color: #000088;
} 
               
TD.ojbox  {
    background-color: rgb(255,206,115); color: #FFCC77;
} 

UL.orange  {
    list-style-image: url("images/orange-ball.gif");
}
                   
/* Various Navigation Button Schemes */

/*  1. Boutcave Navigation Scheme */
                   
#navbar  {
    position: fixed;
}

.banner  {
    border-style:groove;
    border-color:blue;
    border-width:5px;
    width: 125px;
    background: url("images/chalk.jpg") white;
}

a:link.nav-link, 
a:visited.nav-link, 
a:active.nav-link  {
    color: #0000FF;
    text-decoration: none;;
}

a:hover.nav-link  {
    background: url("images/blue_paper.gif") #ff0000;
    text-decoration: none;;
}

a:link.urhere, 
a:visited.urhere, 
a:active.urhere  {
    color: #0000FF;
    text-decoration: none;;
}

a:hover.urhere  {
    background: url("images/blue_paper.gif") #ff0000;
    text-decoration: none;
}

.nav-button  {
    background: url("images/g13ice06.gif") #FFFFFF;
    border: 1px #000000 solid;
    width: auto;
    margin-top: 3px;
    margin-left: 5px;
    margin-right: 5px;
    margin-bottom: 3px;
    padding: 2px;
    font-weight: bold;
    text-align: center;
    font-family: Arial;
    font-size: 1EM; /* font-size: 10pt; */
}
                   
/* Orange Help Desk Site */
                   
#nav_bar_oj  {
    width: 120px; 
    left: 0px; 
    position: relative;
    text-align: center;
    margin-left: 0px;
}
                   
#navbar_ie_oj  {
    width: 9em; 
    left: 0px; 
    top: 0px; 
    float: left; 
    position: absolute;
} 
                   
#ojcontent  {
    margin-left: 0px;
}

HR.ojhr  {
    color: #FF6600; 
    width: 95%; 
    height: 3px;
}

               
#bg .bg, 
#flow .flow, 
#gloss .gloss, 
#index .index, 
#sales .sales  {
    color: #FFFFFF;
    border-color: gray;
    background-color: gray;
    text-decoration: none;
    font: bold 10pt "New York","MS Serif",helvetica,"arial narrow",arial,goodfellow;
    cursor: pointer; 
    width: 86px;
    text-align: center;
}
               
/* Dog Grooming Site */

#insidemarginz  {
    position: relative;
    left: 0px;
    top: 0px;
    width: 752px;
    height: 980px;
    margin: 25px auto; /* Right and left margin widths set to "auto" */
    text-align: left; /* Counteract to IE5/Win Hack */
    padding: 0px;
    /*border: 1px dashed #333333;*/
    background-color: #FFFFFF;
}
               
h1.dawg  {
    font-family: "Comic Sans MS", Arial, Helvetica, sans-serif;
    font-weight: bold;
    text-align: center;
    color: #1188DD;
    font-size: 300%;
}

h2.dawg  {
    font-family: "Comic Sans MS", Arial, Helvetica, sans-serif;
                   font-weight: bold;
                   text-align: left;
                   color: #1188DD;
                   font-size: 250%;
}
                   
/* Header / Logo Area at the Top */

.logoinheader  {
    position: relative;
    left: 1px;
    top: 1px;
    height: 200px;
    background-color: #FFFFFF;
    text-align: center;
    margin: 0px auto;
}

/* Left Hand Side Inset Nav Menu */

.outernav  {
    position: absolute;
    left: 1px;
    top: 201px;
    margin: 0px;
    padding: 0px;
    width: 136px;
    height: 780px;
    background-color: #BBDDEE;
    background-image:url("images/textured_blue_bg.gif") ;
}

.inset  {
    /*position: relative;
    left: 6px;
    top: 6px;*/
    text-align: left;
    padding: 7px;
    margin: 10px;
    border-top: 1.5pt solid gray;
    border-right: 1.5pt solid white;
    border-bottom: 1.5pt solid white;
    border-left: 1.5pt solid gray;
    background-color: #BBDDEE;
    text-decoration: none;
    width: 100px;
}
                   
a.dawgnav:link  {
    font-weight: bold;
    text-decoration: none;
    font-family: "Comic Sans MS",Arial, Helvetica, sans-serif;
    font-size: 12pt;
}

a.dawgnav:visited {
    font-weight: bold;
    text-decoration: none;
    font-family: "Comic Sans MS", Arial, Helvetica, sans-serif;
    font-size: 12pt;
}

a.dawgnav:active  {
    font-weight: bold;
    text-decoration: none;
    font-family: "Comic Sans MS", Arial, Helvetica, sans-serif;
    font-size: 12pt;
}

a.dawgnav:hover  {
    font-weight: bold;
    text-decoration: none;
    font-family: "Comic Sans MS", Arial, Helvetica, sans-serif;
    font-size: 12pt;
    background-color: #0000FF;
    color: #FFFFFF;
}

.contentz  {
    position: absolute;
    left: 137px;
    top: 201px;
    margin: 0px;
    padding: 0px;
    width: 614px;
    height: 780px;
    background-color: #FFFF00;
    background-image: url("images/yellow_textured_bg02.jpg");
    text-align: left;
}

.contentbody  {
    /*position: relative;
    top: 3px;
    left: 3px;*/
    /*background-color: #ffffcc;*/
    background-color: #FFFF33;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    border-style: inset;
    border-width: 1.5pt;
    /* border: 1.5pt inset #ffcc66; */
    margin: 10px;
}
                   
ul.paw  {
    list-style: disc url(images/paw_cy.gif) outside;
}

.datelastmod  {
    text-align: right;
    font-size: small;
}

.centered  {
    margin: 0px auto;
    /* Need to set margin and padding to get consistency between browsers. */
    padding: 0px;
    text-align: center;
} /* Hack for IE5/Win */
               
.indented  {
    margin-left: 20px;
    margin-right: 10px;
}
                   
.bigindent  {
    margin-left: 80px;
    margin-right: 10px;
    font-family: Arial, Helvetica, sans-serif, Verdana;
}

.backlinks  {
    vertical-align: bottom;
    /*background-color: #FFFFCC;*/
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
    text-align: center;
    font-weight: bold;
    text-decoration: none;
    /* border: 1.5pt inset #FFCC66;*/
    margin: 30px;
}
                   
/* End Dog Grooming Site */

#gray  {
    background-image: none;
    background-color: #CCCCCC;
}

#gray ul  {
    list-style: disc url("images/grayball02.gif") outside;
}

/* table 3 has the 3D effect cells */

.table3D  {
    border-collapse: collapse;
    margin: 10px;
}

.tcell3D  {
    text-align: left;
    padding-top: 10px;
    padding-right: 10px;
    padding-left: 5px;
    padding-bottom: 5px;
    color: black;
    border-top: 1.5pt solid gray;
    border-right: 1.5pt solid white;
    border-bottom: 1.5pt solid white;
    border-left: 1.5pt solid gray
    /*background: silver*/;
}

.blueborder  {
    border-style: dotted;
    border-color: #0000FF;
    border-width: 3px;
}

.coolblue  {
    background-color: rgb(207,240,252);
}

td.bluebox  {
    background-color: rgb(207,240,252);
    color: #000088;
    text-align: left;
    vertical-align: top;
    width: 120px;
}

caption.blueheader  {
    background-color: rgb(207,240,252);
    color: #000088;
    text-align: center;
    line-height: 30px;
}
                   
/* Stylized Forms */
                   
/* styledfield from webmonkey -- 
http://www.webmonkey.com/codelibrary/Form_Fields_with_Style */

.styledfield  {
    background: url("images/niceblue-39.gif") #EFEFEF;
    font-family: verdana; 
    font-size:9px; 
    color: #000000;
    border: dotted 1px #0066CC;
    padding: 4px;
    height: 30px;
    width: 240px;
}
                      
/*
<form id="form" name="form" method="post" action="">
  <input type="text" name="textfield" id="textfield"
    class="styledfield" />
  <input type="submit" name="submit" id="submit" value="Submit"
    style="width:120px" class="styledfield" />
</form> 
*/

/* Cool Form */

form.coolform  {
    margin-left: 155px;
    width: 300px;
}
                   
form.coolform fieldset  {
margin-bottom: 10px;
                   margin-left: -155px;
                   background: #ffffff url("images/niceblue-39.gif"); 
                   /*d0d9fd*/
                   width: 500px;
                   margin: 0px auto 0px auto;
}

/* Fix for IE Bug: fieldset background color spills out of the fieldset to fill legend */

/* Hides from IE5-mac \*/   
* html form.coolform fieldset  {
    position: relative;
    margin-top:1em;
    padding-top:.75em;
    margin-bottom: 10px;
    margin-left: -155px;
    background: #cccccc; /*d0d9fd*/
    width: 500px;
}
/* End hide from IE5-mac */ 

form.coolform legend  {
    padding: 2px 6px;
    font-weight: bold;
    font-size: 1.6em;
    border: 1px solid #ddddff;
} /* #0000ff */
                  
/* Fix for IE Bug: fieldset background color spills out 
of the fieldset to fill legend */
/* Hides from IE5-mac \*/    
 * html form.coolform legend  {
    position: absolute;
    top: -.5em;
    left: .5em;
    padding: 2px 6px;
    font-weight: bold;
    font-size: 1.6em;
    border: 1px solid #ddddff;
} /* #0000ff */
/* End hide from IE5-mac */ 

form.coolform fieldset ul {
    margin: 0 0 0 155px;
    padding: 0;
}
                   
form.coolform fieldset li  {
    list-style: none;
    padding: 10px;
    margin: 0;
    clear: both;
}
                  
form.coolform label  {
    /*display: inline-block;*/
    font-weight: bold;
    float: left;
    text-align:right;
    margin-left: -155px;
    width: 150px;
}
                  
form.coolform fieldset fieldset  {
    border: none;
    margin: 3px 0 0;
}
                  
form.coolform fieldset fieldset legend   {
    padding: 0 0 5px;
    font-weight: normal;
}
                  
form.coolform fieldset fieldset label  {
    display: block;
    width: auto;
}
                  
form.coolform p  {
    margin-left: 155px;
}

form.coolform input, form.coolform textarea   {
    border: solid 1px #85b1de;
    background: #dddddd; 
    /* background: #fff url("images/cool_gradient_bg01.jpg") repeat-x; */
    background-position: top;
}
                  
form.coolform input:focus, 
form.coolform textarea:focus  {
    background-image: none;
    background-color: #ffffff;
    border: solid 1px #fded7f;
}

/* Centering Tables and Fieldsets */
/* from http://www.web-wise-wizard.com/css-style-sheets/css-centering-tables-fieldsets.html */
/* Using CSS to center HTML Tables and Fieldsets can be an absolute nightmare and many 
'solutions' found on the Web will break under one circumstance or another. This really 
simple and elegant solution works with both the W3C '4.01 Strict' and W3C 
'4.01 Transitional' directives or without any DOCTYPE directive at all. It validates 
and works in all browsers we have tested including Microsoft, Mozilla, Opera and 
Netscape. We have not found a browser or browser version (v5 and later) that breaks it 
and it even leaves the contents of the Table cells left aligned. */

.centerTable  {
    text-align: center;
}

.centerTable table  {
    margin-left: auto;
    margin-right: auto;
    /* INHERITED ALIGNMENT IS CENTER. ONLY INCLUDE THIS IF YOU WANT */
    /* TO CHANGE THE ALIGNMENT OF THE CONTENTS OF THE TABLE */
    text-align: left;
}

/*
<div class="centerTable">
<table>
</table>
</div>
*/

#basrelief a  {
    text-align: left;
    padding-top: 10px;
    padding-right: 10px;
    padding-left: 5px;
    padding-bottom: 5px;
    margin: 10px;
    border-top: 1.5pt solid gray;
    border-right: 1.5pt solid white;
    border-bottom: 1.5pt solid white;
    border-left: 1.5pt solid gray;
    background: silver;
    /* mso-pattern: #9999FF none; */
    text-decoration: none;
    width: 200px;
}

/*                
parse error. 
#basrelief a: hover  {
    border-top: 1.5pt solid white;
    border-right: 1.5pt solid gray;
    border-bottom: 1.5pt solid gray;
    border-left: 1.5pt solid white;
    background: #FF6;
}         
*/

val_header  {
    font-size: medium; 
    color: #ff0000; 
    font-family: dauphin, arial, helvetica; 
    text-align: center; 
    font-weight: bold; 
    font-style: italic;
}

/* @@@ MS Office Styles @@@ */

.Section1  {
    page: Section1;
}

.resumemargins  {
    margin-left: auto;
    margin-right: auto;
}


Valid XHTML 1.0 Transitional

Valid CSS!

print.css

This style sheet is specifically for formatting pages strictly for printing.  I.E. The formatting on this document does not appear in the browser.  Only applied when printing a document.


body              {font-family: Arial, Helvetica, sans-serif;
                   font-size: 10pt;
                   background-color: #FFFFFF;
                   margin: 0; padding: 0;
                   text-align: center}

tr, td            {font-family: Arial, Helvetica, sans-serif;
                   font-size: 10pt;}

.bjlogo           {width: 100%;
                   background-color: #DDDDFF}

.content          {position: absolute; 
                   top: 0; 
                   left: 0;
                   background-image: none;
                   text-align: left} 

/*
.centered         {position: absolute;
                   top: 0;
                   right: 0;
                   bottom: 0;
                   left: 0;
                   width: 50%;
                   height: 50%;
                   margin: auto;
                   background-color: #FFFFFF;
                   color: #000000} 
*/

.margins          {margin: 50px 0px; 
                   padding: 0px;
                   /* Need to set margin and padding to get consistency between browsers. */
                   text-align: center} /* Hack for IE5/Win */

#insidemargins    {width: 752px;
                   margin: 25px auto; /* Right and left margin widths set to "auto" */
                   text-align:left; /* Counteract to IE5/Win Hack */
                   padding: 15px;
                   border:1px dashed #333333;
                   background-color: #FFFFFF}

#tocbox           {width: 415px;
                   margin: 50px auto; /* Right and left margin widths set to "auto" */
                   text-align: left; /* Counteract to IE5/Win Hack */
                   padding: 15px;
                   border: 1px solid #0000FF;
                   background-color: #FFFFFF}

#redbox           {width: 290px;
                   margin: 50px auto; /* Right and left margin widths set to "auto" */
                   text-align: left; /* Counteract to IE5/Win Hack */
                   padding: 15px;
                   border: 3px groove #000000;
                   background-color: #FFFFFF}

#redoutline       {WIDTH: 400px;
                   margin: 50px auto; /* Right and left margin widths set to "auto" */
                   text-align: left; /* Counteract to IE5/Win Hack */
                   padding: 15px;
                   border: 3px groove #000000;
                   background-color: #FFFFFF}

#redoutline2      {width: 220px;
                   margin: 0px auto; /* Right and left margin widths set to "auto" */
                   text-align: left; /* Counteract to IE5/Win Hack */
                   padding: 30px;
                   border: 3px groove #000000;
                   background-color: #FFFFFF}

#blubox, #bluebox, #blewbox     
                  {width: 400px; 
                   margin: 50px auto; /* Right and left margin widths set to "auto" */ 
                   text-align: left; /* Counteract to IE5/Win Hack */ 
                   padding: 15px; 
                   border: 3px double #000000; 
                   background-color: #FFFFFF}

.centered         {margin: 0px auto; 
                   padding: 0px;
                   /* Need to set margin and padding to get consistency between browsers. */
                   text-align:center} /* Hack for IE5/Win */

#contentblub      {color: #000000;
                   background-color: #FFFFFF;
                   font-weight: bold;
                   text-align: center;
                   padding: 7px}

/* Standard links. Utilized */

A:link            {color: #000000;
                   text-decoration: underline}
A:visited         {color: #000000;
                   text-decoration: underline}
A:hover           {color: #000000;
                   text-decoration: underline}
A:active          {color: #000000;
                   text-decoration: underline}

/* Navigation links.  Not utilized */

A.nav:link        {text-decoration: none}
A.nav:visited     {text-decoration: none}
A.nav:active      {text-decoration: none}
A.nav:hover       {text-decoration: none}

/* special links.  Not utilized */

HR                {height: 3px;
                   width: 96%;
                   background: #000000;
                   margin: 1px; 
                   padding: 1px}

H1                {font-weight: bold; 
                   color: #000000; 
                   font-size: 225%}

H2                {font-weight: bold; 
                   color: #000000; 
                   font-size: 200%}

.blueborder       {border-style: dotted;
                   border-color: #000000;
                   border-width: 3px;}

.coolblue         {background-color: #FFFFFF}

TD.bluebox        {background-color: #FFFFFF; 
                   color: #000000; 
                   text-align: left}
TD.blueheader     {background-color: #FFFFFF; 
                   color: #000000; 
                   text-align: left}
UL                {list-style-image: url(images/blueball.gif)}
.button           {font-family: Verdana, Arial, Helvetica, sans-serif; 
                   background-image: none;
                   font-weight: bold; 
                   color: #000000}

/* Eliminates the italic formatting for text within the ADDRESS tags. */

ADDRESS           {text-decoration: none;
                   font-style: normal;
                   font-weight: normal}

/*  Italics that don't run into non-italized text and aren't   */
/*  followed by unnecessary white text.                          */

.booktitle        {font-style: italic;
                   font-weight: normal;
                   font-family: "New York", "MS Serif", Lucida, Helvetica, Arial,
                   Helv, Helvetica, Serif, Verdana, Geneva, sans-serif;}

PERSON            {text-decoration: none}

ABBR, 
ACRONYM, 
.help             {text-decoration: underline;
                   cursor: help}

.fakelinx         {text-decoration: underline}

/* highlight text like in a textbook */

.highlight        {text-decoration: none}

/* smaller text for some tables */

.smallertext      {font-family: Arial;
                   font-size: 8pt}

/* Tabs */

#header           {width: 0%;
                   background-image: none;
                   display: none}

#header ul        {list-style :none}
#header li        {background-image: none}
#header a         {background-image: none;
                   text-decoration: none}
#header #current  {background-image: none}
#header #current a
                  {background-image: none;
                   color: #000000}


Valid XHTML 1.0 Transitional

Valid CSS!