

<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: #333333;
}
A:visited
{
    COLOR: #333333;
}
A:hover
{
    COLOR: #888888;
    BACKGROUND-COLOR: transparent
}
A:active
{
    COLOR: red;
    BACKGROUND-COLOR: transparent

}
BODY
{
    FONT-FAMILY: Verdana, Arial, sans-serif;
    FONT-SIZE: 10pt;
    /* COLOR: black */
	COLOR: #333333;
	background-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:0;
}
b {
color: #555;
}
strong {
color: #555;
}



/*
Just for showing Table and Cell structure of a page; for debugging purposes. 
TABLE {
	border: 1px solid pink; 
}
TABLE TD {
	border: 1px solid #ddd; 
}
*/





/* 7/4/10: Added by me for the member display boxes on pages: Who Viewed Me, Who I Viewed, My Favorites, Quick Search, .... */

.PageHeadingTable {
font-family: Verdana, Arial, Helvetica, sans-serif;
color:#333399;
color:#506c9b; /* color of the navbar. */
font-size:x-large;
font-style: italic;
border: 0px solid #eee;
margin-top:5px; 
margin-right:0px;		/* Setting both margin-right and margin-left equal to "auto" will center the heading table horizintally. */
margin-bottom:15px; 
margin-left:0px;  		/* Setting both margin-right and margin-left equal to "auto" will center the heading table horizintally. */
/* width: 95%; */
text-decoration:none;
}
.PageHeadingTable td {
padding:0px 15px;
border: 0px solid #eee; 
font-size:inherit;
vertical-align:middle;
}
.PageHeadingTable a {
color:inherit;
}
.PageHeadingTable img {
height: 30px;
padding: 0px 0px 0px 60px; 
border: 0px solid #eee;
vertical-align:middle;
}


.DisplayBoxOuter {
background:#fbfbff;
padding:10px;
border:5px solid #eeeeff; 
margin:0px 9px 20px 9px;
/* width:780px; */
margin-right:auto;
margin-left:auto;
}
.DisplayBoxInner {
/* background:#eeeeff; */
margin:0px;
width:100%;
}
.DisplayBoxInner td {
padding:7px;
}


.DisplayBoxRounded {
background:#fbfbff;
/* padding:10px; */
/* border:5px solid #eeeeff; */
/* margin:0px 9px 20px 9px; */
/* width:780px; */
font-size:small;
margin-right:auto;
margin-left:auto; 
}

.DisplayBoxRounded td {
padding:0px; 
}

.DisplayBoxRounded table {
margin:15px 15px 15px 15px; 
border: 0px solid #eee;
}

.DisplayBoxRounded table tr td {
padding:3px; 
border: 0px solid #eee;
}


div.QuestionnaireDivider { 
/* For divider rows in questionnares (for Full Member, Assoc Member, Assoc Matchmaker, Sponsor) and 
profile view pages (for Members [filepreview.asp], Matchmakers) */
border: 0px solid red; 
background-color: lavender;
padding: 6px;
font-size: 14px;
text-indent:30px;
text-align:left;
margin: 10px 0px 10px 0px;
}
div.QuestionnaireDividerMinor { /* For divider rows in questionnares (Full member) */
border: 0px solid red; 
background-color: pink;
padding: 6px;
font-size: 14px;
text-indent:60px;
font-style:oblique;
margin: 10px 0px 15px 0px;
}

div.label { /* Used for labels in profile view pages (for Members [profileview.asp], Matchmakers [matchmakersdb.asp]) */
color: #506c9b; /* color of the navbar. */
font-weight: bold;
padding: 0px 10px 0px 0px;
font-size:small
}
div.labelQ { /* Used for labels in questionnaires (for Matchmakers [matchmakeradd.asp]) */
color: #506c9b; /* color of the navbar. */
padding: 0px 5px 0px 0px;
font-size: 12px
}


/* For Privacy Policy page and Terms of Usage page. */
.PrivacyAndTermsHeading 
{
color: #506c9b;
font-weight:bold;
}
td.PrivacyAndTermsParagraph
{
line-height: 150%;
}



/*  
Based on style.css of the WordPress theme Arthemia.
Theme URI: http://michaelhutagalung.com/2008/05/arthemia-magazine-blog-wordpress-theme-released/
Description: <a href="http://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:
http://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 
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("http://www.mitmazel.com/mytests/navbars/suckerfish/suckerfish_blue.png") repeat-x;  
	background:#506c9b;
    font-size:13px;
    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;
    /* border:1px solid #aaa; */
	border:0px solid #aaa;
    margin:0;
    width:100%;
    }
#suckerfishnav a {
    display:block;
    color:#dddddd;
    text-decoration:none;
    /* padding:0px 10px; */
	padding:0px 20px;
    }
#suckerfishnav li {
    float:left;
    padding:0;
    }
#suckerfishnav ul {
    position:absolute;
    left:-999em;
    height:auto;
    /* width:101px; */
    width:200px;
    font-weight:normal;
    margin:0;
    line-height:1;
    border:0;
    border-top:1px solid #666666;
    }
#suckerfishnav li li {
    /* width:99px; */
    width:198px; 
    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;
    /* width:80px; */
    width:179px;
    /* font-size:12px; */
    font-size:13px;
    color:#dddddd;
    }
#suckerfishnav li ul ul {
    /* margin:-21px 0 0 100px; */
   margin:-21px 0 0 199px;
    }
#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;
    }
#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;
    }
#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;
    }

</STYLE>