/* === header === */
#header h1 {
  float: left;
  position: relative;
  margin: 0;
  padding: 0;
  height: 102px;
  width: 180px;
  text-indent: -9999px;
  background: transparent url(/xcs/images/logo_bg_header.png) top left no-repeat;
  color: #fff;
}
#header h1 a {
  display: block;
  width: 100%;
  height: 100%;
  text-decoration: none;
}
#header img {
  border: none;
}
#header p {
  float: left;
  font-size: 80%;
  margin: 10px 0 0;
  padding-left: 10px;
  font-weight: bold;
}
/* === end header === */

/* === navigation === */
ul#navlist {
  margin: 0;
  padding: 0;
  list-style-type: none;
}
#navlist li {
  position: relative;
  margin: 0;
  padding: 0.2em 0em 0.2em 0em;
  width: 153px;
  font-size: 80%;
  background: transparent url(/xcs/images/navitem_bg.png) -1px bottom no-repeat;
}
#navlist li img {
  float: right;
  margin: 4px 12px 0 0;
}
#navlist a {
  display: block;
  margin: 0;
  padding: 0 0 0 5px;
  width: 143px;
  text-decoration: none;
  color: #000;
}
#navlist a:hover {
  color: #fff;
}
#navlist a.current {
  color: #fff;
  font-weight: bold;
}
#navlist em {
  font-style: normal;
  text-decoration: underline;
}
#sub1, #sub2, #sub3, #sub4, #sub5, #sub6, #sub7, #sub8, #sub9, #sub10, #sub11, #sub12, #sub13, #sub14, #sub15, #sub16, #sub17, #sub18, #sub19, #sub20, #sub21, #sub22, #sub23, #sub24, #sub25, #sub26, #sub27, #sub39, #sub42 {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
#sub1 li, #sub2 li, #sub3 li, #sub4 li, #sub5 li, #sub6 li, #sub7 li, #sub8 li, #sub9 li, #sub10 li, #sub11 li, #sub12 li, #sub13 li, #sub14 li, #sub15 li, #sub16 li, #sub17 li, #sub18 li, #sub19 li, #sub20 li, #sub21 li, #sub22 li, #sub23 li, #sub24 li, #sub25 li, #sub26 li, #sub27 li, #sub39 li, #sub42 li {
  padding-left: 10px;
  margin: 0;
  width: 143px;
  \width: 153px;
  w\idth: 143px;
  background: transparent url(/xcs/images/navitem_indicator.png) 0.8em no-repeat;
  font-size: 90%;
}
#sub1 a, #sub2 a, #sub3 a, #sub4 a, #sub5 a, #sub6 a, #sub7 a, #sub8 a, #sub9 a, #sub10 a, #sub11 a, #sub12 a, #sub13 a, #sub14 a, #sub15 a, #sub16 a, #sub17 a, #sub18 a, #sub19 a, #sub20 a, #sub21 a, #sub22 a, #sub23 a, #sub24 a, #sub25 a, #sub26 a, #sub27 a, #sub39 a, #sub42 a {
  margin: 0;
  width: 128px;
}
#sub1 a.current, #sub2 a.current, #sub3 a.current, #sub4 a.current, #sub5 a.current, #sub6 a.current, #sub7 a.current, #sub8 a.current, #sub9 a.current, #sub10 a.current, #sub11 a.current, #sub12 a.current, #sub13 a.current, #sub14 a.current, #sub15 a.current, #sub16 a.current, #sub17 a.current, #sub18 a.current, #sub19 a.current, #sub20 a.current, #sub21 a.current, #sub22 a.current, #sub23 a.current, #sub24 a.current, #sub25 a.current, #sub26 a.current, #sub27 a.current, #sub28 a.current, #sub42 a.current {
  background-color: transparent;
  color: #fff;
}
/* === content === */
#content h1, #content h2 {
  margin: 1em 0 0;
  padding: 0;
}
#content h3, #content h4 {
  margin: 0.2em 0 0;
  padding: 0;
}

