/* CSS Style sheet for McArthur High School website */

body	{
			background:url(images/mcarthur-logo-bg5.jpg);
			background:none;
			font-family:garamond,times,serif;
			font-size:13pt;
			color:#0a6811;
			color:#000000;
			margin:2em 2em;
		}

h1, h2, h3	{
			color:#000000;
			line-height:.4em;
			_line-height:.8em;
			}

h1			{
		_margin-top:.5em;
		_padding-top:.5em;
			}

.th-page		{		/*	sets parameters of xxxth page declaration	*/
		text-align:center;
		font-family:arial,sans-serif;
		font-weight:bold;
		font-size:.8em;
			}

div.class-list	{
		width:21em;
		_width:19em;
		background:none;
		border-bottom:1px black line;
		padding-bottom:15px;
		background:none;
				}

/*	following are to create inactive buttons with the id 'blank-button' */

.blank-button	{
	position:relative;
	width:			350px;
	margin:			4px auto 4px;
	_top:-3em;
	font-family:	Arial, Helvetica, sans-serif;
	text-align:		center;
	font-size:		1.3em;
	font-weight:	bold;
	list-style:	 none;			/*	eleminates leading characters in list items */
	color:			#ffffff;
	background-color:	#599627;
	border-top:			3px solid #70c030;		/*	these four paramaters give boxes		*/
	border-left:		3px solid #70c030;		/*	a raised medallion appearance */
	border-bottom:		3px solid #2e3a0a;
	_border-bottom:		5px solid #2e3a0a;
	border-right:		3px solid #2e3a0a;
	padding:		 6px 10px 6px 11px;			/*	sets padding in boxes */
	_padding:		10px 0 10px;
		}

/*	following are to create floats in lists depending on whether left or right */

li.left	{
	float:left;
		}

li.right	{
	float:right;
	text-align:left;	/*	ensures names will be left justified even though pic block is floated right */
		}


/*	these classes specify the margin and padding unique to each possible combination of pic blocks L/R, 1, 2, 3, 4 */

.rt2		{
		margin:.8em .8em -.8em 0;
		padding:.8em 0 0 0;
			}

.lt2		{
		margin:.8em 0 -.8em .8em;
		padding:.8em 0 0 0;
			}

.rt3		{
		margin:.5em .8em -.8em 0;
		padding:.6em 0 0 0;
			}

.lt3		{
		margin:.5em 0 -.8em .8em;
		padding:.5em 0 0 0;
			}

.rt4
			{
		margin:.1em .8em -3em 0em;
			}

.lt4
			{
		margin:-.1em 0 -3em .8em;
			}

.theme-text	{		/*	sets style for center band of text on yearbook pages	*/
		position:relative;
		width:70%;
		font-family:Arial, Helvetica, sans-serif;
		font-size:1.7em;
		font-weight:bold;
			}

.theme-pic	{		/*	position of auxiliary pic almost always adjusted with 'top' parameter	*/
		position:relative;
			}

.thumb		{			/*	sets data for thumb pics	*/
		border:0;
		width:75px;
		height:100px;
			}

.thumb-deceased	{		/*	adds border around pic of deceased	*/
		border:3px solid black;
		width:75px;
		height:100px;
			}

.thumb-visitor	{		/*	adds border around pic of deceased	*/
		border:3px solid #0A6811;
		margin:0 0 0 -3px
		width:75px;
		height:100px;
			}

.thumb-mourn{			/*	adds space around pics in same row of deceased so pics will line up properly	*/
		border-top:3px solid;
		width:75px;
		height:100px;
			}

.thumb-space{			/*	adds space around pics in same row of deceased so pics will line up properly	*/
		border-top:3px solid;
		width:75px;
		height:100px;
			}


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


#button	{
	font-size:		 1em;			/*	text will be 30% bigger than base font size */
		}

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

#button li	{
/*	line-height:	.5em;*/	/*	sets spacing between buttons and eliminates jitter	*/
		list-style:	none;
		}

#button a
		{
	padding:			3px 3px 0px 3px;	/*	in conjunction with line height above sets size and spacing */
	color:				#FFFFFF;			/*	sets text color for links */
	background:			#FFFFFF;			/*	sets background color for links */
	text-decoration:	none;				/*	eliminates underline for links */

		}

#button a:link, 
#button a:visited		{  
	_height:			1%;			/* may be needed for ie to make the whole tab clickable */

	border-top:		 0px solid #CCCCCC;		/*	these four paramaters give boxes	*/
	border-left:	 0px solid #CCCCCC;		/*	a raised medallion appearance */
	border-bottom:	 0px solid #4F4B4B;
	border-right:	 0px solid #4F4B4B;
		}

#button a:hover	{
	border-top:		0px solid #4F4B4B;		/*	these four paramaters give boxes		*/
	border-left:	0px solid #4F4B4B;		/*	a depressed medallion appearance		*/
	border-bottom:	0px solid #CCCCCC;		/*	when mouse cursor is placed over them	*/
	border-right:	0px solid #CCCCCC;
		}

#yb-footer {
/*	line-height:	.5em;*/	/*	sets spacing between buttons and eliminates jitter	*/
		list-style:	none;
		font-family:arial,sans-serif;
		font-weight:	bold;
		}

#yb-footer a
		{
	padding:			3px 3px 0px 3px;	/*	in conjunction with line height above sets size and spacing */
	color:				#000000;			/*	sets text color for links */
	background:			#BAB4B4;			/*	sets background color for links */
	text-decoration:	none;				/*	eliminates underline for links */

		}

#yb-footer  a:link, 
#yb-footer  a:visited		{  
	_height:			1%;			/* may be needed for ie to make the whole tab clickable */

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

#yb-footer  a:hover	{
	border-top:		3px solid #4F4B4B;		/*	these four paramaters give boxes		*/
	border-left:	3px solid #4F4B4B;		/*	a depressed medallion appearance		*/
	border-bottom:	3px solid #CCCCCC;		/*	when mouse cursor is placed over them	*/
	border-right:	3px solid #CCCCCC;
		}

/* Edit date 11 August 2008 */