h1 {color:black;
    font-size: 110%;
    font-family: arial;
    font-weight: normal;
    text-align: left;
    text-decoration: underline;
    margin-top: 0px;
    margin-bottom: 7px;}

h2 {color:black;
    font-size: 90%;
    font-family: arial;
    font-weight: bold;
    text-decoration: underline;
    margin-top: 12px;
    margin-bottom: 2px;}

h3 {color:black;
    font-size: 10pt;
    font-family: arial;
    font-weight: bold;
    text-decoration: none;
    margin-top: 12px;
    margin-bottom: 0px;}

h4 {color:black;
    font-size: 75%;
    font-family: arial;
    font-weight: bold;
    text-decoration: none;
    margin-top: 12px;
    margin-bottom: 2px;}

p  {color:black;
    font-size: 9pt;
    font-family: arial;
    margin-top: 0;
    margin-bottom:2%;
    text-align: left;}

ul  {color:black;
    font-size: 9pt;
    font-family: arial;
    margin-top: 0;
    margin-bottom:0;
    text-align: left;}

li  {color:black;
    font-size: 9pt;
    font-family: arial;
    margin-top: 0;
    margin-bottom:0;
    text-align: left;}


/* CSS2 Absolute Positioning for Page Layout */

table.pageBody	{
    width: 	  688; 
    border-color: #004A4A;
    background: #F0F0F0;
    border-style: solid;
    margin:	  0;
    border-width: 1;
}


body {
    top:0;
    left:0;
    margin-top:0;
    margin-bottom:0;
    background: #d0d0d0;
}

/*
.pageBody a:hover 	{color: blue; text-decoration: underline}
.pageBody a:link 	{color: blue; text-decoration: none}
.pageBody a:active 	{color: blue; text-decoration: none}
.pageBody a:visited 	{color: blue; text-decoration: none}
*/

.sideAds a:hover 	{color: blue; text-decoration: underline}
.sideAds a:link 	{color: blue; text-decoration: underline}
.sideAds a:active 	{color: blue; text-decoration: underline}
.sideAds a:visited 	{color: blue; text-decoration: underline}