#content h1,#content h2,#content h3 {
  font-weight: normal;
}
#content p,#content address {
  margin: 0 0 1em;
  font-size: 80%;
  font-style: normal;
  line-height: 1.5em
}
#content ul,#content ol {
  margin-top: 0;
  margin-bottom: 1em;
  font-size: 80%;
  font-style: normal;
  line-height: 1.5em
}
#content li {
  margin-bottom: 0.3em;
}
/* === end content === */
/* === language bar === */
#lang {
  margin: 0 0 1em;
  padding: 0;
  width: 420px;
  border-bottom: 1px solid #888;
  font-size: 74%;
  text-align: right;
}
#lang #date {
  float: left;
}
/* === end language === */
/* === #controls === */
#controls {
  margin: 5px 0;
  text-align: center;
}
#controls p {
  margin: 0;
  font: 74%/1.5em 'gill sans mt',verdana,helvetica,sans-serif;
}
/* === thumbnail styles === */
/*core drop shadow rules*/
.wrap1, .wrap2, .wrap3 {
  display:inline-table;
  /* \*/display:block;/**/
} 
.wrap1 {
  margin-right: 10px;
  float:left;
  background:url(http://ymephoto.ca/yme/images/shadow.gif) right bottom no-repeat;
}
.wrap2 {
  background: url(http://ymephoto.ca/yme/images/corner_bl.gif) -4px 100% no-repeat;
}
.wrap3 {
  padding: 0 5px 5px 0;
  background: url(http://ymephoto.ca/yme/images/corner_tr.gif) 100% -3px no-repeat;
}
.wrap3 img {
  display: block;
  border: 1px solid #333;
  margin: 0;
  padding: 0;
}
.wrap1 a {
  margin: 0;
  padding: 0;
}
div#viewer {
  position: relative;
  width: 100%;
  text-align: center;
}  
div.frame {
  margin: 5px auto;
  padding: 0px;
/*  border: 1px solid #000; */
  background-color: transparent;
  color: #666;
  text-align: center;
}

div.frame img {
  display: block;

  margin: 6px auto;
  padding: 6px;
  border: 1px solid #000;
  background-color: #eee;
}
/* === footer === */
#footer p {
  margin-top: 0.1em;
  padding-bottom: 1em;
  font-size: 76%;
}
/* === end footer === */
/* === count down === */
#cntdwn {
  float: right;
  margin: 5px 0 5px 5px;
  width: 230px;
  background: transparent url(/xcs/images/cntdwn_bg.gif) center top repeat-y;
  color: #fff;
}
#cntdwn .top {
  margin: 0;
  height: 14px;
  background: transparent url(/xcs/images/cntdwn_top.gif) center top no-repeat;
  color: #fff;
}
#cntdwn .copy {
  margin: 0;
  padding: 0 10px 15px 5px;
  background: transparent url(/xcs/images/cntdwn_map.gif) center bottom no-repeat;
  color: #fff;
}
#cntdwn p {
  margin: 0 0 0.5em;
  line-height: 1.2em;
}
#cntdwn p.big {
  font-size: 150%;
}
#cntdwn a {
  text-decoration: none;
  color: #ff0;
  background-color: transparent;
}
#cntdwn a:hover {
  color: #ccc;
  background-color: transparent;
}
#cntdwn .btm {
  margin: 0;
  height: 16px;
  background: transparent url(/xcs/images/cntdwn_btm.gif) center bottom no-repeat;
  color: #fff;
}
/* === end cntdwn === */
/* === infobx === */
.infobx {
  width: 280px;
  background: transparent url(/xcs/images/infobx_bg.gif) center top repeat-y;
}
.infobx .top {
  margin: 0;
  padding: 0;
  height: 10px;
  background: transparent url(/xcs/images/infobx_top.gif) center top no-repeat;
}
.infobx .btm {
  margin: 0;
  padding: 0;
  height: 10px;
  background: transparent url(/xcs/images/infobx_btm.gif) center bottom no-repeat;
}
.infobx .copy {
  margin: 0;
  padding: 0 6px;
  background: transparent url(/xcs/images/infobx_copy.gif) right bottom no-repeat;
}
#reg,#dyk {
  float: left;
}
#dyk {
  margin-left: 6px;
}
#reg p,#news p,#dyk p {
  margin: 0;
  font-size: 74%;
}
#reg h4,#news h4,#dyk h4 {
  margin: 0;
  padding: 0.2em;
  font-size: 80%;
  background: transparent url(/xcs/images/infobx_h4.gif) center no-repeat;
  color: #fff;  
}

/* === general === */
.space {
  clear: both;
  margin: 1em;
}

/* contact list page listing styles */
#content p.cnctitem {
  padding-left: 15px;
}

#content span.cnctinfo {
  display: block; 
  padding-left: 15px;
}

#content h3.cncttitle {
  font-size: 100%;
  font-weight: bold;
}

/* === end general === */

