Stylesheet for ssmgoc - copyright Steve Moore

p.copyright  { 
	font-size: 10pt; 
	font-family: Arial; 
	float: left; 
	width: 200; 
	color: #FF0000; 
	bottom: 82px;
	position: absolute; 
	left:53px; 
	text-transform:capitalize 
}
.centered-largefont-black
 {
	font-size: 16pt;
	text-align: center;
	padding: 5px;
	margin-top: 5px;
	margin-right: 100px;
	margin-bottom: 5px;
	margin-left: 100px;
}


.container #right-middle {
	position: absolute;
	height: 93px;
	width: 200px;
	right: 4px;
	background-color: #FFFFCC;
	visibility: visible;
}

#yellowtextbox {
	position:absolute;
	top:507px;
	width:190px;
	height:80px;
	z-index:106;
	background-color: #FFFF00;
	left: 8px;
	visibility: visible;
}

#right-middle {
	position:absolute;
	top:92px;
	width:200px;
	height:150px;
	z-index:10;
}

a:hover {
	color: #CC0000;
}

a:link img {  /* this prevents the images having the link borders round */
    border:0px;
}
a:visited img{  
    border:0px;
}

p.time  { font-size: 10pt; font-family: Arial; float: centre; width: 200; color: #0000FF; bottom: 5;position: relative; left:100; text-transform:capitalize }

body {
	background-image: url(../images/background/bannervertical.jpg);
	background-attachment: fixed;
	margin-left: 2px;
	margin-top: 2px;
	margin-right: 2px;
	margin-bottom: 2px;
}




foot        { position: absolute; top: 90% }
base         { position: absolute; bottom: 10; font-family: Arial; color: #0000FF; font-weight: 
               bold }
h4.pos_bot   { position: relative; right: 5px; bottom: 5px; float: right }
h5.pos_abs   { position: relative; right: 5px; bottom: 10px }

p.pic        { position: absolute; left: 600; bottom: 50px; float: right; top: 4; 
               border-style: solid; border-color: #00FFFF; padding-top: 1 }
h1.pos_topright  {position:absolute; right:5px;top:5px}



textright {position:absolute; right:10px;bottom:50px}

img.top {
	vertical-align:text-top;
	position: absolute;
	right: 39px;
	z-index: 4;
	visibility: visible;
	top: 206px;
}
img.bottoms   { vertical-align: text-bottom; float: right img src="images/naea.jpg"}

p  {
	font-family:"Times New Roman";
	font-size:12pt;
	text-align:center;
	margin-top:0;
	margin-bottom:0;
	color: #000000;
}

p.myclass{position:absolute; right:10px;bottom:5px;img src="images/naea.jpg";font-family: Times New Roman; font-size: 10pt; color: #FF0022}
.left {
	font-family: "Times New Roman", Times, serif;
	font-size: 16px;
	text-align: left;
}


p.logo{position:absolute; right:5px;top:5px;font-family: Times New Roman; font-size: 10pt; color: #FF0022}


p.left {
	float: left;
	font-family: "Times New Roman", Times, serif;
	font-size: 12px;
	text-align: left;
}
p.centered {
	float: center;
	font-family: "Times New Roman", Times, serif;
	font-size: 12px;
	text-align: center;
}
p.centered_red {
	font-family: "Comic Sans MS";
	font-size: 14px;
	font-style: italic;
	color: #FF0000;
	background-position: center;
	text-align: center;
	position: static;
}
.table-centred {
	text-align: center;
	white-space: normal;
	margin: 1px;
	padding: 1px;
	background-position: center top;
	font-family: "Comic Sans MS";
	font-size: 14px;
}
#banner {
	position: absolute;
	left: -27px;
	top: 584px;
	padding: 0px;
	margin: 0px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	border-top-color: #FFFF00;
	border-right-color: #FFFF00;
	border-bottom-color: #FFFF00;
	border-left-color: #FFFF00;
	z-index: 50;
	width: 100%;
	background-color: #00CCFF;
	visibility: visible;
}
#menu {
	position: absolute;
	left: -7px;
	top: 76px;
	width: 100%;
	z-index: 55;
	height: 34px;
	visibility: visible;
}
#test {
	border-top-width: thin;
	border-right-width: thin;
	border-bottom-width: thin;
	border-left-width: thin;
	border-top-style: ridge;
	border-right-style: ridge;
	border-bottom-style: ridge;
	border-left-style: ridge;
}
#bottom p {
	font-family: "Comic Sans MS";
	font-size: 14px;
	font-style: normal;
	text-transform: capitalize;
	left: 20px;
}

