body {
background-color : #ffcc33; /* #ffcc33 dark yellow */
color : black; /*  text color #804000  */
background-image : url(images/GreenTanBox.gif);
background-repeat : repeat-x;
margin : 0px;
border : 0px;
padding : 0px;
}
#MenuButtons {
position : absolute;
top : 20px;
$top : 10px;
left : 300px;
font-family : Arial, Verdana, sans-serif;
font-weight : normal;
letter-spacing : 1.3px;
font-size : 108%;
}
#MenuButtons td {
padding : 3px 25px 0px 0px;
border : 0px dotted black;
text-align : left;
vertical-align : top;
}
#MenuButtons a:link {
background-color : transparent; /* no background */
color : #ffff00; /* yellow text */
text-decoration : none;
}
#MenuButtons a:visited {
background-color : transparent;
color : #ffff00; /*yellow text*/
text-decoration : none;
}
#MenuButtons a:hover {
background-color : green; /* green background */
color : #ffff00; /* yellow text */
}
#inpage a:link {
background-color : #996633; /* brown background */
color : #ffc875; /* yellow text */
text-decoration : none;
}
.BodyContent {
width : 80%;
margin : auto;
border : 0px dotted black;
font-family : Arial, Verdana, sans-serif;
font-weight : normal;
font-size : 110%;
}
.BodyContent a:link {
background-color : transparent; /* no background */
color : #996633; /* brown text */
text-decoration : underline;
}
.BodyContent a:visited {
background-color : transparent;
color : #a0522d; /* off-brown text*/
text-decoration : underline;
}
.BodyContent a:hover {
background-color : green; /* green background */
color : #ffff00; /* yellow text */
}
#HomePhoto {
margin : auto;
}
#HomePhoto td {
border : 0px dotted black;
padding : 0px 10px 0px 10px;
text-align : center;
}
.ResumeTable {
width : 90%;
border : 0px dotted black;
margin : auto;
margin-top : 10px;
font-family : Georgia, "Times New Roman", serif;
font-size : 100%;
font-weight : normal;
}
.ResumeHeader {
border : 4px ridge #e8a317; /* Dark Goldenrod 2 */
margin : auto;
padding : 5px 10px 5px 10px;
font-weight : bold;
letter-spacing : 1.3px;
font-size : 130%;
text-align : center;
}
.ResumeTable a:link {
background-color : #ffcc33; /* yellow background */
color : #996633; /* brown text */
text-decoration : underline;
}
.ResumeTable a:visited {
background-color : #ffcc33; /* yellow background */
color : #a0522d; /*#a0522d brown text*/
text-decoration : underline;
}
.ResumeTable a:hover {
background-color : green; /* green background */
color : #ffff00; /* yellow text */
}
.CallersTable {
width : 90%;
border : 0px dotted black;
margin : auto;
margin-top : 10px;
font-family : "Times New Roman", serif;
font-size : 100%;
font-weight : normal;
}
.CallersHeader {
border : 4px ridge #e8a317; /* Dark Goldenrod 2 */
margin : auto;
padding : 5px 10px 5px 10px;
font-weight : bold;
letter-spacing : 1.3px;
font-size : 130%;
text-align : center;
}
.CallersTable a:link {
background-color : #ffcc33; /* yellow background */
color : #996633; /* brown text */
text-decoration : underline;
}
.CallersTable a:visited {
background-color : #ffcc33; /* yellow background */
color : #a0522d; /*#a0522d brown text*/
text-decoration : underline;
}
.CallersTable a:hover {
background-color : green; /* green background */
color : #ffff00; /* yellow text */
}
.PerformanceTable {
width : 100%;
border : 2px ridge #e8a317;
margin : auto;
margin-top : 10px;
font-family : Arial, Verdana, sans-serif;
font-size : 90%;
font-weight : normal;
}
.PerformanceTable td {
padding : 10px 0px 10px 10px;
border : 2px ridge #e8a317;
vertical-align : middle;
}
.PerformanceTable a:link {
background-color : #ffcc33; /* yellow background */
color : #996633; /* brown text */
text-decoration : underline;
}
.PerformanceTable a:visited {
background-color : #ffcc33; /* yellow background */
color : #a0522d; /*#a0522d brown text*/
text-decoration : underline;
}
.PerformanceTable a:hover {
background-color : green; /* green background */
color : #ffff00; /* yellow text */
}
/* The use of the $ symbol is a hack.  IE ignores the $ but reads the code so the top
   of the photo lines up with the top of the text.  Firefox automatically lines up the
   photos and the text.  Fortunately, it also ignores the $ and the code that follows it.
   Making the 1px border the same color as the background is also a hack.  If the border
   is removed, then IE and FF start treating the alignment differently.   */
