#buttonbar {
	position:absolute;	
	width:607px;	height:33px;	
	z-index:1;	left: 178px;
	top: 102px;	
	background-color: #cbeff7;
	text-align: center;
	color: #046288;
	padding-top: 2px;}
	
#imgbar {	
	position:absolute;
	width:607px;
	height:33px;
	z-index:2;
	left: 178px;
	top: 69px;}

#logo {
	position:absolute;
	width:144px;
	height:129px;
	z-index:3;
	left: 33px;
	top: 38px;}

#flash {
	position:absolute;
	width:153px;
	height:155px;
	z-index:4;
	left: 33px;
	top: 185px;}

#sidebar {
	position:absolute;
	width:153px;
	height:397px;
	z-index:5;
	left: 33px;
	top: 340px;
	background-color: #cbeff7;
	padding-top: 20px;}

#Layer1 {
	position:absolute;
	width:575px;
	height:562px;
	z-index:6;
	left: 210px;
	top: 185px;
	background-color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;}
	
#Layer2 {
	position:absolute;
	width:15px;
	height:572px;
	z-index:7;
	left: 210px;
	top: 185px;}

#Layer3 {
	position:absolute;
	width:14px;
	height:572px;
	z-index:8;
	left: 771px;
	top: 185px;}

#Layer4 {
	position:absolute;
	width:575px;
	height:14px;
	z-index:9;
	left: 210px;
	top: 185px;}

#Layer5 {
	position:absolute;
	width:798px;
	height:32px;
	z-index:10;
	left: 33px;
	top: 780px;
	background-color: #cbeff7;
	padding-top: 15px;}
	
#container {
	margin: 0 auto;
	width: 950px;
	position: relative;
	text-align: center;	}

body {
	background-color: #FFFFFF;
	background-image: url(../assets/images/backgroundlong.gif);
	background-repeat: no-repeat;
	background-position: 50% 0%;
	text-align: center;}

body,td,th {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;}

IMG.displayed{
	display: block;
	margin-left: auto;
	margin-right: auto;}

.style1 {
	color: #FFFFFF;
	font-weight: bold;
	font-size: 16px;}

a:link {
	color: #FFFFFF;}
	
a.no_bg_color:link {
	color: #0000FF;
	font-weight: bold;}

a:visited {
	color: #CCCCCC;
	font-weight: bold;}

a.no_bg_color:visited {
	color: #0000FF;
	font-weight: bold;}

a:hover {
	color: #006396;}

a:active {
	color: #FFFFFF;}

a.no_bg_color:active {
	color: #0000FF;}

.style5 {
	color: #CCCCCC}

.style6 {
	color: #FFFFFF}

.style7 {
	font-size: 16px;
	font-weight: bold;
	color: #046288;}

.style8 {
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;}

.style9 {	
	font-size: 14px;	
	font-weight: bold;	
	color: #000000;}

.noborder {	
	border-width: 0px}

.aligncenter {	
	text-align: center;}

.alignleft {	
	text-align: left;}

.alignright {
	text-align: right;}

.title_block {
	font-family: tahoma small cap;
	font-size: 30px;	
	color: #00638C;
	}
	
/* default setup that everything sees */
.shadow {
  /* needed for Internet explorer */
  height: 1.5em;
  filter: Shadow(Color=#E3E1E1, 
                 Direction=135, 
                 Strength=5);

  /* Needed for Gecko */
  line-height: 2em;
  white-space: nowrap;
}

/* 
 * used by browsers which know about
 * :before to create the shadow 
 */
 
 .shadow_fr {
  /* needed for Internet explorer */
  height: 1.5em;
  filter: Shadow(Color=#E3E1E1, 
                 Direction=135, 
                 Strength=5);

  /* Needed for Gecko */
  line-height: 2em;
  white-space: nowrap;
}

/* 
 * used by browsers which know about
 * :before to create the shadow 
 */
 
.shadow:before {
  display: block;
  margin: 0 0 -2.12em 0.05em;
  padding: 0;
  color: #E3E1E1; 
}

.shadow_fr:before {
  display: block;
  margin: 0 0 -2.12em 0.05em;
  padding: 0;
  color: #E3E1E1; 
}

#shadow_1:before { 
  content: 'Air Cadet League of Canada (ACLC)'; 
}
#second_2:before { 
  content: 'Air Cadet League of Canada (ACLC)'; 
}
#shadow_fr_1:before { 
  content: "Ligue des cadet de l'Air (LCAC)"; 
}
#second_fr_2:before { 
  content: "Ligue des cadet de l'Air (LCAC)"; 
}

/*\*/
html*.shadow {

  [color:red;/* required by Safari 
              * so that [] is correctly
              * begun. associated with
              * the property, yet hiding
              * it. Seen by IE6 */

    /* 
     * seen by IE6 and Safari, but hidden
     * from Gecko 
     */
    text-shadow: #E3E1E1 5px 5px 5px; 

  ]color:auto; /* resets color for IE6 */
}/**/

/* 
 * end hack using dummy attribute selector
 * for IE5 mac
 */
.dummyend[id]{clear: both;}

/*\*/
html*.shadow_fr {

  [color:red;/* required by Safari 
              * so that [] is correctly
              * begun. associated with
              * the property, yet hiding
              * it. Seen by IE6 */

    /* 
     * seen by IE6 and Safari, but hidden
     * from Gecko 
     */
    text-shadow: #E3E1E1 5px 5px 5px; 

  ]color:auto; /* resets color for IE6 */
}/**/

/* 
 * end hack using dummy attribute selector
 * for IE5 mac
 */
.dummyend[id]{clear: both;}

/*\*/
html*.shadow:before {

  [color:red;/* required by Safari. 
                seen by IE6 */

    /* 
     * seen by IE6 and Safari, but hidden
     * from Gecko 
     */
    display: none;

  ]color:auto; /* resets color for IE6 */
}/**/

/* 
 * end hack using dummy attribute selector
 * for IE5 mac
 */
.dummyend[id]{clear: both;}

/*\*/
html*.shadow_fr:before {

  [color:red;/* required by Safari. 
                seen by IE6 */

    /* 
     * seen by IE6 and Safari, but hidden
     * from Gecko 
     */
    display: none;

  ]color:auto; /* resets color for IE6 */
}/**/

/* 
 * end hack using dummy attribute selector
 * for IE5 mac
 */
.dummyend[id]{clear: both;}

table.center{
	margin-left: auto;
	margin-right: auto;}