

<STYLE>

/*
' 4/12/06.
' Re "specificity" and the proper ordering of link styles, e.g.
' A:link {color: blue;}         specificity = 1,1 
' A:active {color: red;}        specificity = 1,1 
' A:hover {color: magenta;}     specificity = 1,1 
' A:visited {color: purple;}    specificity = 1,1 
' see the useful tute at http://meyerweb.com/eric/css/link-specificity.html. It says ..
' ... To ensure that you see your various link styles, you're best off putting your 
' styles in the order "link-visited-hover-active", or "LVHA" for short. 
' ... When more than one of the style rules apply to the hyperlink, and the selectors all 
' have the same specificity, then the last one listed wins.
*/


INPUT
{
    FONT-FAMILY: Arial, sans-serif
}

SELECT
{
    FONT-FAMILY: Arial, sans-serif
}

A:link
{
    COLOR: black
}

A:visited
{
    COLOR: black;
}

A:hover
{
    COLOR: #666666; 
    BACKGROUND-COLOR: transparent
}

A:active
{
    COLOR: red;
    BACKGROUND-COLOR: transparent

}

BODY {
    FONT-FAMILY: Verdana, Arial, sans-serif;
    /* FONT-SIZE: 10pt; */
	COLOR: #333333;
    COLOR: black; 
	XXXbackground-image:url("http://www.mitmazel.com/images/gradients/gradient4.png"); 
	/* background-size: 0px 300px; */
	/* background-repeat:repeat-x; */
    /* background-attachment:fixed;   Nifty! Prevents background from scrolling. */
    margin:0px 0px 0px 0px;
	}

/* ********************************************************************************************************************** */
/* For the table of ads in the file LeftColumn.inc.asp */

.LeftColumnAds
{
    font-size:12px;
    text-align:left;
}
.LeftColumnAds tr td img
{
    border:0px solid red;
    float:left; 
    margin: 0 10px 2px 0;
}

/* ********************************************************************************************************************** */

