body  {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	background: #FFF;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #000000;
	background: #fff;
}

a img {
	border: none;
}

ul {
	margin: 0;
}

td {
	font-family: Arial, Helvetica, sans-serif;
}

th {
	font-family: Arial, Helvetica, sans-serif;
}

h1, h2, h3, h4{
margin: 0;
}

.swiss {
	font-family: Arial, Helvetica, sans-serif;
}

.Roman
	{font-size:12.0pt;
	font-family:"Times New Roman";
}

.aqua {
    color:#008080
}

.nav {
    text-align : center;
}

#ALSTitle, .ALSTitle {
	height: 30px;
	width: 560px;
	text-align:center;
	font-size:18pt;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#008080
}
	
#SubTitle, .SubTitle {
	height: 55px;
	vertical-align:middle;
	text-align: center;
	font-size: 18pt;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #008080;
}

.h1, .h2, .h3 {
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
}

.h1 { 	font-size:16px; }
.h2 { 	font-size:14px; }
.h3 { 	font-size:12px; }

.small, .smallCentered {font-size:10px}

.large, .largeCentered {
	font-size:18px;
	margin-top: 6px;
}

.smallCentered, .largeCentered { text-align:center; }

.FrameFull,
.Frame1090, .Frame1090s,
.Frame2080, .Frame2080s,
.Frame3070, .Frame3070s,
.Frame4060, .Frame4060s,
.Frame5050, .Frame5050s,
.Frame6040, .Frame6040s,
.Frame7030, .Frame7030s,
.Frame8020, .Frame8020s,
.Frame9010, .Frame9010s { width: 540px; }

.Frame1090 ul, .Frame1090s ul,
.Frame2080 ul, .Frame2080s ul,
.Frame3070 ul, .Frame3070s ul,
.Frame4060 ul, .Frame4060s ul,
.Frame5050 ul, .Frame5050s ul,
.Frame6040 ul, .Frame6040s ul,
.Frame7030 ul, .Frame7030s ul,
.Frame8020 ul, .Frame8020s ul,
.Frame9010 ul, .Frame9010s ul{ list-style-type:none; margin:0 0 0 0; }

.Frame1090 tr, .Frame1090s tr,
.Frame2080 tr, .Frame2080s tr,
.Frame3070 tr, .Frame3070s tr,
.Frame4060 tr, .Frame4060s tr,
.Frame5050 tr, .Frame5050s tr,
.Frame6040 tr, .Frame6040s tr,
.Frame7030 tr, .Frame7030s tr,
.Frame8020 tr, .Frame8020s tr,
.Frame9010 tr, .Frame9010s tr { margin:0 0 0 0; }

.Frame1090 ul li, .Frame1090s ul li, .Frame1090 tr td, .Frame1090s tr td,
.Frame2080 ul li, .Frame2080s ul li, .Frame2080 tr td, .Frame2080s tr td,
.Frame3070 ul li, .Frame3070s ul li, .Frame3070 tr td, .Frame3070s tr td,
.Frame4060 ul li, .Frame4060s ul li, .Frame4060 tr td, .Frame4060s tr td,
.Frame5050 ul li, .Frame5050s ul li, .Frame5050 tr td, .Frame5050s tr td,
.Frame6040 ul li, .Frame6040s ul li, .Frame6040 tr td, .Frame6040s tr td,
.Frame7030 ul li, .Frame7030s ul li, .Frame7030 tr td, .Frame7030s tr td,
.Frame8020 ul li, .Frame8020s ul li, .Frame8020 tr td, .Frame8020s tr td,
.Frame9010 ul li, .Frame9010s ul li, .Frame9010 tr td, .Frame9010s tr td { padding: 5px 5px 5px 0px; clear: left; display: inline; float: left;}

