/* General styles */
    body {
        margin:0;
        padding:0;
        border:0;			/* This removes the border around the viewport in old versions of IE */
        width:100%;
        min-width:500px;    /* Minimum width of layout - remove line if not required */
							/* The min-width property does not work in old versions of Internet Explorer */
		font: normal 100% "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
		color: blue;
    }
	
	h1 {
		background: #588BE6;
		color: white;
		font-size: 130%;
		border: 1px solid #9A9A9A;
	}
	
	/* Header styles */
	.headmask {
		position:relative;		/* This fixes the IE7 overflow hidden bug and stops the layout jumping out of place */
		clear:both;
		float:left;
		width:75%;				/* width of whole page */
		overflow:hidden;		/* This chops off any overhanging divs */
		padding: 2%;
		margin-left: 20px;
	}
	.headleft {
        float:left;
        width:200%;
        margin-left:-200px;
        position:relative;
        right:100%;
    }

	.headwrap {
	    float:left;
	    width:50%;
	    position:relative;
	    left:51%;
	    padding-bottom:1em;
	}
	.head1 {
        margin:0 15px 0px 215px;
        overflow:hidden;
	}
    .head2 {
        float:right;
        width:250px;
		left: 170px;
		position: relative;
    }

	 #status_msg {
		float: left;
    }
	.season {
		font-size: 80%;
		font-weight: bold;
		color: blue;
	}
