<!--
body {
	margin: 0; font-size: 0.88em; /* color: #000000;*/ background-color: #ffffff;
}

p { 
  	font-weight: normal;
	font-size: 0.88em;
  	font-family: Verdana,Tahoma,Arial,Helvetica,sans-serif;
	color: #000;
  }

.container {
	margin-top: 0px;
	margin-left:auto;
	margin-right:auto;
	/* position: absolute; - add this to disable margin auto */
	width: 1000px;
	/*color: #000000;*/
	border: #000 solid; 
	border-width: 1px;
	border-top: 0px;
	background-color: #ffffff;
	
}

.header {
	width: 100%;
	height: 250px;
	color: #ffffff;
	margin-top: 0px;
	margin-left: 0px;
	padding: 0px;
	background-image: url(/metroswim/images/WR_header.jpg);
	background-repeat: no-repeat;
	}

.menu {
	float: left;
	margin: 0px;
	width: 100%;
	height: 100%;
	margin-top: 0px;
	margin-left: 0px;
	padding: 0px;
	}
	
.mainContent li {
   	font-weight: normal;
	font-family: Verdana,Tahoma,Arial,Helvetica,sans-serif;
	color: #000;
	padding-left:20px;
	font-size: 0.88em;
}
	
	 ol {
   	font-weight: normal;
	font-family: Verdana,Tahoma,Arial,Helvetica,sans-serif;
	color: #000;
	padding-left:20px;
	font-size: 0.88em;
}
#mainContent { 
	margin: 0px 0px 0 0px; /* the left margin should mirror the margin on the header and footer for proper alignment. */
	padding: 20px;
	padding-left: 30px;
	padding-right: 0px;
	padding-top:40px;
	background-color: #fff;
	background-image:url(/metroswim/images/fade_bg.jpg);
	background-repeat:repeat-x;
}

#Rightsidebar {
	float: right; /* since this element is floated, a width must be given */
	width: 200px; 
	margin:0px;
	background-color: #36a3e4; /* the background color will be displayed for the length of the content in the column, but no further */
	padding-top: 0px; /* top and bottom padding create visual space within this div  */
    height: 650px;
	overflow: visible;
	border: #000 solid; 
	border-width: 1px;
	border-top: 0px;
	border-right: 0px;
	padding: 1px;
	padding-bottom: 150px;
}

#Rightsidebar a{
	font-family: Verdana,Tahoma,Arial,Helvetica,sans-serif;
	color: #FFF;
	font-size: 1.0em;
	font-weight:bold;
	text-decoration: none;
	text-align: center;
	padding-left: 0px;
	padding-top: 0px;
}

