@charset "UTF-8";
/* CSS Document */


/***************************************************************/
/* the following rules control the basic page layout */

body
	{
		margin: 0;
		padding: 0;
	}

#mainContent
	{
		position: relative;
		margin-left: 230px;
		margin-right: 280px;
		margin-top: 160px;
		padding: 20px;
		border-left-style: solid;
		border-right-style: solid;
		border-left-color: #bbbbbb;
		border-right-color: #bbbbbb;
		border-width: 1px;
		z-index: 10;
		
		min-height: 700px;
	}


#footer
	{
		margin-top: 20px;
		margin-left: 20px;
		margin-right: 20px;
		border-top-style: solid;
		border-top-color: #bbbbbb;
		border-width: 1px;
		text-align: center;
		z-index: 5;
                height: 100px;
                background-image: url(../graphics/roundLogo.jpg);
                background-position: 100%;
                background-repeat: no-repeat;
	}
	
	
#leftColumn
	{
		position: absolute;
		left: 0px;
		top: 170px;
		width: 200px;
		padding: 20px;
		z-index: 5;
	}
	
	
#rightColumn
	{
		position: absolute;
		right: 0px;
		top: 150px;
		width: 250px;
		padding: 20px;
		z-index: 5;
	}

#spacer
	{
		height: 150px;
	}
	
	
	
/***************************************************************/
/* the following rules control the general page elements */

h1,h2,h3,h4,h5
	{
		font-family: "Courier New", Courier, monospace;
		color: #000000;
		text-decoration: none;
	}
	
img
	{
		border-width: 0px;
	}
	
hr
	{
		color: #bbbbbb;
		border-style: solid;
		border-width: 0px;
		height: 1px;
	}

	
/***************************************************************/
/* these rules are for the main page graphics */

#headerLeft
	{
		position: absolute;
		top: 10px;
		left: 0px;
		z-index: 11;
	}
	
#headerRight
	{
		position: absolute;
		top: 10px;
		right: 0px;
		z-index: 10;
	}
	
#headerMiddle
	{
		position: absolute;
		top: 10px;
		left: 0px;
		width: 95%;
		z-index: 5;
	}

#stars
	{
		position: absolute;
		top: 10px;
		left: 0px;
		z-index: 3;
	}
	
	
/****************************************************************/
/* these are the rules for the main page navigation */

.navLinks
	{
		font-family: "Courier New", Courier, monospace;
		font-size: 28px;
		font-weight: 650;
		color: #000000;
		text-decoration: none;
	}
	
.flags
	{
		position: absolute;
		top: 100px;
		left: 0px;
		height: 50px;
		width: 100%;
		z-index: 20;
	}
	
.edgeCells	/* the outer most two cells of the flags table, used as spacers to step the edges in */
	{
		width: 10%;
	}
	
.middleCells	/* the falg table cells that actually contain flag images */
	{
		width: 10%;
		text-align: center;
	}	

/*****************************************************************/
/* the style for the elements inside the main content section */

/*****************************************************************/
/* the style for the elements inside the left column section */


/*****************************************************************/
/* the style for the elements inside the right column section */

#BIALogo
	{
		float: left;
		padding-right: 15px;
		padding-bottom: 15px;
	}

/*****************************************************************/
/* the style for the elements inside the header section */


/*****************************************************************/
/* the style for the elements inside the footer section */

#footerTable
	{
		text-align: center;
		margin-top: 0px;
		margin-left: 15%;
		margin-right: 15%;
		width: 70%;
	}
	
footerData
	{
		text-align: center;
	}
	
#roundLogo
	{
		position: relative;
		right: 0px;
		margin-right: 0px;
		float: right;
		top: 0px;
	}
	
/*****************************************************************/
/* the style for the elements on club and instructor listing pages */

.clubDetails
	{
		margin-left: 40px;
	}
	
.clubLogo
	{
		float: right;
		margin-right: 10px;
	}