/* 540 in 10% increments 54 108 162 216 270 324 378 432 486 540 */
.Frame1090 ul li, .Frame1090 tr td.c1, .Frame1090s ul li, .Frame1090s tr td.c1 { width:  54px; }
.Frame2080 ul li, .Frame2080 tr td.c1, .Frame2080s ul li, .Frame2080s tr td.c1 { width: 108px; }
.Frame3070 ul li, .Frame3070 tr td.c1, .Frame3070s ul li, .Frame3070s tr td.c1 { width: 162px; }
.Frame4060 ul li, .Frame4060 tr td.c1, .Frame4060s ul li, .Frame4060s tr td.c1 { width: 216px; }
.Frame5050 ul li, .Frame5050 tr td.c1, .Frame5050s ul li, .Frame5050s tr td.c1 { width: 270px; }
.Frame6040 ul li, .Frame6040 tr td.c1, .Frame6040s ul li, .Frame6040s tr td.c1 { width: 324px; }
.Frame7030 ul li, .Frame7030 tr td.c1, .Frame7030s ul li, .Frame7030s tr td.c1 { width: 378px; }
.Frame8020 ul li, .Frame8020 tr td.c1, .Frame8020s ul li, .Frame8020s tr td.c1 { width: 432px; }
.Frame9010 ul li, .Frame9010 tr td.c1, .Frame9010s ul li, .Frame9010s tr td.c1 { width: 486px; }

.Frame1090 ul li.c2, .Frame1090s ul li.c2, 
.Frame2080 ul li.c2, .Frame2080s ul li.c2, 
.Frame3070 ul li.c2, .Frame3070s ul li.c2, 
.Frame4060 ul li.c2, .Frame4060s ul li.c2, 
.Frame5050 ul li.c2, .Frame5050s ul li.c2, 
.Frame6040 ul li.c2, .Frame6040s ul li.c2, 
.Frame8020 ul li.c2, .Frame8020s ul li.c2,                                                           
.Frame9010 ul li.c2, .Frame9010s ul li.c2 { padding: 5px 0px 5px 5px; display: inline; float: right;}

.Frame1090s ul li.c2, .Frame1090s tr td.c2, 
.Frame2080s ul li.c2, .Frame2080s tr td.c2,
.Frame3070s ul li.c2, .Frame3070s tr td.c2,
.Frame4060s ul li.c2, .Frame4060s tr td.c2,
.Frame5050s ul li.c2, .Frame5050s tr td.c2, 
.Frame6040s ul li.c2, .Frame6040s tr td.c2,
.Frame8020s ul li.c2, .Frame8020s tr td.c2,                                                         
.Frame9010s ul li.c2, .Frame9010s tr td.c2 { font-size:10px;}

/* 540 in 10% increments 000 054 108 162 216 270 324 378 432 486 540 */
.Frame1090 ul li.c2, .Frame1090 tr td.c2, .Frame1090s ul li.c2, .Frame1090s tr td.c2 { width: 486px; } 
.Frame2080 ul li.c2, .Frame2080 tr td.c2, .Frame2080s ul li.c2, .Frame2080s tr td.c2 { width: 432px; } 
.Frame3070 ul li.c2, .Frame3070 tr td.c2, .Frame3070s ul li.c2, .Frame3070s tr td.c2 { width: 378px; } 
.Frame4060 ul li.c2, .Frame4060 tr td.c2, .Frame4060s ul li.c2, .Frame4060s tr td.c2 { width: 324px; } 
.Frame5050 ul li.c2, .Frame5050 tr td.c2, .Frame5050s ul li.c2, .Frame5050s tr td.c2 { width: 270px; }
.Frame6040 ul li.c2, .Frame6040 tr td.c2, .Frame6040s ul li.c2, .Frame6040s tr td.c2 { width: 216px; } 
.Frame7030 ul li.c2, .Frame7030 tr td.c2, .Frame7030s ul li.c2, .Frame7030s tr td.c2 { width: 162px; } 
.Frame8020 ul li.c2, .Frame8020 tr td.c2, .Frame8020s ul li.c2, .Frame8020s tr td.c2 { width: 108px; } 
.Frame9010 ul li.c2, .Frame9010 tr td.c2, .Frame9010s ul li.c2, .Frame9010s tr td.c2 { width:  54px; } 
                                                                                                    
.Frame202060, .Frame302050, .Frame402040, .Frame202060s, .Frame302050s, .Frame402040s,
.Frame203050, .Frame303040, .Frame403030, .Frame203050s, .Frame303040s, .Frame403030s,
.Frame204040, .Frame304030, .Frame404020, .Frame204040s, .Frame304030s, .Frame404020s,
.Frame205030, .Frame305030, .Frame502030, .Frame205030s, .Frame305030s, .Frame502030s,
.Frame206020, .Frame306020, .Frame503020, .Frame206020s, .Frame306020s, .Frame503020s {
	background-color:#99FFFF;
	width:540px;
	list-style: none;
}