/* === forms === */
label {
  font-size: 80%;
}
form#regular {
  margin: 0 auto;
  padding: 0;
  width: 520px;
}
form#regular fieldset {
  margin: 0 auto;
  padding: 5px;
}
form#regular legend {
  margin-bottom: 10px;
  font-size: 90%;
  font-weight: bold;
}
form#regular p {
  margin: 0;
}
form#regular label {
  clear: left;
  float: left;
  width: 120px;
  text-align: right;
}
form#regular label.inline {
  display: inline;
  clear: none;
  float: none;
  width: auto;
  text-align: left;
}
form#regular .submit {
  margin: 10px 0 0;
}
form#regular div.lt, form#regular div.gt {
  margin: 5px 0;
  padding: 0;
  width: 220px;
}
form#regular div.lt {
  float: left;
}
form#regular div.gt {
  float: right;
}
form#regular div.space {
  clear: both;
  margin-top: 6px;
  font-size: 1px;
}
form#regular div.caption {
  clear: both;
  margin-left: 150px;
  margin-bottom: 6px;
  font: normal normal 75%/1.2em 'gill sans mt',helvetica,verdana,sans-serif;
}
form#regular .checks {
  text-align: right;
}
form#regular .checks label {
  text-align: left;
  width: auto;
}
form#regular .checks .space {
  margin: 2px 0;
  border-top: 1px solid #ddd;
}
form#regular .checks input {
  margin: 1px 0 1px 10px;
}
form#regular h4.form {
  margin-bottom: 0.3em;
  text-align: left;
  border-bottom: 1px solid #888;
  font-size: 90%;
}
/* === end form === */
/* === table === */
table {
  position: relative;
  margin: 1em auto;
  padding: 0;
  font-size: 1em;

  border: 1px solid #aaa;
  background-color: transparent;
  color: #000;
}
tr {
  margin: 0;
  padding: 0;
}
th {
  margin: 0;
  padding: 0;
  font: normal bold 76% verdana,arial,helvetica,sans-serif;
  vertical-align: top;
  border-bottom: 1px solid #ccc;
  background-color: #eee;
  color: #000;
}
td {
  margin: 0 0.2em;
  padding: 0;
  font: 76% 'gill sans mt',arial,helvetica,sans-serif;
  border-bottom: 1px solid #ccc;
}
td td,td th,th td,th th {
  font-size: 100%;
}

/* == .registration == */
table.registration {
  font-family: verdana,arial,sans-serif;
}
.registration caption {
  text-align: left;
}
.registration th,.registration td {
  margin: 10px 2px;
  padding: 2px;
  border-bottom: none;
  vertical-align: top;
  font-family: verdana,arial,sans-serif;
}
.registration th {
  text-align: center;
  font-size: 80%;
  text-transform: uppercase;
}
.registration td.data {
  border-bottom: 1px solid #000;
}
.registration td.check {
  width: 20px;
  border: 1px solid #000;
}
.registration .rt {
  text-align: right;
}
.registration .ct {
  text-align: center;
}
.registration .lt {
  text-align: left;
}
tr.sh {
   background-color: #eee;
}
/* == table#sprints == */
table#sprints {
   position: relative;
  margin: 0 auto;
  border: 1px solid #888;
  width: 460px;
}
table.sprints td {
  margin: 0;
  padding: 2px;
  vertical-align: middle;
  border-bottom: none;
}
tabe#sprints td.sp {
  height: 6px;
  font-size: 6px;
  border-bottom: none;
}
table#sprints td.top {
  padding: 0;
  background: transparent url(/xcs/images/spr_tbl_top.gif) left center no-repeat;
  height: 6px;
  font-size: 6px;
  border-bottom: none;
}
table#sprints td.mid {
  padding: 0;
  background: transparent url(/xcs/images/spr_tbl_mid.gif) left center no-repeat;
  height: 6px;
  font-size: 6px;
  border-bottom: none;
}
table#sprints td.btm {
  padding: 0;
  background: transparent url(/xcs/images/spr_tbl_btm.gif) left center no-repeat;
  height: 6px;
  font-size: 6px;
  border-bottom: none;
}
table#sprints td.adv {
  padding: 0;
  background: transparent url(/xcs/images/spr_adv_line.gif) left center no-repeat;
  height: 6px;
  font-size: 6px;
  border-bottom: none;
}
table#sprints td.heat {
  border-bottom: none;
}
td.heat div.list {
  border: 1px solid #888;
  padding: 3px;
}