/* column container */
	.colmask {
		position:relative;		/* This fixes the IE7 overflow hidden bug and stops the layout jumping out of place */
	    clear:both;
	    float:left;
        width:100%;				/* width of whole page */
		overflow:hidden;		/* This chops off any overhanging divs */
		padding: 2%;
	}
	/* holy grail 3 column settings */

    .holygrail .colmid {
        float:left;
        width:200%;
        margin-left:-200px; 	/* Width of right column */
        position:relative;
        right:100%;
    }
    .holygrail .colleft {
        float:left;
        width:100%;
        margin-left:-49%;
        position:relative;
        left:390px;         	/* Left column width + right column width */
    }
    .holygrail .col1wrap {
        float:left;
	    width:50%;
	    position:relative;
	    right:200px;        	/* Width of left column */
	    padding-bottom:1em; 	/* Centre column bottom padding. Leave it out if it's zero */
	}
	.holygrail .col1 {
        margin:0 215px;     	/* Centre column side padding:
                            	Left padding = left column width + centre column left padding width
                            	Right padding = right column width + centre column right padding width */
        position:relative;
	    left:200%;
	    overflow:hidden;
	}
    .holygrail .col2 {
        float:left;
        float:right;			/* This overrides the float:left above */
        width:170px;        	/* Width of left column content (left column width minus left and right padding) */
        position:relative;
        right:15px; 		/* Width of the left-had side padding on the left column */
    }
    .holygrail .col3 {
        float:left;
        float:right;			/* This overrides the float:left above */
        width:170px;        	/* Width of right column content (right column width minus left and right padding) */
        margin-right:60px;  	/* Width of right column right-hand padding + left column left and right padding */
        position:relative;
        left:50%;
    }
	.map {
		position: relative;
		width: 100%;
		height: 800px;
	
	}
	
	/* Footer styles */
	#footer {
        clear:both;
        float:left;
        width:95%;
		text-align: center;
    }
    #footer p {
        padding:10px;
        margin:0;
    }
	
	
	.glossymenu{
		margin: 0px 5px;
		padding: 0;
		width: 170px; /*width of menu*/
		border: 1px solid #9A9A9A;
		border-bottom: none;
	}
	
	.webadmin {
		background-color: DodgerBlue;
		background-image: url(images/glossyback.gif); 
		background-repeat: repeat-x;
		background-position: left bottom;
		font: bold 14px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
		color: white;
		text-decoration: none;
		padding: 4px 2px 4px 2px;
		border: 1px solid blue;
	}
	
	.webadmin a:hover{
		/*background-color: DodgerBlue; */
		background-image: url(images/glossyback2.gif);
		background-position: left center;
		color: Gold;
		padding: 4px 2px 4px 2px;
	}
	
	.webadmin a:visited {
		color: white;
	}
	
	.webadmin a { 
		text-decoration: none; 
	}

	.glossymenu a.menuitem  {
		background: black url(images/glossyback.gif) repeat-x bottom left;
		font: bold 14px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
		color: white;
		display: block;
		position: relative; /*To help in the anchoring of the ".statusicon" icon image*/
		width: auto;
		padding: 4px 0;
		padding-left: 10px;
		text-decoration: none;
	}


	.glossymenu a.menuitem:visited, .glossymenu .menuitem:active {
		color: white;
	}

	.glossymenu a.menuitem .statusicon { /*CSS for icon image that gets dynamically added to headers*/
		position: absolute;
		top: 5px;
		right: 5px;
		border: none;
	}

	.glossymenu a.menuitem:hover {
		background-image: url(images/glossyback2.gif);
	}

	.glossymenu div.submenu, .glossymenu div.menu { /*DIV that contains each menu & submenu*/
		background: white;
	}

	.glossymenu div.submenu ul, .glossymenu div.menu ul { /*UL of each sub menu & menu*/
		list-style-type: none;
		margin: 0;
		padding: 0;
	}

	.glossymenu div.submenu ul li, .glossymenu div.menu ul li {
		border-bottom: 1px solid blue;
	}

	.glossymenu div.submenu ul li a, .glossymenu div.menu ul li a{
		display: block;
		font: normal 13px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
		text-decoration: none;
		padding: 2px 0;
		padding-left: 10px;
	}

	.glossymenu div.submenu ul li a:hover, .glossymenu div.menu ul li a:hover{
		background: #DFDCCB;
		color: black;
	}

	.aboutus {
		border: 1px solid blue;
	}
	.aboutus td {
		border: 1px solid blue;
	}
	.aboutus th {
		border: 1px solid blue;
	}
	
	.awards  {
		border: 1px solid blue;
		font-size: 110%;
		text-decoration: none;
	}
	.awards td {
		border: 1px solid blue;
	}
	.awards th {
		border: 1px solid blue;
	}
	
	.results {
		border: 1px solid blue;
	}
	.results td {
		border: 1px solid blue;
	}
	.results th {
		border: 1px solid blue;
	}
	
	.scorers{
		border: 1px solid blue;
	}
	.scorers td {
		border: 1px solid blue;
	}
	.scorers th {
		border: 1px solid blue;
	}
	.scorers a { 
		text-decoration: none; 
	}
	
	.sponsor {
		border: 1px solid blue;
		font-size: 110%;
		text-decoration: none;
	}
	.sponsor td {
		border: 1px solid blue;
	}
	.sponsor th {
		border: 1px solid blue;
	}
	.sponsor li a {
		font-size:150%;
		font-weight: bold;
		text-decoration: none;
	}
	
	.falsemenu{
		margin: 0px 5px;
		padding: 0;
		width: 170px; /*width of menu*/
		border: 1px solid #9A9A9A;
		/*border-bottom: none; */
	}
	.falsemenu a.falseitem{
		background: black url(images/glossyback.gif) repeat-x bottom left;
		font: bold 14px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
		color: white;
		display: block;
		position: relative; /*To help in the anchoring of the ".statusicon" icon image*/
		width: auto;
		padding: 4px 0;
		padding-left: 10px;
		text-decoration: none;
	}

	.falsemenu a.falseitem:visited, .falsemenu .falseitem:active{
		color: white;
	}

	.falsemenu a.falseitem:hover{
		background-image: url(images/glossyback2.gif);
	}
	
	.falsemenu div.false { /*DIV that contains each menu & submenu*/
		background: white;
	}

	.falsemenu div.false ul { /*UL of each sub menu & menu*/
		list-style-type: none;
		margin: 0;
		padding: 0;
	}

	.falsemenu div.false ul li {
		border: 1px solid #9A9A9A;
	}

	.falsemenu div.false ul li a{
		display: block;
		font: normal 13px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
		text-decoration: none;
		padding: 2px 0;
		padding-left: 10px;
	}

	.falsemenu div.false ul li a:hover{
		background: #DFDCCB;
		color: black;
	}
	
	.gen_article {
		font: normal 100% "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
	}
	
	.art_title {
		background: #588BE6;
		color: white;
		font-size: 110%;
		font-weight: bold;
		text-align: left;
	}
	
	.art_add_dt {
		background: #588BE6;
		color: white;
		font-size: 80%;
		font-weight: bold;
		text-align: right;
	}
	
	.art_mod_dt{
		color: grey;
		font-size: 75%;
		font-weight: bold;
		text-align: right;
	}
	
	.art_content {
		color: blue;
	}
	
	.marqueecontainer {
		position: relative;
		width: 167px; /*marquee width */
		height: 100px; /*marquee height */
		background-color: white;
		overflow: hidden;
		border: 1px solid #9A9A9A;
		padding: 1px;
		/*margin-left: 4px; */
	}
	
	
	.event_article {
		font: normal 80% "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
		color: blue;
	}
	.event_title  .event_title a{
		font-weight: bold;
		text-align: left;
		text-decoration: none;
	}
	
	.results {
		font-size: 80%;
	}

	.directory {
		font-size: 80%;
	}
	
	.welcome_title { /*header of welcome page articles*/
		color: white;
		background: #588BE6;
		cursor:hand;
		cursor:pointer;
		margin: 10px 0px;
		border-top: 1px solid #9A9A9A;
	}

	.welcome_add_dt {
		background: #588BE6;
		color: white;
		font: bold 12px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
		text-align: left;
		/*border-top: 1px solid #9A9A9A;
		border-bottom: 1px solid #9A9A9A;
		border-left: 1px solid #9A9A9A;
		border-right: 1px solid #588BE6;
		padding: 0px 0px;
		*/
	}
	.welcome_mod_dt {
		background: #588BE6;
		color: white;
		font: bold 12px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
		text-align: right;
		/*border-top: 1px solid #9A9A9A;
		border-bottom: 1px solid #9A9A9A;
		border-right: 1px solid #9A9A9A;
		border-left: 1px solid #588BE6;
		padding: 0px 0px;
		*/
	}
	.welcome {
		color: blue;
		clear:both;
	}