/* ShaunaKelly.com/SKCom_General.css.  Home page css file. */
/* Copyright Shauna Kelly, 2001,2002 */
/* Use as follows
<link rel="stylesheet" type="text/css" href="./shauna.css">
*/

/*
COLOR PALETTE IS ENTIRELY BLACK, WHITE AND GRAYS
Background: 333333
MenuBar: 999999
HR: C0C0C0 on menu bar
Plus black and white
No other colours (eg #123456) are used.
*/

BODY {
	margin: 0px;
	padding: 0px;
	font-family: arial, helvetica, verdana, sans-serif ;
	color: white;
	background: #333333;
	}
H1, H2, H3, H4, H5, H6, P, UL, OL, DIR, MENU, DIV, DT, DD, ADDRESS, BLOCKQUOTE, PRE, BR, HR, FORM, DL
	{ display: block }
B, STRONG, I, EM, CITE, VAR, TT, CODE, KBD, SAMP, IMG, SPAN
	{ display: inline }
TABLE { display: table }
TR { display: table-row }
TD, TH { display: table-cell }
/* ---  HORIZONTAL LINES  --- */
HR {
	margin: 0px 5px 0px 5px;
	padding: 0px;
	height: 1px;
	border-top: 1px solid #999999;
}

HR.SpacingBar {
			width: 100px;
			margin: 0px;
			padding: 0px;
			border: 0;
			}

HR.MenuBar {width: 200px;}


H1 {
	font-family: "Arial Black", Arial, Helvetica, sans-serif;
	font-size: 1px;
	font-weight: bold ;
	font-style: normal;
	color: #333333; 
	background: #333333;
	text-align: left;
	margin: 0px;
	padding: 0px 0 5px 10px;
	letter-spacing: -1pt;
	line-height: 1px;
	border-top: 2px #FF6600 solid;
	margin: 0px 50px 20px 20px;
	}
/* --- Paragraphs --- */
P {
	padding: 0px;
	background: #333333;
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
	font-size: 12px;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	line-height: 16px;
	margin: 50px 20px 12px 150px; 
	width: 400px; 
	color:white;
	}
/* --- LINKS --- */
/*The smart way of creating menu buttons developed here was original.
Feel free to copy the idea. But if you do, a credit hidden away in your
.css file would be appreciated.
Oh --- and do have fun playing with Netscape!
*/
/* --- Menu items for the main shared menu bar --- */
P.MenuItem {
	font-size: 12px;
	color: #999999;
	padding: 4px 2px 1px 4px;
	margin: 0px;
	width: 200px;
}
P.MenuItemIndent {
	font-size: 12px;
	color: #CCCCCC;
	padding: 0px 2px 1px 10px;
	margin: 0;
	width: 200px;
}
P.MenuItemSmallPrint {
	padding: 2px 2px 1px 4px;
	margin: 0px;
	font-size: 9px;
	line-height: 11px;
	color: #CCCCCC;
	width: 200px;
	}
A.MenuItem:link {
	color: #CCCCCC;
	text-decoration: none;
	padding: 5px 0px 0px 0px;
	margin: 0;
}
A.MenuItem:visited {
	color: #999999;
	text-decoration: none;
	padding: 5px 0px 0px 0px;
	margin: 0;
}
A.MenuItem:active {
	color: #999999;
	text-decoration: none;
	padding: 5px 0px 0px 0px;
	margin: 0;
	}
A.MenuItem:hover {
	color: black;
	background:#999999;
	text-decoration: none;
	padding: 0px 0px 0px 0px;
	margin: 0;
	border: none;
	border-top: thin outset silver;
	border-bottom: thin outset silver;
}
A.MailTo:link {
	color: #CCCCCC;
	text-decoration: none;
	padding: 5px 0px 0px 0px;
	margin: 0;
}
A.MailTo:visited {
	color: #999999;
	text-decoration: none;
	padding: 5px 0px 0px 0px;
	margin: 0;

}
A.MailTo:active {
	color: #CCCCCC;
	text-decoration: none;
	padding: 5px 0px 0px 0px;
	margin: 0;
	}
A.MailTo:hover {
	color: black;
	background:#999999;
	text-decoration: none;
	padding: 0px 0px 0px 0px;
	margin: 0;
	border: thin outset silver;
}
A.Image:link {
	/*This exists to use on the Lions.htm page so that Netscape doesn't draw
	a blue border around it! */
	color: silver;
	background: silver;
	text-decoration: underline;
	padding: 0px;
	}
Span.Underlined {
	text-decoration: underline;
	color: #DDDDDD;
	}

A.Logo {
	/* Note: For a logo, don't create a Visited and Hover etc version. NS can't cope and draws funny borders. */
	text-decoration: none;
	padding: 0px;
	margin: 0px;
}
/* --- TABLES --- */
TABLE {border: none;padding: 0px;margin: 0px;}

TD {
	padding: 0px;
	margin: 0px;
	background: #333333; /*light*/
	vertical-align: top;
}
/* Divs, Tables and TDs*/
Div.SKCom {
			margin: 10px 20px 0px 10px;
}

/* Screen is 780px wide. Div.SKCom takes up 30px. Therefore table is 750px.*/
Table.SKCom {width: 750px;}
/* The 750 is 150 + 600 */
TD.MenuBar 	{ width: 200px;background: #333333;border: 0px;}
TD.SpacingBar{ width: 100px;}
TD.Content 	{ width: 400px;
			}

/* TD.Content contains nothing but a table, Table.Content, also 610px wide */
Table.Content {margin-top: 20px;width: 400px;}

TR.HomePageDiagram {height: 20px;}
/* --- Bordered TDs ---  */
TD.BorderTop{border: none; border-top: thin groove #666666;width: 100px;}
TD.BorderLeft{border: none;border-left: thin groove #666666;width: 100px;}
TD.BorderTopLeft{border: none;border-top: thin groove #666666;border-left: thin groove #666666;width: 100px;}
TD.BorderTopLeftRight {border: none;border-top: thin groove #666666;border-left: thin groove #666666;border-right: thin groove #666666;width: 100px;}
TD.BorderTopLeftBottom {border: none;border-top: thin groove #666666;border-left: thin groove #666666;border-bottom: thin groove #666666;
width: 100px;}
TD.BorderRight {border: none;border-right: thin groove #666666;width: 100px;}
TD.BorderTopRight {border: none;border-right: thin groove #666666;border-top: thin groove #666666;width: 100px;}
TD.BorderBottomLeft{border: none;border-bottom: thin groove #666666;border-left: thin groove #666666;width: 100px;}
TD.BorderBottom {border: none;border-bottom: thin groove #666666;width: 100px;}
TD.BorderNone {border: none;width: 100px;}
TD.BorderAll {border: none;border: thin groove #666666;width: 100px;}

/*--- Images --- */
img{margin-bottom: 15px;}
img.HomePage{margin: 0px;padding: 0px;}
img.BlackBar /* Used for BlackBar.jpg, for spacing columns */
	{margin: 0px;padding: 0px;/* Width and height are added only in ieonly.css. */}