/* For form buttons throughout the website; Gives them a gradient background that works in ~ all browsers! */
.button             /*  From http://www.webreference.com/programming/css_stylish/ and http://www.puremango.co.uk/2010/04/css-gradient/  Brilliant! */
{
    /* width: 131px; */
    padding: 1px 10px 1px 10px;
    color: #ffffff;    
    /* font: bold 95% 'trebuchet ms', helvetica, sans-serif; */
    font: 100% 'trebuchet ms', helvetica, sans-serif; 
    /* background-color:  #18794a; */
    border: 2px solid;   
    border-color: #ccc #000 #000 #ccc;
    
    /* Gradient background effect. From http://www.puremango.co.uk/2010/04/css-gradient/ */
    /* Thanks to http://blog.fakedarren.com/2010/01/cross-browser-css-gradients/ */
    /* For Opera. fallback, no gradient: */
    background: #114422;
    /* For Mozilla: */
    background: -moz-linear-gradient(top, #accfbe, #114422);
    /* For Chrome, Safari: */
    background: -webkit-gradient(linear, left top, left bottom, from(#accfbe), to(#114422));
    /* For IE */
    filter: progid:DXImageTransform.Microsoft.Gradient(   
                StartColorStr='#accfbe', EndColorStr='#114422', GradientType=0);   
}

/* For when hovering over button. */
input.buttonhover    /* From http://www.webreference.com/programming/css_stylish/  See how this is used. Brilliant! */
{   
    /* border-color: #c63 #930 #930 #c63; */
    background: #006060;
    /* For Mozilla: */
    background: -moz-linear-gradient(top, #006060, #006060);
    /* For Chrome, Safari: */
    background: -webkit-gradient(linear, left top, left bottom, from(#006060), to(#006060));
    /* For IE */
    filter: progid:DXImageTransform.Microsoft.Gradient(   
                StartColorStr='#006060', EndColorStr='#006060', GradientType=0); 
}

/* For when button has been clicked (till another button (in its family) is clicked). */
input.buttonactive    /* From http://www.webreference.com/programming/css_stylish/  */
{   
    /* border-color: #c63 #930 #930 #c63; */
    color: #fff;    
    background: #994400;
    /* For Mozilla: */
    background: -moz-linear-gradient(top, #ffdd77, #994400);
    /* For Chrome, Safari: */
    background: -webkit-gradient(linear, left top, left bottom, from(#ffdd77), to(#994400));
    /* For IE */
    /* filter: progid:DXImageTransform.Microsoft.Gradient(   
                StartColorStr='#f6b500', EndColorStr='#f6b500', GradientType=0);  */
    filter: progid:DXImageTransform.Microsoft.Gradient(   
            StartColorStr='#ffdd77', EndColorStr='#994400', GradientType=0); 
}

.Gradient1   /* Browns */  
{   
    /* border-color: #c63 #930 #930 #c63; */  
    background: #e4c46f;
    /* For Mozilla: */
    background: -moz-linear-gradient(left, #e4c46f, #fbf0dc);
    /* For Chrome, Safari: */
    background: -webkit-gradient(linear, left top, right top, from(#e4c46f), to(#fbf0dc));
    /* For IE */
    /* filter: progid:DXImageTransform.Microsoft.Gradient(   
                StartColorStr='#f6b500', EndColorStr='#f6b500', GradientType=0);  */
    filter: progid:DXImageTransform.Microsoft.Gradient(   
            StartColorStr='#e4c46f', EndColorStr='#fbf0dc', GradientType=1); 
}

.Gradient2   /* Blues */    
{   
    /* border-color: #c63 #930 #930 #c63; */  
    background: #e6eff4;
    /* For Mozilla: */
    background: -moz-linear-gradient(left, #84bff1, #ffffff);
    /* For Chrome, Safari: */
    background: -webkit-gradient(linear, left top, right top, from(#84bff1), to(#ffffff));
    /* For IE */
    /* filter: progid:DXImageTransform.Microsoft.Gradient(   
                StartColorStr='#f6b500', EndColorStr='#f6b500', GradientType=0);  */
    filter: progid:DXImageTransform.Microsoft.Gradient(   
            StartColorStr='#84bff1', EndColorStr='#ffffff', GradientType=1); 
}

/* ********************************************************************************************************************** */


/*  
Based on style.css of the WordPress theme Arthemia.
Theme URI: https://michaelhutagalung.com/2008/05/arthemia-magazine-blog-wordpress-theme-released/
Description: <a href="https://michaelhutagalung.com/2008/05/arthemia-magazine-blog-wordpress-theme-released/">Arthemia</a> theme is combining a magazine and a weblog into one; it is not too magazine-ish nor too blog-ish. Designed for Wordpress. Gravatar support included along with automatic thumbnail resizer.
Version: 1.0
Author: Michael Jubel Hutagalung
Author URI: http://michaelhutagalung.com/2008/05/arthemia-magazine-blog-wordpress-theme-released/

The CSS, XHTML and design is released under GPL:
https://www.opensource.org/licenses/gpl-license.php
*/


/* HTML Elements */

/*
* {
	margin:0;
	padding:0;
	}

body {
	font: 100% Arial, Helvetica;
	background: #FFF;
	color: #333;
	}

a:link, a:visited {
	color: #3c78a7;
	text-decoration:none
	}

a:hover, a:active {
	color: #3c78a7;
	text-decoration:underline;
	}
*/

/* Structure */


#head {
	/* width:960px; */
	margin:0px auto;
	margin-top:15px;
	padding:0px;
	font-size:0.7em;
	}


/* Navigation Bar*/
#navbar {
	margin:0 auto;
	margin-top:15px;
	padding:0px 10px;
	/* text-transform:uppercase; */
	/* background:#2c2c2c url(images/navbar.png); */
	}

#page-bar {
	/* width:722px; */
	}

#page-bar ul {
	list-style: none;
	}

#page-bar li {
	float:left;
	list-style:none;
	cursor: pointer;
	display:block;
	/* border-right:1px solid #333; */
	}

#page-bar li:hover {
	background: #3c78a7;
	background: black;
	}


#page-bar a, #page-bar a:visited {
	margin: 0px;
	padding:10px 16px;
	/* padding:0px 0px; */
	font-weight:bold;
	color:#FFF;
	color:black;
	display:block;
	text-decoration:none;
	}

#page-bar a:hover {
	text-decoration:none;
	display:block;
	}


/* Dropdown Menus */		
#page-bar li {
	float: left;
	margin: 0px;
	padding: 0px;
	}
	
#page-bar li li {
	float: left;
	margin: 0px;
	padding: 0px;
	/* width: 122px; */
	text-transform:none;
	}
	
#page-bar li li a, #page-bar li li a:link, #page-bar li li a:visited {
	background: #2B2B2B;
	background: lightgrey;
	width: 122px; 
	float: none;
	margin: 0px;
	padding: 5px 10px 5px 18px;
	border-top: 1px solid #C0C0C0;
	}
	
#page-bar li li a:hover, #page-bar li li a:active {
	background: #666666;
	background: silver;
	padding: 5px 10px 5px 18px;
	}

#page-bar li ul {
	position: absolute;
	width: 10em;
	left: -999em;
	}

#page-bar li:hover ul {
	left: auto;
	display: block;
	}
	
#page-bar li:hover ul, #page-bar li.sfhover ul {
	left: auto;
	}


