h1 {font-size: 150%;}
h2 {font-size: 125%;}
h3 {font-size: 100%;}
h4 {font-size: 100%;}
h5 {font-size: 75%;}

td {font-size: 75%;}



/* The Gobstyk's Page is broken into 4 main cells */
/* A cell across the top of the page, "topbar" */
/* A cell down the left side of the page, "leftbar" */
/* A cell across the bottom of the page, "bottombar" */
/* A cell in the middle of the page, "main" */

.float {position: absolute;
		top: 15;
		right: 10%;
		z-index: 20;}

/* The "main" style is applied to the main table cell of the page, ie where all the information goes */
/* It makes the background of the cell light-grey */
/* It makes the text colour black */
.main	{background-color: #cccccc;
	color: black;}

/* The "main td" style formats all table cells that are within the table cell that is formatted as "main" */
/* It makes the background of the cells white */
/* It makes a 5 pixel gap round the inside of the cells */
/* It makes the text colour black */
.main td	{background-color: #ffffff;
	padding: 5px;
	color: black;}


.main h1 {color: red;}


/* The "leftbar" style is applied to the left cell of the page where the navigation menu is */
/* It makes the background of the cell black */
/* It makes the width of the cell 125 pixels */
/* heading 3 is left aligned */
.leftbar	{background-color: #ffffff;
	color: black;
	width: 125px;}
.leftbar h3 {text-align: left;}

/* The "topbar" style is applied to the top cell of the page where the gobsyk's logo & page title is */
/* It makes the cell background black */
/* It makes the text colour black */
.topbar	{background-color: #ffffff;
	color: black;}

/* The "bottombar" style is applied to the cell at the bottom of the page where the extra navigation buttons are */
/* It makes the cell background black */
/* It makes the font arial */
/* It makes the text colour black */
.bottombar	{background-color: #ffffff;
		font-family: Arial;
		color: black;}

.bottombar h4	{color: black;}

/* The "members" style is a special style applied to the individual member tables on the members page */
/* It makes the table background black */
/* It makes the table height 200 pixels */
/* It makes the cell background white */
/* It makes a 2 pixel gap round the inside of the cells */
/* It makes font colour black */
/* It makes hyperlink colours either red or blue depending on what you are doing */
.members	{background-color: black;
		height: 200px;
		width: 90%;}
.members td	{background-color: white;
		padding: 2px;
		color: black;}
.members h4	{color: black;}

.members a:link		{color: red;
					font-weight: bold;}
.members a:hover		{color: blue;
						font-weight: bold;}
.members td a:visited	{color: red;
						font-weight: bold;}
.members td a:hover		{color: black;
						font-weight: bold;}
.members td a:active	{color: blue;
						font-weight: bold;}

/* The "results" style is a special style applied to game results eg BloodBowl League */
/* It makes the table background black */
/* It makes the table height 200 pixels */
/* It makes the cell background white */
/* It makes a 2 pixel gap round the inside of the cells */
/* It makes font colour black */
.results		{background-color: black;
		height: 150px;
		width: 90%;}
.results td	{background-color: white;
		border-color: black;
		border: 1px;
		padding: 2px;
		color: black;}
.results td h4	{color: black;}

/* The "body" style defines the standard body tag */
/* It makes the font arial */
/* It makes the font colour black */
/* It makes the cel  background colour white */
body 	{font-family: arial;
	color: black;
	background-color: white;}

/* The "h1" style defines the standard h1 tag */
/* It makes it left aligned */
/* It makes the font arial */
/* It makes the font colour black */
h1 	{text-align: left;
	font-family: Arial;
	color: black;}

.main h1 	{color: black;}

/* The "h2" style defines the standard h2 tag */
/* It makes it left aligned */
/* It makes the font arial */
/* It makes the font colour black */
h2 	{text-align: left;
	font-family: Arial;
	color: red;}

.main h2 	{color: black;}

/* The "h3" style defines the standard h3 tag */
/* It makes the font colour white */
/* It makes the font arial */
h3	{color: white;
	font-family: Arial;}

.main h3 	{color: black;}

/* The "h1.contents" style defines a special h3 tag style, used for the Contents text at bottom of the page */
/* It makes the font colour white */
/* It makes the font arial */
h3.contents	{color: white;
	font-family: Arial;}

/* The "h4" style defines the standard h4 tag */
/* It makes the font colour white */
h4 	{color: white;}

.main h4 	{color: black;}

/* The "h5" style defines the standard h5 tag */
/* It makes the font colour white */
h5 	{color: white;}

.main h5 	{color: black;}

/* The "p" style defines the standard p tag */
/* It makes the font arial */
p 	{font-family: Arial;}

/* The "a:link" style defines the hyperlink visual settings */
/* It makes hyperlinks black unless there is a clash then they are red*/
/* It makes hyperlinks bold */
a:link 	{color: black;
	font-weight: bold;}

.main a:link 	{color: red;
		font-weight: bold;}

.main td a:link 	{color: red;
		font-weight: bold;}

.main .members td a:link	{color: red;
			font-weight: bold;}
			
.main .members td a:visited	{color: red;
			font-weight: bold;}

body a:link 	{color: red;
		font-weight: bold;}

.leftbar a:link 	{color: black;
		font-weight: bold;}

.bottombar a:link 	{color: black;
		font-weight: bold;}

.topbar a:link 	{color: black;
		font-weight: bold;}

/* The "a:hover" style defines the hyperlink visual settings */
/* It makes hyperlinks red when you hover the mouse over them */
/* It makes hyperlinks bold when you hover the mouse over them */
a:hover	{color: green;
	font-weight: bold;}

/* The "a:visited" style defines the hyperlink visual settings */
/* It makes hyperlinks black when you have visited them unless there is a clash then they are red*/
/* It makes hyperlinks bold when you have visited them */
a:visited 	{color: black;
	font-weight: bold;}

.main a:visited 	{color: red;
		font-weight: bold;}

.main td a:visited 	{color: red;
		font-weight: bold;}

body a:visited 	{color: red;
		font-weight: bold;}

.leftbar a:visited 	{color: black;
		font-weight: bold;}
.leftbar a:hover	{color: red;
		font-weight: bold;}

.bottombar a:visited 	{color: black;
			font-weight: bold;}
.bottombar a:hover	{color: red;
			font-weight: bold;}

.topbar a:visited 	{color: black;
			font-weight: bold;}

/* The "a:active" style defines the hyperlink visual settings */
/* It makes hyperlinks red when you click them */
/* It makes hyperlinks bold when you click them */
a:active 	{color: red;
	font-weight: bold;}
	
/* The "a:hover" style defines the hyperlink visual settings */
/* It makes hyperlinks red when you hover over them */
/* It makes hyperlinks bold when you hover over them */
a:hover 	{color: red;
			font-weight: bold;}
			
.main td a:hover	{color: green;
					font-weight: bold;}

/* The "hr" style defines the standard horizontal rule */
/* It makes the colour black */
hr 	{color: black;}