.bannerAds a:hover 	{color: #0084C5; text-decoration: underline}
.bannerAds a:link 	{color: #0084C5; text-decoration: none}
.bannerAds a:active 	{color: #0084C5; text-decoration: underline}
.bannerAds a:visited 	{color: #0084C5; text-decoration: none}

.breadCrumb a:hover 	{color: #0084C5; text-decoration: underline}
.breadCrumb a:link 	{color: #0084C5; text-decoration: underline}
.breadCrumb a:active 	{color: #0084C5; text-decoration: underline}
.breadCrumb a:visited 	{color: #0084C5; text-decoration: underline}


img { border: none; }	/* no borders around images (hot) */

.pageImage { position:absolute; left:475; top:50; } 

div.banner 	{ position:absolute; left:50; top:6; width:686; height:70; }
div.bannerText 	{ position:absolute; left:50; top:97; width:686; height:46
    ; background: #0084C5; }
div.pageBody	{ position:absolute; left:50; top: 170; background: #F0F0F0}
div.bannerAds 	{ position:absolute; left:550; top:11; }
div.sideAds 	{ position:absolute; left:2; top:133; width:130; }
div.topNavLine 	{ position:absolute; left:0px; top:117px; width:686; height:2; }
div.bottomNavLine {position:absolute; left:0px; top:148; width:686; height:2; }

div.visionSourceLogo { position:absolute; left:555; top:102; }

table.sideAds	{
    border-width: 5; 
    border-color: #d3d3d3;
    border-style: solid;
    margin:	10;
    border-width: 1;
}

table.banner	{
    width: 686;
    border-width: 0; 
    background-color: white;
    border-color: black;
    border-style: solid;
    margin:	0;
    color: white;
    letter-spacing: 2;
    font-size: 12pt;
    font-family: arial;
    font-style: italic;
    font-weight: bold; 
    margin-top: 0;
    margin-bottom: 0;
    text-align: left;}
}

table.bannerText	{
    width: 686;
    border-width: 0; 
    background-color: #0084C5;
    border-color: black;
    border-style: solid;
    margin:	0;
    color: white;
    letter-spacing: 2;
    font-size: 12pt;
    font-family: arial;
    font-style: italic;
    font-weight: bold; 
    margin-top: 0;
    margin-bottom: 0;
    text-align: center;}
}

table.bannerAds	{
    border-width: ; 
    border-color: #d3d3d3;
    border-style: solid;
    margin:	0;
    border-width: 0;
    color:black;
    font-size: 10pt;
    font-family: arial;
    font-style: italic;
    font-weight: bold; 
    margin-top: 0;
    margin-bottom:1%;
    text-align: left;}
}

td.bannerAds	{
/*
    width: 170;
    height: 23;
*/
    border-width:0 ; 
    border-color: #004A4A;
    border-style: outset;
    margin:	0;
/*    background-color:#0084C5; */
    background-color:white;
    font-size: 9pt;
    font-family: arial;
    font-style: italic;
    font-weight: bold; 
    margin-top: 0;
    margin-bottom:2%;
    text-align: center;
}

table.pageFooter {
   width: 688; 
   border-width: 0; 
   border-color: black;
   border-style: solid;
   background: #d0d0d0;
   margin:	0;
   border-width: 0;
}

font.pageFooter {color:#666666;
    font-size: 8pt;
    font-family: arial;
    font-weight: normal;
    text-decoration: none;
    margin-top: 12px;
    margin-bottom: 0px;}
/*
div.loginButton { position:absolute; left:5; top:129; }
div.registerButton { position:absolute; left:5px; top:163; }
div.eventsButton { position:absolute; left:5px; top:205; }
div.coachButton { position:absolute; left:5px; top:247; }
*/

div.globalNavBar { position:absolute; left:0; top:0; width:800px; height:90; }
table.globalNavBar {align:right; width:800; }

div.topNavBar { position:absolute; left:140; top:135; width:400px; height:90; }
table.topNavBar {align:right; width:650; }

div.sideNavBar { position:absolute; left:0px; top:173; }
table.sideNavBar {align:left; width:150; }

/*
div.breadCrumb { position:absolute; left:0px; top:123; }
table.breadCrumb {align:left; width:150; }
*/

.itemBorder { 
    border: 1px solid black 
    }

.itemText { 
    text-decoration: none; 
    text-align: left;
    color: white; 
    font: 11px Arial, Helvetica 
    }

/* <!-- The following doesnt seem to work -->
.itemText a:link {
    color: yellow;
    text-decoration: none;
    }

.itemText a:visited {
    color: yellow;
    text-decoration: none;
    }

.itemText a:hover {
    color: yellow; 
    text-decoration: none;
    }

.crazyBorder { 
    border: 5px inset #663399 
    }
.crazyText { 
    text-decoration: none; 
    text-width: 200;
    color: #FFCC99; 
    font: 12px Arial, Helvetica 
    }
*/


/* The following link, hover, visited classes override the default text decorations for hyperlinks used in buttons.  (i.e. prevent and underscore from showing up on a button for a page that has been visited and keeps the text bold and black.) */
.navButtonAnchor	{
    width: 100;		/* IMPORTANT:  needed to expand hot region of button */
/*    background-color: green;  so we can see the hot region*/
   }

.navButtonCurrentPage a:link {
    color: white;
    text-decoration: none;
    }

.navButtonCurrentPage a:visited {
    color: white;
    text-decoration: none;
    }

.navButtonCurrentPage a:hover {
    color: white; 
    text-decoration: none;
    /* font-weight: bold */ 
    }

.navButtonCurrentPage	{
   text-color: white;  
   font-style: normal; 
   font-family: verdana; 
   font-weight: bold; 
   font-size:10px; 
   background-color: steelblue;
   text-align: center;
/*   border-style: outset;
   border-width: 4; */
   border-style: none;
   border-width: 0;
   margin:	0;
   height: 19;
   width: 100;		/* needed to maintain constant width for Netscape */
			/* but caused test in IE to be slightly skewed left */

/*   background: darkgray;
   color: blue;
   font: 10pt;
   font-family: arial;
   font-weight: normal;
   text-align: center;
   border-style: outset;
   border-width: 4;
   */
   }

.navButtonOn a:link {
    color: black;
    text-decoration: none;
    }

.navButtonOn a:visited {
    color: black;
    text-decoration: none;
    }

.navButtonOn a:hover {
    color: black; 
    font-weight: bold; 
    text-decoration: none;
    /* font-weight: bold */ 
    }

.navButtonOn	{
   /* text-color: white;  */
   text-color: black;  
   font-style: normal; 
   font-family: verdana; 
   font-weight: bold; 
   font-size:10px; 
   /* background-color: beige; */
   background-color: lightsteelblue;
   text-align: center;
/*   border-style: outset;
   border-width: 4; */
   border-style: none;
   border-width: 0;
   height: 19;
   width: 100;		/* needed to maintain constant width for Netscape */
			/* but caused test in IE to be slightly skewed left */

/*   background: darkgray;
   color: blue;
   font: 10pt;
   font-family: arial;
   font-weight: normal;
   text-align: center;
   border-style: outset;
   border-width: 4;
   */
   }

.navButtonOff a:link {
    color: white;
    text-decoration: none;
    }

.navButtonOff a:visited {
    color: white;
    text-decoration: none;
    }

.navButtonOff a:hover {
    color: white; 
    font-weight: bold; 
    text-decoration: none;
    /* font-weight: bold */ 
    }

.navButtonOff	{
   color: white;  
   font-style: normal; 
   font-family: verdana; 
   font-weight: bold; 
   font-size:10px; 
   background-color: midnightblue;
/*   background: url("/images/button.gif"); */
   text-align: center;
/*   border-style: outset; */
/*   border-width: 4; */
   border-style: none;
   border-width: 0;
   margin:	0;
   height: 19;
   width: 100;		/* needed to maintain constant width for Netscape */
			/* but caused test in IE to be slightly skewed left */

/*   background: darkgray;
   color: blue;
   font: 10pt;
   font-family: arial;
   font-weight: normal;
   text-align: center;
   border-style: outset;
   border-width: 4;
   */
   }

.navUL	{
    list-style-type: none;
    list-style-position: outside;
    margin-left: 20;
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 0;
    padding-bottom: 0;
}
/*
.navLI	{
    margin-top: 0;
    margin-bottom: 0;
    padding:0;
}
*/
/*
.functionButtonOn a:link {
    color: black;
    text-decoration: none;
    }

.functionButtonOn a:visited {
    color: black;
    text-decoration: none;
    }

.functionButtonOn a:hover {
    color: black; 
    font-weight: bold; 
    text-decoration: none;
    }

.functionButtonOn	{
   background-color: yellow;
   text-align: center;
   border-style: outset;
   border-width: 4;
   width: 100;		/* needed to maintain constant width for Netscape */
			/* but caused test in IE to be slightly skewed left */

/*   background: darkgray;
   color: blue;
   font: 10pt;
   font-family: arial;
   font-weight: normal;
   text-align: center;
   border-style: outset;
   border-width: 4;
   }
.functionButtonOff a:link {
    color: yellow;
    text-decoration: none;
    }

.functionButtonOff a:visited {
    color: yellow;
    text-decoration: none;
    }

.functionButtonOff a:hover {
    color: yellow; 
    font-weight: bold; 
    text-decoration: none;
    }



.functionButtonOff	{
   color: yellow;  
   font-style: normal; 
   font-family: verdana; 
   font-weight: bold; 
   font-size:10px; 
   background-color: black;
   text-align: center;
   border-style: outset;
   margin:	0;
   border-width: 4;
   width: 100;
   }
   */

.globalButtonAnchor	{
    width: 150;		/* IMPORTANT:  needed to expand hot region of button */
/*    background-color: green;  so we can see the hot region*/
   }


.globalButtonOn a:link {
    color: black;
    text-decoration: none;
    }

.globalButtonOn a:visited {
    color: black;
    text-decoration: none;
    }

.globalButtonOn a:hover {
    color: black; 
    font-weight: bold; 
    text-decoration: none;
    /* font-weight: bold */ 
    }

.globalButtonOn	{
   /* text-color: white;  */
   text-color: black;  
   font-style: normal; 
   font-family: verdana; 
   font-weight: bold; 
   font-size:10px; 
   /* background-color: beige; */
   background-color: lightsteelblue;
   text-align: center;
   border-style: none;
   border-width: 0;
   height: 19;
   width: 150;		/* needed to maintain constant width for Netscape */
			/* but caused test in IE to be slightly skewed left */

/*   background: darkgray;
   color: blue;
   font: 10pt;
   font-family: arial;
   font-weight: normal;
   text-align: center;
   border-style: outset;
   border-width: 4;
   */
   }
.globalButtonOff a:link {
    color: white;
    text-decoration: none;
    }

.globalButtonOff a:visited {
    color: white;
    text-decoration: none;
    }

.globalButtonOff a:hover {
    color: white; 
    font-weight: bold; 
    text-decoration: none;
    /* font-weight: bold */ 
    }



.globalButtonOff	{
   color: white;  
   font-style: normal; 
   font-family: verdana; 
   font-weight: bold; 
   font-size:10px; 
   background-color: midnightblue;
   text-align: center;
   border-style: none;
   margin:	0;
   border-width: 0;
   height: 19;
   width: 150;		/* needed to maintain constant width for Netscape */
			/* but caused test in IE to be slightly skewed left */

/*   background: darkgray;
   color: blue;
   font: 10pt;
   font-family: arial;
   font-weight: normal;
   text-align: center;
   border-style: outset;
   border-width: 4;
   */
   }


.tableCellHeader {
   color:black;
   font-weight: bold;
   font-size: 9pt;
   font-family: arial;
   }

.tableCellData {
   color:black;
   font-size: 9pt;
   font-family: arial;
   }

.smallText {
   font-size: 9pt;
   font-family: arial;
   }

.faqQuestion {
    font-size: 9pt;
    font-family: arial;
    font-weight: none;
    text-decoration: none;
    margin-top: 0px;
    margin-bottom: 0px;
    }

.faqAnswerQ {
    font-size: 9pt;
    font-family: arial;
    font-weight: bold;
    text-decoration: underline;
    margin-top: 12px;
    margin-bottom: 0px;
    }

.faqAnswer {
    font-size: 9pt;
    font-family: arial;
    font-weight: none;
    text-decoration: none;
    margin-top: 0px;
    margin-bottom: 0px;
    text-indent: 5%;
    }

.faqBack {
    font-size: 9pt;
    font-family: arial;
    font-weight: none;
    text-decoration: none;
    margin-top: 12px;
    margin-bottom: 0px;
    text-align: center;
    }

.alert {
    color:	red;
    font-size: 14pt;
    font-family: arial;
    font-weight: bold;
    text-decoration: underline;
    margin-top: 0;
    margin-bottom: 0px;
    text-align: center;
    }

.tip {
    color:	black;
    font-size: 9;
    font-family: arial;
    font-weight: normal;
    text-decoration: none;
    margin-top: 0;
    margin-bottom: 0px;
    text-align: left;
    }

.requiredFormField {
    font-weight: bold;
    text-align: right;
    width: 200
    }

.optionalFormField {
    font-weight: normal;
    text-align: right;
    text-decoration: none;
    color: gray;  
    width: 200
    }

.requiredFormField2 {
    font-weight: bold;
    text-align: left;
    }

.optionalFormField2 {
    font-weight: normal;
    text-align: left;
    text-decoration: none;
    color: gray;  
    }

.formNoteIndex {
    width: 50;
    color: gray;
}
.formNotes {
    color: gray;
}

.tableKeyA {
    font-family: arial;
    font-size: 13;
    font-weight: bold;
    text-align: right;
    text-decoration: none;
    color: black;  
    background: #CCCCCC;
    width: 150;
    }

.tableDataA {
    font-family: arial;
    font-size: 13;
    font-weight: normal;
    text-align: left;
    text-decoration: none;
    color: black;  
    background: #CCCCCC;
    width: 450;
    }

.tableKeyB {
    font-family: arial;
    font-size: 13;
    font-weight: bold;
    text-align: right;
    text-decoration: none;
    color: black;  
    background: #DDDDDD;
    width: 150;
    }

.tableDataB {
    font-family: arial;
    font-size: 13;
    font-weight: normal;
    text-align: left;
    text-decoration: none;
    color: black;  
    background: #DDDDDD;
    width: 450;
    }


.summaryHeader {
    font-family: arial;
    font-size: 12;
    font-weight: bold;
    text-align: center;
    text-decoration: none;
    color: black;  
    background: #999999;
    }

.summaryData0 {
    font-family: arial;
    font-size: 11;
    font-weight: normal;
    text-align: center;
    text-decoration: none;
    color: black;  
    background: #DDDDDD;
    }

.summaryData1 {
    font-family: arial;
    font-size: 11;
    font-weight: normal;
    text-align: center;
    text-decoration: none;
    color: black;  
    background: #BBBBBB;
    }

.sitemap {
    padding-left: 1em; 	/* Firefox uses padding */
    margin-left: 1em;	/* IE uses margins */
    }

/* class used in old site */
.innermenu {
    font-family: arial;
    font-size: 14;
    font-weight: bold;
    }

.adminFormTitle {
    font-size:16;
    font-weight: bold; 
    width:250
    }