.Frame202060 ul li.c1, .Frame202060 tr td.c1, .Frame202060s ul li.c1, .Frame202060s tr td.c1, 
.Frame203050 ul li.c1, .Frame203050 tr td.c1, .Frame203050s ul li.c1, .Frame203050s tr td.c1, 
.Frame204040 ul li.c1, .Frame204040 tr td.c1, .Frame204040s ul li.c1, .Frame204040s tr td.c1, 
.Frame205030 ul li.c1, .Frame205030 tr td.c1, .Frame205030s ul li.c1, .Frame205030s tr td.c1, 
.Frame206020 ul li.c1, .Frame206020 tr td.c1, .Frame206020s ul li.c1, .Frame206020s tr td.c1 { width:108px; }

.Frame302050 ul li.c1, .Frame302050 tr td.c1, .Frame302050s ul li.c1, .Frame302050s tr td.c1,
.Frame303040 ul li.c1, .Frame303040 tr td.c1, .Frame303040s ul li.c1, .Frame303040s tr td.c1,
.Frame304030 ul li.c1, .Frame304030 tr td.c1, .Frame304030s ul li.c1, .Frame304030s tr td.c1,
.Frame305030 ul li.c1, .Frame305030 tr td.c1, .Frame305030s ul li.c1, .Frame305030s tr td.c1,
.Frame306020 ul li.c1, .Frame306020 tr td.c1, .Frame306020s ul li.c1, .Frame306020s tr td.c1 { width:162px; }

.Frame402040 ul li.c1, .Frame402040 tr td.c1, .Frame402040s ul li.c1, .Frame402040s tr td.c1,
.Frame403030 il li.c1, .Frame403030 tr td.c1, .Frame403030s il li.c1, .Frame403030s tr td.c1,
.Frame404020 ul li.c1, .Frame404020 tr td.c1, .Frame404020s ul li.c1, .Frame404020s tr td.c1 { width:216px; }

.Frame502030 ul li.c1, .Frame502030 tr td.c1, .Frame502030s ul li.c1, .Frame502030s tr td.c1,
.Frame503020 ul li.c1, .Frame503020 tr td.c1, .Frame503020s ul li.c1, .Frame503020s tr td.c1 { width:270px; }

.Frame602020 ul li.c1, .Frame602020 tr td.c1, .Frame602020s ul li.c1, .Frame602020s tr td.c1 { width:324px; }

.Frame202060 tr td.c2, .Frame202060s tr td.c2,
.Frame302050 tr td.c2, .Frame302050s tr td.c2,
.Frame402040 tr td.c2, .Frame402040s tr td.c2,
.Frame502030 tr td.c2, .Frame502030s tr td.c2,
.Frame602020 tr td.c2, .Frame602020s tr td.c2 { width:108px; }

.Frame203050 tr td.c2, .Frame203050s tr td.c2,
.Frame303040 tr td.c2, .Frame303040s tr td.c2,
.Frame403030 tr td.c2, .Frame403030s tr td.c2,
.Frame503020 tr td.c2, .Frame503020s tr td.c2 { width:162px; }

.Frame204040 tr td.c2, .Frame204040s tr td.c2,
.Frame304030 tr td.c2, .Frame304030s tr td.c2,
.Frame404020 tr td.c2, .Frame404020s tr td.c2 { width:216px; }

.Frame205030 tr td.c2, .Frame205030s tr td.c2,
.Frame305030 tr td.c2, .Frame305030s tr td.c2 { width:270px; }

.Frame206020 tr td.c2, .Frame206020 tr td.c2,
.Frame306020 tr td.c2, .Frame306020 tr td.c2  { width:324px; }

.Frame202060 tr td.c3, .Frame202060s tr td.c3  { width:324px; }     

.Frame302050 tr td.c3, .Frame302050s tr td.c3,
.Frame203050 tr td.c3, .Frame203050s tr td.c3 { width:270px; }

.Frame402040 tr td.c3, .Frame402040s tr td.c3,
.Frame303040 tr td.c3, .Frame303040s tr td.c3,
.Frame204040 tr td.c3, .Frame204040s tr td.c3 { width:216px; }

.Frame403030 tr td.c3, .Frame403030s tr td.c3, 
.Frame304030 tr td.c3, .Frame304030s tr td.c3,
.Frame205030 tr td.c3, .Frame205030s tr td.c3,
.Frame305030 tr td.c3, .Frame305030s tr td.c3,
.Frame502030 tr td.c3, .Frame502030s tr td.c3 { width:162px; }