#cal a
  { color:#FF9000;}
  
/* text box holding the scrolly message */
.textbox
  {
	  font-family: Verdana,Tahoma,Arial,Helvetica,sans-serif;
	  font-size: 1.13em;
	  font-weight:bold;
	  color:  #000;
	  background-color: #09C;
	  background-image:url(/metroswim/images/scroll_fade_bg.jpg);
	  background-repeat:repeat-x;
	  border: none;
  }

.footer {
	font-family: Verdana,Tahoma,Arial,Helvetica,sans-serif;
    clear: both;
	width: 100%;
	height: auto;
	height: 200px;
	color: #EC9A0A;
	text-align: center;
	/* padding-top: 5px; */
	background-color: #fff;
	background-image:url(/metroswim/images/fade_bg2.jpg);
	background-repeat:repeat-x;
	background-position:bottom;
}

.footer p { 
  	font-weight: normal;
	font-size: 0.88em;
  	font-family: Verdana,Tahoma,Arial,Helvetica,sans-serif;
	color: #33F;
  }
  
.footer a{
	font-family: Verdana,Tahoma,Arial,Helvetica,sans-serif;
	color: #33F;
	font-size: 1.0em;
	font-weight:bold;
	text-decoration: none;
	text-align: center;
	padding-left: 0px;
	padding-top: 0px;
}
	
.footer a:hover {
	text-decoration: none;
	font-weight:bold;
	color: #ff9000;
}

/* Style for main content area headings */
h1 {
	margin-left: 0px; margin-top: 0px; padding-left: 0px; font-weight: bold; font-size: 1.50em; /* = 24pt */
  	font-family: Verdana,Tahoma,Arial,Helvetica,sans-serif;
	color: #339;
}

h2 {
	margin-left: 0px; margin-top: 0px; padding-left: 0px; font-weight: bold; font-size: 1.38em; /* = 22pt */
  	font-family: Verdana,Tahoma,Arial,Helvetica,sans-serif;
	color: #ff9000;
}

h3 {
	margin-left: 0px; margin-top: 0px; padding-left: 0px; font-weight: bold; font-size: 1.25em; /* = 20pt */
  	font-family: Verdana,Tahoma,Arial,Helvetica,sans-serif;
	color: #ff9000;
}

h4 {
	margin-left: 0px; margin-top: 0px; padding-left: 0px; font-weight: bold; font-size: 1.13em; /* = 18pt */
  	font-family: Verdana,Tahoma,Arial,Helvetica,sans-serif;
	color: #ff9000;
}

h5 {
	margin-left: 0px; margin-top: 0px; padding-left: 0px; font-weight: bold; font-size: 1.00em; /* = 16pt */
  	font-family: Verdana,Tahoma,Arial,Helvetica,sans-serif;
	color: #ff9000;
}

h6 {
	margin-left: 0px; margin-top: 0px; padding-left: 0px; font-weight: bold; font-size: 0.88em; /* = 14pt */
  	font-family: Verdana,Tahoma,Arial,Helvetica,sans-serif;
	color: #ff9000;
}
  
a{
	color: #09F;
	text-decoration: underline;
}

a:hover{
	color: #F90;
	text-decoration: none;
}
	
li {
   	font-weight: normal;
	font-family: Verdana,Tahoma,Arial,Helvetica,sans-serif;
	color: #000;
	font-size: 1.00em;
}


.mainContent p { 
  	font-weight: normal;
	font-size: 1.00em;
  	font-family: Verdana,Tahoma,Arial,Helvetica,sans-serif;
	color: #4cace6;
  }

.formItems 
 {  
   font-family: Verdana,Tahoma,Arial,Helvetica,sans-serif; 
   color: #0099ff;
   background-color: #FFFF66;
}

img.floatLeft { 
    float: left; 
    margin: 4px;
	border: 3px solid #FF0000;
	border-color: #FFFFFF;
}

img.floatRight { 
    float: right; 
    margin: 4px; 
	border: 3px solid #FF0000;
	border-color: #FFFFFF;
}

img { 
    margin: 0px; 
	border: 0px solid;
	border-color: #000000;
}

/****************************** Diary/Calendar style *******************************************************************************/

.Normal { color: #000000; font-family: Verdana,Tahoma,Arial,Helvetica,sans-serif; font-size: 0.56em;}
.Heading2 { color: #000099; font-family: Verdana,Tahoma,Arial,Helvetica,sans-serif; font-size: 0.81em; font-weight: bold;}
.Heading3 { color: #000099; font-family: Verdana,Tahoma,Arial,Helvetica,sans-serif; font-size: 0.63em; font-weight: bold;}
TD.diary { color: #0F0; /*#000066;*/ font-family: Verdana,Tahoma,Arial,Helvetica,sans-serif; font-size: 0.63em;} 
div.diary { color: #FFF; font-family: Verdana,Tahoma,Arial,Helvetica,sans-serif; font-size: 0.63em;}

.titlebar { color: #FFF; background-color: #36F; text-align: center; font-family: Verdana,Tahoma,Arial,Helvetica,sans-serif; font-size: 0.63em; font-weight: bold;}
.item { background-color:#FC0;}
.maintble { background-color: #36a3e4; padding:5px;}
.cell { background-color: #090 /*#A8B8FF;*/ color: #000000; }
.cellToday { background-color: #6A75D5; color: #ffffff;}
TR.diary { background-color: #36a3e4;}
/* TR.diaryTop { background-color:  #;} */

.tableBG
{ 
background-image:url(/metroswim/images/TableBK.jpg);
font-family:Arial, Helvetica, sans-serif;
font-size:0.88em;
}

.TopRow
{/*background-image:url(/metroswim/images/TableBK.jpg);
background-repeat:repeat-x; */
background-color: #36a3e4;
padding:0px;
} 

/* End of Calendar */