/* Float Properties*/

.clearfloat:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
	}

.clearfloat {
	display: inline-block;
	}


/* Hides from IE-mac \*/
* html .clearfloat {
	height:1%;
	}

*+html .clearfloat {
	height:1%;
	}

.clearfloat {
	display:block;
	}

/* ------------------------------------------------------------------------------------------------------------
The following is a copy of the contents of the css file
mytests > navbars > suckerfish > suckerfishnav.css 
that is needed by the drop-down menu I am using from 
Pixopoint, in file 
(at MitMazel.com) mytests > navbars > suckerfish > sfdropdownmenus1.asp and sfdropdownmenus1.inc.asp
------------------------------------------------------------------------------------------------------------- */

#suckerfishnav {
    background:#1F3E9F url("../multi-level-navigation-plugin/images/suckerfish_blue.png") repeat-x; 
    background:#1F3E9F url("../Misc/Navbars/suckerfish/images/suckerfish_yellow.png") repeat-x;
	/* background:#1F3E9F url("https://www.mitmazel.com/mytests/navbars/suckerfish/suckerfish_blue.png") repeat-x; */
    /* background:#1F3E9F url("../Images/topback.gif") repeat-x; */
	/* background:#3C78A7; */
	background: blue; 
    font-size:16px;
    font-family:verdana,sans-serif;
    /* font-weight:bold; */
    width:90%;
	/* float: none; */
    }
#suckerfishnav, #suckerfishnav ul {
    float:left;
    list-style:none;
    /* line-height:40px; */
	line-height:23px;
    /* padding:0; */
	/* padding:0px 0px 2px 0px; */
	padding:0px 0px 0px 0px;
    /* border:1px solid #aaa; */
	border:0px solid #aaa;
    margin:0;
    width:100%
    }
#suckerfishnav a {
    display:block;
    /* color:#dddddd; */
	color: white;
    text-decoration:none;
    /* padding:0px 10px; */
	padding:0px 15px;
    }
#suckerfishnav li {
    float:left;
    padding:0;
    }
#suckerfishnav ul {
    position:absolute;
    left:-999em;
    height:auto;
    /* width:101px; */
    /* width:200px; */
    width:341px;
    font-weight:normal;
    margin:0;
    line-height:1;
    border:0;
    border-top:1px solid #666666;
    }
#suckerfishnav li li {
    /* width:99px; */
    /* width:198px; */
    width:339px; 
    border-bottom:1px solid #666666;
    border-left:1px solid #666666;
    border-right:1px solid #666666;
    /* font-weight:bold; */
    font-family:verdana,sans-serif;
    }
#suckerfishnav li li a {
    /* padding:4px 10px; */
    padding:2.7px 10px;
    /* width:80px; */
    /* width:179px; */
    width:320px;
    /* font-size:12px; */
    font-size:11px;
    color:#dddddd;
    }
#suckerfishnav li ul ul {
    /* margin:-21px 0 0 100px; */
   /* margin:-21px 0 0 199px; */
   /* margin:-21px 0 0 299px; */
    margin:-21px 0 0 340px;
    }
#suckerfishnav li li:hover {
    background:#1F3E9F;
    }
#suckerfishnav li ul li:hover a, #suckerfishnav li ul li li:hover a, #suckerfishnav li ul li li li:hover a, #suckerfishnav li ul li li li:hover a {
    color:#dddddd;
    }
#suckerfishnav li:hover a, #suckerfishnav li.sfhover a {
    color:#dddddd;
		color:black;
    }
#suckerfishnav li:hover li a, #suckerfishnav li li:hover li a, #suckerfishnav li li li:hover li a, #suckerfishnav li li li li:hover li a {
    color:#dddddd;
	    color: white;
    }
#suckerfishnav li:hover ul ul, #suckerfishnav li:hover ul ul ul, #suckerfishnav li:hover ul ul ul ul, #suckerfishnav li.sfhover ul ul, #suckerfishnav li.sfhover ul ul ul, #suckerfishnav li.sfhover ul ul ul ul {
    left:-999em;
    }
#suckerfishnav li:hover ul, #suckerfishnav li li:hover ul, #suckerfishnav li li li:hover ul, #suckerfishnav li li li li:hover ul, #suckerfishnav li.sfhover ul, #suckerfishnav li li.sfhover ul, #suckerfishnav li li li.sfhover ul, #suckerfishnav li li li li.sfhover ul {
    left:auto;
    background:#444444;
    }
#suckerfishnav li:hover, #suckerfishnav li.sfhover {
    background:#5E7AD3;
		background: white;
    }

</STYLE>