.Frame404020 tr td.c3, .Frame404020s tr td.c3,
.Frame206020 tr td.c3, .Frame206020s tr td.c3,
.Frame306020 tr td.c3, .Frame306020s tr td.c3,
.Frame503020 tr td.c3, .Frame503020s tr td.c3,
.Frame602020 tr td.c3, .Frame602020s tr td.c3 { width:108px; }

.Frame403030s tr td.c3, .Frame404020s tr td.c3, .Frame402040s tr td.c3, .Frame302050s tr td.c3,               
.Frame304030s tr td.c3, .Frame206020s tr td.c3, .Frame303040s tr td.c3, .Frame203050s tr td.c3,               
.Frame205030s tr td.c3, .Frame306020s tr td.c3, .Frame204040s tr td.c3, .Frame202060s tr td.c3,             
.Frame305030s tr td.c3, .Frame503020s tr td.c3,                
.Frame502030s tr td.c3, .Frame602020s tr td.c3 { font-size:10px; }

.Frame40202020, .Frame40202020s { width:540px; }

.Frame40202020 ul li.c1, .Frame40202020s tr td.c1 { width:40%; }
.Frame40202020 ul li.c2, .Frame40202020s tr td.c2 { width:20%; }
.Frame40202020 ul li.c3, .Frame40202020s tr td.c3 { width:20%; }
.Frame40202020 ul li.c4, .Frame40202020s tr td.c4 { width:20%; }

.Frame40202020s tr td.c4 { font-size:10px; }

.Frame40252510, .Frame40252510s { width:540px; }

.Frame40252510 ul li.c1, .Frame40252510s tr td.c1 { width:40%; }
.Frame40252510 ul li.c2, .Frame40252510s tr td.c2 { width:25%; }
.Frame40252510 ul li.c3, .Frame40252510s tr td.c3 { width:25%; }
.Frame40252510 ul li.c4, .Frame40252510s tr td.c4 { width:10%; }

.Frame40252510s tr td.c4 { font-size:10px; }

li.2s{ font-size:10px; }

/* Navigation frame - menu and stuff on left */
#FrameNav { 
  background-image:url(../ALSCimages/Background.gif); 
  background-repeat:repeat-y;
  border: 0px;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  text-align:center;
  width: 192px;
  }

/* Navigation Top */
/* Define default formatting for ID="NavTop" menu across top of page */
#NavTop
{
	width: 560px;
	height: 28px;
	margin: 1px 12px 0 0px;
	vertical-align: middle;
	padding: 0 0 0 0;
	border: 0 0 0 0;
}

/* Refefine ul */
#NavTop ul
{
	margin:0;
	list-style-type: none;
	list-style-position: inside;
}

/* Refefine li after ul - stacks items left to right instead of vertical */
#NavTop ul li{
	float:left;
}

/* Redefine how a looks after ul for normal link, visited & active */
#NavTop ul a,
#NavTop ul a:link,
#NavTop ul a:visited,
#NavTop ul a:active {
	height:24px;
	line-height:20px;
	display:block;
	text-decoration:none;
	text-align:center;
	font-weight:bold;
	color:#4D5154;
	font-size: 12px;
}
/* Allow each instance of <a> to have a different color etc if wanted */
#NavTop ul li.on a#nav1,
#NavTop a#nav1:hover { color:#fff; background:#008080; }

#NavTop ul li.on a#nav2,
#NavTop a#nav2:hover { color:#fff; background:#008080; }

#NavTop ul li.on a#nav3,
#NavTop a#nav3:hover { color:#fff; background:#008080; }

#NavTop ul li.on a#nav4,
#NavTop a#nav4:hover { color:#fff; background:#008080; }

#NavTop ul li.on a#nav5,
#NavTop a#nav5:hover { color:#fff; background:#008080; }

#NavTop ul li.on a#nav6,
#NavTop a#nav6:hover { color:#fff; background:#008080; }

#NavTop ul li.on a#nav7,
#NavTop a#nav7:hover { color:#fff; background:#008080; }

#NavTop ul li.on a#nav8,
#NavTop a#nav8:hover { color:#fff; background:#008080; }

#NavTop ul li.on a#nav9,
#NavTop a#nav9:hover { color:#fff; background:#008080; }

#NavTop ul li span{
	height:8px;
	line-height:0;
	display:block;
	font-size:0;
}

