/* Template Style Sheet for ZJXAlumni.org */


body	{
	background:	#f3eab1; 
	background:	#C3D5EF;
	background:	url(images/zjx-bg2.png) fixed no-repeat center;
	color:				black;   /* all text */
	color:				#00018D;
	color:				#001020;
	font-family:		times, serif;
	font-size:			13pt;
	margin-left:		5em;
	margin-right:		5em;
	}

h1, h2, h3, h4	{
	font-family:	arial,sans-serif;
	text-align:		center;
	font-weight:bold;
	line-height:1em;
			}

h1		{
	font-size:		48pt;
		}

h2		{
	font-size:		32pt;
		}

h3		{
	font-size:		18pt;
		}

.foot
		{
/*	font-family:	'times new roman', times, serif;
	font-size:		13pt;*/
		}

P		{
	text-indent:		1em;
		}

A		{
	text-decoration:	none;
		} /* takes away underlines on hyper-links */

A:active	{color:		#000000;}
A:link		{color:		#FF0000;}	/* red */
A:visited	{color:		#0000FF;}	/* green */
A:hover		{
	text-decoration: underline;
	font-weight:bold;
/*	margin-right:-3px;*/
/*	font-style:italic;*/ 
			}

.num	{
	font-size:		52%;
	font-weight:	550;
	vertical-align:	super;
		}

.den	{
  font-size:		52%;
  font-weight:		550;
  vertical-align:	sub;
		}

.meridian	{		/* makes AM and PM in small caps from lower case--looks cool */
			font-variant:small-caps;
			}

.update	{
		font-size:.8em;
		}

#div1		{ 
			float:left; 
			margin-left:1%;
/*			width:600px;*/
			padding:0;
			background:none;
			text-align:left;
			}

#div2		{ 
			float:right;
			margin-right:0em;
/*			margin-left:8%;*/
/*			top:100px;	*/
/*			_top:-550px;*/
			padding:0;
/*			width:28%;*/
			background:none;
			text-align:left;
			}

.copyblock	{
	width:300px;
	margin-left:65%;
	font-size:.7em;
	font-weight:normal;
	text-align:right;
	font-family: verdana, "trebuchet MS", helvetica, arial, sans-serif;
						}

hr.a {			/* I had grabbed several hr styling codes from another website. this is one of them */
	border: 3px inset #777;
	width: 80%;
	height: 6px;
	margin: 1.5em auto 1.5em;
	text-align: center;
	}	

hr.b {							/* I had grabbed several hr styling codes from another website. */
	border: 3px inset #536BB1;	/* this is one of them. this one does the heavy hr under the header */
	width: 90%;
	height: 6px;
	margin: 1.5em auto 1.5em;
	text-align: center;
	}	

hr.c {			/* I had grabbed several hr styling codes from another website. this is one of them */
	border: 3px ridge #cf0;
	width: 80%;
	height: 6px;
	margin: 1.5em auto 1.5em;
	text-align: center;
	}	

hr.d {			/* I had grabbed several hr styling codes from another website. */
	border: none 0;		/* this is one of them. I was using it until I adapted the 'single' */
	border-top: 3px double #000;	/* code. (the 'k' is for kith) */
	width: 80%;
	height: 3px;
	margin: .5em auto .5em;
	text-align: center;
	}	

hr.e {			/* I had grabbed several hr styling codes from another website.  */
	border: none 0; 	/* this is one of them and I adapted it for the single line I've been using */
	border-top: 1px solid #000;
	width: 80%;
	height: 3px;
	margin: 1.5em auto 1.5em;
	text-align: center;
	}	

hr.f {			/* I had grabbed several hr styling codes from another website.  */
	border: none 0; 	/* this is one of them and I adapted it for the short version */
	border-top: 1px solid #000;	/* of the single line */
	width: 60%;
	height: 3px;
	margin: 1em auto 0;
	text-align: center;
	}	

/*	following are to create active buttons with the id 'button' */

#button	{
	font-family:	 Arial, Helvetica, sans-serif;	/*	all text in the buttons will be sans serif */
	font-size:		 1em;			/*	text will be 30% bigger than base font size */
	font-weight:	 bold;			/*	text will be bold */
		}

#button ul	{				/*	this grouping sets up an unordered list for making buttons */
	display:	inline;		/*	sets for horizontal display of li boxes */
	display:	block;		/*	sets for vertical display of li boxes */
		}

#button li	{
	list-style:	 none;		/*	eleminates leading characters in list items */
	line-height:	1.3;	/*	sets spacing between buttons and eliminates jitter	*/
		}

#button a
		{
	padding:			3px 10px 3px 10px;	/*	in conjunction with line height above sets size and spacing */
	color:				#00018D;			/*	sets text color for links */
	background:			#7697b5;			/*	sets background color for links */
	text-decoration:	none;				/*	eliminates underline for links */
		}

#button a:link, 
#button a:visited		{  
/*	display:			block;*/	/* setting block here makes button full width of container */
/*	_height:			1%;	*/		/* may be needed for ie to make the whole tab clickable */

	border-top:		 3px solid #C9D6FB;		/*	these four paramaters give boxes	*/
	border-left:	 3px solid #C9D6FB;		/*	a raised medallion appearance */
	border-bottom:	 3px solid #54578A;
	border-right:	 3px solid #54578A;
				}

#button a:visited	{  
	color:			#6062b0;		/* makes text in buttons half tone when link has been visited */
				}
#button a:hover	{
	font-style:		normal;					/*	counteracts italic hover set elsewhere	*/
	border-top:		3px solid #54578A;		/*	these four paramaters give boxes		*/
	border-left:	3px solid #54578A;		/*	a depressed medallion appearance		*/
	border-bottom:	3px solid #C9D6FB;		/*	when mouse cursor is placed over them	*/
	border-right:	3px solid #C9D6FB;
		}



/* revised 20 July 2008 previous */