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

body	{
			background:#D1F5D8;
			background:url(images/mcarthur-logo-bg5.jpg);
			font-family:times,serif;
			font-size:13.5pt;
			color:#005500;
			color:#0b7544;
			color:#0a6811;
			margin-left:7em;
			margin-right:7em;
		}

#div1 { 
float:left;
margin-left:1em;
_margin-left:1em;
width:24em;
_width:20em;
background:none;
}

#div2 { 
margin-left:55%; 
_margin-left:48%;
padding-top:.03em;
width:20em;
background:none;
		} 

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

h1		{
			margin:.8em -1em;
			font-size:56pt;

		}

h2		{
/*			margin:.8em -1em;*/
			font-size:40pt;
		}

h3		{
/*			margin:.8em -1em;*/
			font-size:30pt;
		}

hr.a {
	border: 3px inset #777;
	width: 80%;
	height: 6px;
	margin: 1.5em auto 1.5em;
	text-align: center;
	}	


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

hr.c {
	border: 3px ridge #0a6811;
	width: 80%;
	height: 6px;
	margin: 1.5em auto 1.5em;
	text-align: center;
	}	


/* this is one of them. I was using it until I adapted the 'single' */
hr.d {
	border: none 0;
	border-top: 3px double #0a6811;
	width: 80%;
	height: 3px;
	margin: .5em auto .5em;
	text-align: center;
	}	


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


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

div.class-list	{
		width:21em;
		_width:19em;
		background:none;
		border-bottom:1px black line;
		padding-bottom:15px;
		background:none;
				}
.foot
		{
	font-family:	'times new roman', times, serif;
	font-size:		13pt;
		}

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

.caption	{
		font-size:.9em;
		text-align:center;
		}


/*	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 an inline button with the class 'inline-button' */
/*  to create the button, use:
<span class="inline-button"><a href="filename.shtml" title="text">text</a></span> */

.inline-button		{
background:#33A54D;
color:#FFFFFF;
text-decoration:none;
margin:3px;padding:1px 5px 1px 5px;
border-top:2px solid #BEF58D;
border-right:2px solid #0F731D;
border-bottom:2px solid #0F731D;
border-left:2px solid #BEF58D;
						}


/*	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:		 1.2em;			/*	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:	block;		/*	sets for vertical display of li boxes */
	display:	inline;		/*	sets for horizontal display of li boxes */
		}

#button li	{
	list-style:	 none;		/*	eleminates leading characters in list items */
	line-height:	1.9;	/*	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:				#FFFFFF;			/*	sets text color for links */
	background:			#33A54D;			/*	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 #BEF58D;		/*	these four paramaters give boxes	*/
	border-left:	 3px solid #BEF58D;		/*	a raised medallion appearance */
	border-bottom:	 3px solid #0F731D;
	border-right:	 3px solid #0F731D;
		}

#button a:hover	{
	font-style:		normal;					/*	counteracts italic hover set elsewhere	*/
	border-top:		3px solid #0F731D;		/*	these four paramaters give boxes		*/
	border-left:	3px solid #0F731D;		/*	a depressed medallion appearance		*/
	border-bottom:	3px solid #BEF58D;		/*	when mouse cursor is placed over them	*/
	border-right:	3px solid #BEF58D;
		}

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

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

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

.meridian	{
			font-variant:small-caps;
			}


/* Edit date 1 October 2008 */