.Photo1 {
width : 200px;
border : 0px dotted red;
$padding : 0px 0px 0px 0px;
text-align : right;
float : right;
}
ol#cdwma_two { counter-reset: track 22 }
ol#cdwma_two li { display: block }
ol#cdwma_two li:before {
content: counter(track) ". ";
counter-increment: track;
}
ol#bccd_two { counter-reset: track 8 }
ol#bccd_two li { display: block }
ol#bccd_two li:before {
content: counter(track) ". ";
counter-increment: track;
}
ol#prop_two { counter-reset: track 7 }
ol#prop_two li { display: block }
ol#prop_two li:before {
content: counter(track) ". ";
counter-increment: track;
}
ol#gems_two { counter-reset: track 8 }
ol#gems_two li { display: block }
ol#gems_two li:before {
content: counter(track) ". ";
counter-increment: track;
}
ol#newfangled_two { counter-reset: track 13 }
ol#newfangled_two li { display: block }
ol#newfangled_two li:before {
content: counter(track) ". ";
counter-increment: track;
}
.Text1 {
border : 0px dotted black;
padding : 0px 0px 0px 0px;
font-size : 99%;
line-height : 1.3em;
}
.Right {
text-align : right;
}
.Center {
text-align : center;
}
.LargeCenter {
text-align : center;
font-size : 120%;
}
.LargeFont {
font-size : 120%;
}
.MediumLargeCenter {
font-size : 180%;
font-weight : bold;
}
.ReallyLargeFont {
font-size : 200%;
font-weight : bold;
}
#OrderForm {
font-family : Courier, "Courier New", monospace;
}
.TableTitle th {
border : 4px ridge #e8a317;
padding : 0px 20px 0px 20px;
}
.Format {
padding : 0px 0px 0px 20px;
}
.Qty {
padding : 0px 0px 0px 15px;
}
.Price {
padding : 0px 0px 0px 15px;
}
.Times {
padding : 0px 0px 0px 20px;
}
.Total {
padding : 0px 0px 0px 10px;
}
.ShipTotal {
text-align : right;
padding : 0px 0px 0px 180px;
font-weight : bold;
}
.Items {
padding : 0px 20px 0px 0px;
}
.Underline {
text-decoration : underline;
}
.BoldUnderline {
font-weight : bold;
text-decoration : underline;
}
.Bold {
font-weight : bold;
}
.Italic {
font-style : italic;
}
#ContactUs {
border : 0px dotted black;
margin : auto;
margin-top : 50px;
font-family : Arial, Verdana, sans-serif;
font-weight : normal;
letter-spacing : 1.3px;
font-size : 110%;
text-align : center;
}
#ContactUs a:link {
background-color : #ffcc33; /* yellow background */
color : #996633; /* brown text */
text-decoration : underline;
}
#ContactUs a:visited {
background-color : #ffcc33;
color : #a0522d; /*#a0522d brown text*/
text-decoration : underline;
}
#ContactUs a:hover {
background-color : green; /* brown background */
color : #ffff00; /* yellow text */
}
ol {
list-style-position: outside;
}
.RecordingTable {
width : 100%;
border : 0px dotted #a0533d;
padding : 0px 0px 0px 0px;
margin : auto;
margin-top : 10px;
font-family : Arial, Verdana, sans-serif;
font-size : 80%;
font-weight : normal;
}
.RecordingTable td {
padding : 0px 0px 0px 0px;
border : 0px dotted #ffcc33;
text-align : left;
vertical-align : top;
}
.RecordingTable a:link {
background-color : #ffcc33; /* yellow background */
color : #996633; /* brown text */
text-decoration : underline;
}
.RecordingTable a:visited {
background-color : #ffcc33; /* yellow background */
color : #a0522d; /*#a0522d brown text*/
text-decoration : underline;
}
.RecordingTable a:hover {
background-color : green; /* green background */
color : #ffff00; /* yellow text */
}
.PhotoTable {
width : 100%;
border : 0px ridge #a0522d;
padding : 0px 0px 0px 0px;
margin : auto;
margin-top : 0px;
font-family : Arial, Verdana, sans-serif;
font-size : 80%;
font-weight : normal;
}
.PhotoTable td {
padding : 0px 0px 0px 0px;
border : 1px ridge #a0522d;
text-align : center;
vertical-align : top;
}
.PhotoTable a:link {
background-color : #ffcc33; /* yellow background */
color : #996633; /* brown text */
text-decoration : underline;
}
.PhotoTable a:visited {
background-color : #ffcc33; /* yellow background */
color : #a0522d; /*#a0522d brown text*/
text-decoration : underline;
}
.PhotoTable a:hover {
background-color : green; /* green background */
color : #ffff00; /* yellow text */
}
#WeddingTable {
width : 90%;
margin : auto;
border : 0px ridge #e8a317;
padding : 10px 10px 10px 10px;
font-family : Arial, Verdana, sans-serif;
font-weight : normal;
letter-spacing : 1.2px;
font-size : 80%;
}
#WeddingTable table {
margin : auto;
}
#WeddingTable td {
padding-left : 6px;
border : 0px dotted black;
width : 60px;
text-align : center;
vertical-align : top;
}
#WeddingTable a:link {
background-color : #ffcc33; /* yellow background */
color : #996633; /* brown text */
text-decoration : underline;
}
#WeddingTable a:visited {
background-color : #ffcc33;
color : #a0522d; /*#a0522d brown text*/
text-decoration : none;
}
#WeddingTable a:hover {
background-color : green; /* brown background */
color : #ffff00; /* yellow text */
}
.FooterButtons {
width : 90%;
margin : auto;
border : 0px dotted black;
margin-top : 20px;
font-family : Arial, Verdana, sans-serif;
font-weight : normal;
letter-spacing : 1.2px;
font-size : 80%;
}
.FooterButtons table {
margin : auto;
}
.FooterButtons td {
padding-left : 6px;
border : 0px dotted black;
width : 60px;
text-align : center;
vertical-align : top;
}
.FooterButtons a:link {
background-color : #ffcc33; /* yellow background */
color : #996633; /* brown text */
text-decoration : none;
}
.FooterButtons a:visited {
background-color : #ffcc33;
color : #a0522d; /*#a0522d brown text*/
text-decoration : none;
}
.FooterButtons a:hover {
background-color : green; /* brown background */
color : #ffff00; /* yellow text */
}