/* rules that affect the whole document*/
#title  {
	background-color : black;
	text-align : center;
}

body  {
	font-family : sans-serif;
	font-size : 12pt;
}

h1  {
	font-size : 160%;
}

h2  {
	font-size : 140%;
}

h3  {
	font-size : 120%;
}

#main  {
	position : relative;
	width : 100%;
}

#menu H2  {
	text-decoration : underline;
}

.smllr  {
	font-size : 60%;
	margin-bottom : 10%;
}

hr  {
	width : 80%;
	height : 3px;
	border-style : dashed;
	color : yellow;
	border-color : Yellow;
}

.warning  {
	background-color : yellow;
	width : 50%;
}

tr  {
	vertical-align : bottom;
}

/* menu class rules*/
#menu  {
	text-align : center;
	width : 20%;
	background-color : blue;
	color : white;
}

#menu A  {
	text-decoration : none;
	background-color : blue;
	color : red;
}

#menu A:visited  {
	background-color : blue;
	color : Yellow;
	font-style : italic;
	font-weight : bold;
	text-decoration : line-through;
}

#menu A:hover  {
	background-color : white;
	color : navy;
	font-style : italic;
	text-decoration : none;
}

/* txt id rules*/
#txt  {
	background-color : red;
	color : black;
}

#txt H1, H2, H3  {
	text-align : center;
}

#txt A  {
	background-color : transparent;
	color : yellow;
}

#txt A:visited  {
	text-decoration : none;
	font : 90%;
}

#txt A:hover  {
	color : transparent;
	background-color : lime;
	text-decoration : none;
	font-style : italic;
}

/* rules associated with index page*/
#updates  {
	font-size : x-small;
	width : 80%;
}

.indx LI  {
	margin : 5px;
	font : 90%;
}

.indx td  {}

.indx p  {
	margin : 5%;
	font : 90%;
}

/* Rules associated with about me page*/
.abt dt  {
	color : blue;
	margin-left : 3%;
	font : 100%;
}

.abt dd  {
	font-family : monospace;
	margin-top : 1%;
	margin-bottom : 4%;
	width : 65%;
}

.abt div  {
	background-color : yellow;
	margin-left : 20%;
	margin-right : 20%;
}

/* rules associated with the gallery page*/
.good  {
	background-color : Blue;
	text-align : center;
	color : White;
}

.bad  {
	background-color : Black;
	text-align : center;
	color : Red;
}

.ugly  {
	background-color : purple;
	text-align : center;
	color : Lime;
}

.goodpic  {
	background-image : url("http://www.geocities.com/edward_white83/images/trad_good.jpg");
	background-repeat : no-repeat;
	background-position : center;
	position : relative;
	width : 50px;
	height : 100px;
}

.badpic  {
	background-image : url("http://www.geocities.com/edward_white83/images/trad_bad.jpg");
	background-repeat : no-repeat;
	background-position : center;
	position : relative;
	width : 59px;
	height : 63px;
}

.uglypic  {
	background-image : url("http://www.geocities.com/edward_white83/images/trad_ugly.jpg");
	background-repeat : no-repeat;
	background-position : center;
	position : relative;
	width : 63px;
	height : 108px;
}

/* Rules associated with the quotes page*/
.quote  {
	border-style : dashed;
	border-color : yellow;
	border-width : thin;
	font-size : 12pt;
	position : float;
	width : 20%;
}

.author  {
	font-size : x-small;
}