#layer-underheader {
	position:absolute;
	left:5px;
	top:110px;
	z-index:10;
	width: 200px;
	height: 200px;
	border: thin groove #000099;
	overflow-x: hidden;
	overflow-y: scroll;
	background-attachment: fixed;
	visibility: visible;
}

#newslayer {
	position:absolute;
	left:5px;
	top:110px;
	z-index:10;
	width: 200px;
	height: 200px;
	border: thin groove #000099;
	overflow-x: hidden;
	overflow-y: scroll;
	background-attachment: fixed;
	visibility: visible;
}
#nextevent {
	position:absolute;
	left:5px;
	top:320px;
	width:200px;
	height:180px;
	z-index:1;
	border: thin groove #000099;
	overflow-x: hidden;
	overflow-y: scroll;
	background-image: url(../images/background/mgwashout-small.jpg);
	background-attachment: fixed;
	background-repeat: repeat;
	visibility: visible;
}

#flashphoto {
	position:absolute;
	right:2px;
	top:114px;
	width:300px;
	height:200px;
	z-index:-1;
	overflow-x: hidden;
	overflow-y: hidden;
	background-attachment: fixed;
	background-repeat: repeat;
	overflow: hidden;
	visibility: visible;
}
#main {
	position:absolute;
	left:0;
	width:100%;
	height:324px;
	z-index:1;
	top: 80px;
	visibility: visible;
}
#logo {
	position:absolute;
	top:1px;
	width:95px;
	height:87px;
	z-index:100;
	right: 14px;
	visibility: visible;
	background-color: #FFFFFF;
}


div.container
{
	width:100%;
	line-height:normal;
	height: 100%;
	z-index: -500;
	margin-top: 0px;
	margin-left: 0px;
	padding: 0px;
	top: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	
	
}



div.topbanner 
{
	width:100%;
	margin:0px;
	padding: -5px;
	z-index: 500;
	top: 15px;
	background-image: url(../images/background/banner.gif);
	background-repeat: repeat-y;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 36px;
	font-style: normal;
	font-variant: normal;
	font-weight: bold;
	color: #FF0000;
	background-color: #6699FF;
}
div.clock
{
    width:25%;
	margin:0px;
	padding: -5px;
	z-index: 500;
	top: 15px;
	float:right;
	}

div.bottom p
{
	width:100%;
	height:20px;
	margin:0px;
	font-family: "Comic Sans MS";
	font-size: 8px;
	font-style: normal;
	line-height: 18px;
	color: #CCCCCC;
	font-family: "Comic Sans MS";
	font-size: 10px;
	font-style: normal;
	text-align: left;
	padding: 0px;
	z-index: 500;
	margin-bottom:2px;
	background-image: url(../images/background/banner.gif);
	background-repeat: repeat-y;
	background-color: #6699FF;
}

#calendar {
	position:absolute;
	left:2px;
	top:73px;
	width:187px;
	height:22px;
	z-index:2;
	visibility: visible;
	color: #FFFFFF;
	background-color: #2E45AB;
}


