/* macs.css for macs-us.com */

/* body, copytext, paragraph and list styles */

body {
    scrollbar-base-color: #999999;
    scrollbar-face-color: #999999;
    scrollbar-track-color: #CCCCCC;
    scrollbar-arrow-color: #FFFFFF;
    scrollbar-3dlight-color: #666666;
    scrollbar-darkshadow-color: #666666;
    scrollbar-highlight-color: #999999;
    scrollbar-shadow-color: #999999;
}

td {  font-family: Arial, Helvetica, sans-serif; font-size: 12px;}
p { margin-top: 0px; margin-bottom: 10px }

.smallBlack { font-size: 11px; }
.smallWhite { font-size: 11px; color: #FFFFFF }

ul { 
    margin-left: 10; 
    padding-left: 10;
    margin-bottom: 0;
    margin-top: 0;
    list-style-type: square;
}


/* ---- header, caption and title styles ---- */

/* revision 11/2007 : use restyled html tags instead of ...Head classes */
h1 { font-size: 21px; color: #FFFFFF; font-weight: normal; margin-bottom: 0px; }	
h2 { font-size: 14px; font-weight: bold; margin-bttom: 10px; }						
h3 { font-size: 12px; font-weight: bold; margin-bottom: 10px; }									

/* obsolete ...Head classes */
.pageHead {  font-size: 21px; color: #FFFFFF; }
.subHeadBig { font-size: 14px; font-weight: bold }
.subHead { font-weight: bold }

/* additional subhead styles - use in conjunction with h3 */
.blockHead {
   font-weight: bold;
   color: #FFFFFF;
   background-color: #990000;
   padding-left: 4px;
   padding-right: 4px;
}
.head { font-weight: bold ; font-size: 11pt}
.tableColTitle {  font-weight: bold; margin-bottom: 0px;}
.lightBoxCaption { font-weight: bold; margin-bottom: 0px; }
.darkBoxCaption { font-weight: bold ; color: #FFFFFF; margin-bottom: 0px; }
.darkBoxContent {  color: #FFFFFF}


/* navigation styles */

.navArea td a{
   display: block;
   padding-top: 4px;
   padding-bottom: 4px;
   text-decoration: none;
}
.navArea td a:link, .navArea td a:visited {
   font-size: 11px;
   font-weight: bold;
   color: #FFFFFF;
   background-color: #666666;
}
.navArea td a:hover, .navArea td a:active {
   font-size: 11px; 
   font-weight: bold;
   color: #FFFFFF;
   background-color: #990000;
}

.navAreaHL td a{
   display: block;
   padding-top: 4px;
   padding-bottom: 4px;
   text-decoration: none;
}
.navAreaHL td a:link, .navAreaHL td a:visited {
   font-size: 11px;
   font-weight: bold;
   color: #FFFFFF;
   background-color: #990000;
}
.navAreaHL td a:hover, .navAreaHL td a:active {
   font-size: 11px;
   font-weight: bold;
   color: #FFFFFF;
   background-color: #990000;
}

.DDnavArea td a{
   display: block;
   padding-left: 10px;
   padding-right: 10px;
   padding-top: 3px;
   padding-bottom: 3px;
   text-decoration: none;
}
.DDnavArea td a:link, .DDnavArea td a:visited {
   font-size: 10px;
   color: #FFFFFF;
   background-color: #666666;
}
.DDnavArea td a:hover, .DDnavArea td a:active {
   font-size: 10px; 
   color: #FFFFFF;
   background-color: #990000;
}

.DDnavAreaHL td a{
   display: block;
   padding-left: 10px;
   padding-right: 10px;
   padding-top: 3px;
   padding-bottom: 3px;
   text-decoration: none;
}
.DDnavAreaHL td a:link, .DDnavAreaHL td a:visited {
   font-size: 10px;
   color: #FFFFFF;
   background-color: #990000;
}
.DDnavAreaHL td a:hover, .DDnavAreaHL td a:active {
   font-size: 10px;
   color: #FFFFFF;
   background-color: #990000;
}

.navPage {  font-size: 12px; font-weight: bold; color: #990000; text-decoration: none}
a:link.navPage {  font-size: 12px; font-weight: bold; color: #990000; text-decoration: none}
a:visited.navPage {  font-size: 12px; font-weight: bold; color: #990000; text-decoration: none}
a:active.navPage {  font-size: 12px; font-weight: bold; color: #990000; text-decoration: none}
a:hover.navPage {  font-size: 12px; font-weight: bold; color: #990000; text-decoration: underline}

.navPageSelected {  font-size: 12px; font-weight: bold; color: #666666; text-decoration: none}
a:link.navPageSelected {  font-size: 12px; font-weight: bold; color: #666666; text-decoration: none}
a:visited.navPageSelected {  font-size: 12px; font-weight: bold; color: #666666; text-decoration: none}
a:active.navPageSelected {  font-size: 12px; font-weight: bold; color: #666666; text-decoration: none}
a:hover.navPageSelected {  font-size: 12px; font-weight: bold; color: #666666; text-decoration: underline}

/* button-style and copy text links */

.linkBut { color: #990000; text-decoration: none }
a:link.linkBut { color: #990000; text-decoration: none }
a:visited.linkBut { color: #990000; text-decoration: none }
a:active.linkBut { color: #990000; text-decoration: none }
a:hover.linkBut { color: #990000; text-decoration: underline }

.linkButSelected { color: #666666; text-decoration: none }
a:link.linkButSelected  { color: #666666; text-decoration: none }
a:visited.linkButSelected  { color: #666666; text-decoration: none }
a:active.linkButSelected  { color: #666666; text-decoration: none }
a:hover.linkButSelected  { color: #666666; text-decoration: underline }

.linkText { color: #990000; text-decoration: underline }
a:link.linkText { color: #990000; text-decoration: underline }
a:visited.linkText { color: #990000; text-decoration: underline }
a:active.linkText { color: #990000; text-decoration: underline }
a:hover.linkText { color: #990000; text-decoration: underline }

/* footer styles */

.footer {  font-size: 11px; color: #333333}
a:link.footer {  font-size: 11px; color: #333333}
a:visited.footer {  font-size: 11px; color: #333333}
a:active.footer {  font-size: 11px; color: #333333}
a:hover.footer {  font-size: 11px; color: #333333}

/* form styles */

input, textarea, select {
    border-color: #666666;
	border-width: 1px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

.formButton {
    border-color:#000000
	border-width: 1px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #990000;
}

/* special styles */

.quizQuestion {
    font-size: 38 px;
	font-weight: bold;
	color: #FFFFFF;
}

.newsEdition {
	font-weight: bold;
	color: #FFFFFF;
}

.popupFunction { font-weight: bold ; color: #FFFFFF ; text-decoration: none}



/* different styles for screen and print */
/*
@media print {
  .hideFromPrint { display : none; }
  .pageHead {  font-size: 21px; color: #000000; }
}

@media screen {
  .hideFromScreen { display : none; }
  .pageHead {  font-size: 21px; color: #FFFFFF; }
}
*/