/*Style sheet for the SMS website.*/

/*the masthead definition*/
#masthead	{
		color: #fff;
		background-color: #000;
		padding-top: 1%;
		padding-bottom: 1%;
		margin-left: 0px;	
		margin-right: 0px;
		}

/*main body styles - sans serif*/

body	{
	margin-top: 0px;
	margin-bottom: 48px;
	margin-right: 0%;
	margin-left: 0%;
	font-family: Arial, sans-serif;
	font-size: 0.9em;
	line-height: 1.3em;
	font-style: normal;
	}

/*Add margin to images to get IE5 to pay attention*/

img	{
	margin: 5px 5px 5px 5px;
	}

/*header styles */

h1		{
		font-family:  Tahoma, Verdana, Arial, sans-serif;
		font-size: 1.6em;
		font-style: bold;
		line-height: 1.4em;
		}

h2		{
		font-family: Tahoma, Verdana, Arial, sans-serif;
		font-size: 1.4em;
		font-style: bold;
		line-height: 1.2em;
		}

h3		{
		font-family: Tahoma, Verdana, Arial, sans-serif;
		font-size: 1.25em;
		font-style: bold;
		line-height: 1.1em;
		}

h4		{
		font-family: Tahoma, Verdana, Arial, sans-serif;
		font-size: 1.1em;
		font-style: bold;
		line-height: 0.9em;
		}


/*normal links, the most common kind - for the white pages*/

a:link		{
		color: #000;
		text-decoration: underline;
		background-color: #eef;
		border: none;
		}

a:visited	{
		color: #000;
		text-decoration: underline;
		background-color: transparent;
		border: none;
		}

a:active	{
		color: #000;
		text-decoration: underline;
		background-color: transparent;
		border: none;
		}

a:hover		{
		color: #000;
		text-decoration: underline;		
		background-color: #fee;
		}

/*A second class of links for everywhere else...*/

a:link.nav	{
		color: #000;
		text-decoration: none;
		background-color: #ddf;
		border: none;
		padding: 3px 6px 3px 6px;
		}

a:visited.nav	{
		color: #000;
		text-decoration: none;
		background-color: #dfd;
		border: none;
		padding: 3px 6px 3px 6px;
		}

a:active.nav	{
		color: #000;
		text-decoration: none;
		background-color: #ffd;
		border: none;
		padding: 3px 6px 3px 6px;
		}

a:hover.nav	{
		color: #000;
		text-decoration: none;		
		background-color: #fdd;
		padding: 3px 6px 3px 6px;
		}



/*links that look like buttons, used on any bg. NG in IE5*/


a:link.button	{
		color: #000;
		background-color: #eee;
		padding: 3px 6px 3px 6px;
		border: 2px outset;
		text-decoration: none;
		}


a:visited.button	{
		color: #000;
		background-color: #eef;
		text-decoration: none;
		padding: 3px 6px 3px 6px;
		border: 2px inset;
		/*margin: 5px;*/
		}

a:active.button	{
		color: #000;
		background-color: #fed;
		text-decoration: none;
		padding: 3px 6px 3px 6px;
		border: 2px outset;
		/*margin: 5px;*/
		}

a:hover.button	{
		color: #000;
		background-color: #ddd;
		text-decoration: none;
		border: 2px outset;
		padding: 3px 6px 3px 6px;
		/*margin: 5px;*/
		}

/*A class to give me the greys for headers and such...*/

.greyBG		{
		background-color: #ccc;
		padding: 12px 12px 12px 12px;
		}

/*and now a division that has a mid grey background*/
#greyCCC	{
		border-left: 10px solid #ccc;
		border-right: 10px solid #ccc;
		background-color: #ccc;
		}

/*and now a division that has a light grey background*/
#greyEEE	{
		border-left: 10px solid #eee;
		border-right: 10px solid #eee;
		background-color: #eee;
		}

/*the float divisions apply curiously is the implication 
of the book - applying a division to just an image with no 
explicit termination position*/

#floatLeft	{
		float: left;
		padding: 10px 10px 10px 10px;
		}

#floatRight	{
		float: right;
		padding: 10px 10px 10px 10px;
		justify: right;
		}

/*a paragraph type with wider line spacing*/


p.wideLine	{
		line-height: 2.0em
		}

/*room at the top of a paragraph for a graphic or animation*/

p.wideTop	{
		padding-left: 12px;
		padding-right: 12px;
		padding-top: 36px;
		}		

p.wideBottom	{
		padding-left: 12px;
		padding-right: 12px;
		padding-bottom: 36px;
		}

/*and the necessary inverse division*/
#inverse	{
		color: #fff;
		background-color: #000;
		}

/*Setting up two columns - there are a couple of ways. Am going with the float.*/
/*Changing this 080221 to lock the content down better*/
#left  {
	position:absolute;
	left:1px;
	top:220px;
	width:200px;
	background-color:#ddd;
	padding-left:12px;
	padding-right:6px;
	}

#center {
	margin-left:240px;
	margin-right:80px;
	}