td.palebackground {
    background-image: url(../images/background/palebackground.gif);
	background-position: center center;
	padding: 2px;
	border-collapse: collapse;
	border:1 
}
table.container  {
	text-align: center;
	border: 1px ridge #CBD9FE;
	margin: 25px;
	padding: 25px;
	clear: both;
	vertical-align: middle;
}
h3.container {
	font-family: "Times New Roman", Times, serif;
	font-size: 16px;
	color: #000066;
	text-align: center;
}
h1.container {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 24px;
	font-weight: bold;
	color: #000099;
	text-align: center;
}
#tablelayer {
	position:absolute;
	left:10px;
	top:257px;
	width:700px;
	height:141px;
	z-index:1;
	overflow-x: hidden;
	overflow-y: scroll;
	visibility: visible;
	background-image: url(../images/background/mgwashout.jpg);
	background-attachment: fixed;
}
#tableheader {	position:absolute;
	left:7px;
	top:-35px;
	width:683px;
	height:25px;
	z-index:100;
	overflow: hidden;
}
#eventcontainer {
	position:absolute;
	left:-2px;
	top:58px;
	width:711px;
	height:197px;
	z-index:3;
}

h1 {
	font-family: "Times New Roman", Times, serif;
	font-size: 36px;
	color: #000066;
	text-align: center;
}
h2 {
	font-family: "Times New Roman", Times, serif;
	font-size: 24px;
	color: #0000CC;
	text-align: center;
}
h3 {
	font-family: Arial, Helvetica, sans-serif;
	color: #0000FF;
	text-align: left;
}
h4 {
	font-family: "Comic Sans MS";
	font-size: 14px;
	color: #3366FF;
}
table.runs {
	
}


body.runs {
	background-image: url(../../images/background/mgwashout.jpg);
	background-attachment: fixed;
}
td.runs {


}
#mgbflash {
	z-index: 1;
	left: 22px;
}
.style1 {
	color: #FFFFFF;
	font-size: 12px;
}
.style2 {color: #EEEEEE}
.style3 {
	color: #FFFFFF;
	font-size: 12px;
	font-style: italic;
	font-weight: bold;
}
.mediumtext {
	font-size: 14px;
	color: #FFFF66;

}

.style5 {
	font-size: 35px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	color: #FF0000;
}
#bannerwords {
	position:absolute;
	left:128px;
	top:-3px;
	width:584px;
	height:30px;
	z-index:101;
}
.bigtext {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #000000;
	line-height: 20px;
	background-position: center top;
	text-align: justify;
}
.picturetitle {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	font-weight: bold;
	color: #000000;
	text-decoration: underline;
	line-height: normal;
}
.buttontext {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: normal;
	color: #000000;
	line-height: normal;
	text-decoration: underline blink;
	background-color: #FFFFCC;
	font-style: italic;
	border: thin ridge #0066FF;
	background-repeat: no-repeat;
	padding: 3px;
	height: auto;
	width: auto;
	margin: 3px;
}
.bullet {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-style: italic;
	line-height: 40px;
	color: #3300CC;
	list-style-position: inside;
	list-style-image: url(../images/gifs/mg-bullet.gif);
	text-align: justify;
	text-indent: 200px;
}
.container #leftdiv {
	position: absolute;
	width: 204px;
	left: 15px;
	top: 471px;
	height: 205px;
	font-family: "Comic Sans MS";
	font-size: 14px;
	color: #FF0000;
}
.container #centerdiv {
	width: 650;
	right: auto;
	text-align: center;
	position: absolute;
	height: 450;
	left: 195px;
	top: 641px;
}
#autoglym {
	position:absolute;
	right:4px;
	top:174px;
	width:80px;
	height:66px;
	z-index:105;
	visibility: visible;
}

#mainlayer {
	position:absolute;
	left:210px;
	top:244px;
	width:782px;
	height:281px;
	z-index:14;
	visibility: visible;
}

#mgbflash {
	position:absolute;
	left:11px;
	top:114px;
	width:949px;
	height:125;
	z-index:10;
	visibility: visible;
}

#flash {
	position:absolute;
	top:1px;
	width:600;
	height:60;
	z-index:1;
	right: 112px;
	visibility: hidden;
}

.left-normalfont {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
}
.mgwashout-table {
	background-image: url(../djssmpmg/scripts/mgwashout.jpg);
	background-attachment: fixed;
	border-top-width: medium;
	border-right-width: medium;
	border-bottom-width: medium;
	border-left-width: medium;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	
}
.red-centered {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #FF0000;
	text-align: center;
}

.extrasmall {
font-size: x-small

}
.largebold {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	line-height: 30px;
	color: #33F;
}