/* Set width of each block with dividing vertical line */
a#nav1{
	width:46px;
}   /* Home */
a#nav2{
	width:64px;
	border-left:1px solid #008080;
}   /* Calendar */
a#nav3{
	width:54px;
	border-left:1px solid #008080;
}   /* Gallery */
a#nav4{
	width:85px;
	border-left:1px solid #008080;
}   /* Information */
a#nav5{
	width:45px;
	border-left:1px solid #008080;
}   /* News */
a#nav6{
	width:45px;
	border-left:1px solid #008080;
}   /* Galas */
a#nav7{
	width:61px;
	border-left:1px solid #008080;
}   /* Coaches */
a#nav8{
	width:55px;
	border-left:1px solid #008080;
}   /* Profiles */
a#nav9{
	width:45px;
	border-left:1px solid #008080;
}   /* Links */

/* Extend vertical line below block? */
xhtml>body a#nav1{
	width:46px;
}  /* Home */
xhtml>body a#nav2{
	width:64px;
}  /* Calendar */
xhtml>body a#nav3{
	width:51px;
}  /* Gallery */
xhtml>body a#nav4{
	width:78px;
}  /* Information */
xhtml>body a#nav5{
	width:40px;
}  /* News */
xhtml>body a#nav6{
	width:43px;
}  /* Galas */
xhtml>body a#nav7{
	width:58px;
}  /* Coaches */
xhtml>body a#nav8{
	width:53px;
}  /* Profiles */
xhtml>body a#nav9{
	width:40px;
}  /* Links */

.twoColLiqLtHdr #container {
	width: 760px;  /* this will create a container 80% of the browser width */
	background: #FFFFFF;
	margin: 0 0 0 0; /* the auto margins (in conjunction with a width) center the page */
	border: 1px solid #000000;
	text-align: left; /* this overrides the text-align: center on the body element. */
} 
.twoColLiqLtHdr #header {
	text-align:center;
	font-size:26px;
	font-weight:bold;
	color:teal;
	background: #EEEEEE;  /* this padding matches the left alignment of the elements in the divs that appear beneath it. If an image is used in the #header instead of text, you may want to remove the padding. */
	width: 760px;
} 
.twoColLiqLtHdr #header h1 {
	margin: 0; /* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */
	padding: 10px 0; /* using padding instead of margin will allow you to keep the element away from the edges of the div */
}

/* Tips for sidebar1:
1. since we are working in percentages, it's best not to use padding on the sidebar. It will be added to the width for standards compliant browsers creating an unknown actual width. 
2. Space between the side of the div and the elements within it can be created by placing a left and right margin on those elements as seen in the ".twoColLiqLtHdr #sidebar1 p" rule.
3. Since Explorer calculates widths after the parent element is rendered, you may occasionally run into unexplained bugs with percentage-based columns. If you need more predictable results, you may choose to change to pixel sized columns.
*/
.twoColLiqLtHdr #sidebar1 {
	float: left;
	width: 140px; /* since this element is floated, a width must be given */
	background: #6AA; /* the background color will be displayed for the length of the content in the column, but no further */
	padding: 10px 10px;
	font-weight: bold;
	font-size: 12px;
}
.twoColLiqLtHdr #sidebar1 h3, .twoColLiqLtHdr #sidebar1 p {
	margin-left: 10px; /* the left and right margin should be given to every element that will be placed in the side columns */
	margin-right: 10px;
}

/* Tips for mainContent:
1. the space between the mainContent and sidebar1 is created with the left margin on the mainContent div.  No matter how much content the sidebar1 div contains, the column space will remain. You can remove this left margin if you want the #mainContent div's text to fill the #sidebar1 space when the content in #sidebar1 ends.
2. to avoid float drop at a supported minimum 800 x 600 resolution, elements within the mainContent div should be 430px or smaller (this includes images).
3. in the Internet Explorer Conditional Comment below, the zoom property is used to give the mainContent "hasLayout." This avoids several IE-specific bugs.
*/
.twoColLiqLtHdr #mainContent {
	margin: 0 0px 0 0px;
	padding: 10px 10px;
} 
.twoColLiqLtHdr #footer {
	padding: 0 10px; /* this padding matches the left alignment of the elements in the divs that appear above it. */
	background:#EEEEEE;
} 
.twoColLiqLtHdr #footer p {
	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	padding: 10px 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
}

/* Miscellaneous classes for reuse */
.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 8px;
}
.fltlft { /* this class can be used to float an element left in your page */
	float: left;
	margin-right: 8px;
}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}
