/* --- Font Size Conversion Table From Base 16px --- */
/* ---  9px = 57% --- */
/* --- 10px = 63% --- */
/* --- 11px = 69% --- */
/* --- 12px = 75% --- */
/* --- 13px = 82% --- */
/* --- 14px = 88% --- */
/* --- 15px = 94% --- */
/* --- 16px = 100% --- */
/* --- 18px = 113% --- */
/* --- 20px = 125% --- */
/* --- 24px = 150% --- */

/*****************************************************
  GENERIC CLASSES
*****************************************************/
.access { position: absolute; top: 0; left: -99999em; }

	
/*****************************************************
  LAYOUT
*****************************************************/
#bodyContainer {
  overflow: hidden;
  color: #000;
  text-align:center;
  background: #fff url('../images/2010/backgrounds/main.png') 0 147px repeat-x;
}

#layoutContainer {
  text-align: center;
}
#layoutContainer[id] {
  background: url('../images/2010/backgrounds/snow.png') center 0 no-repeat;
}

.wrapper {
  width: 955px;
  margin: 0 auto;
  text-align: left;
}

/*****************************************************
  HEADER
*****************************************************/
#header {
  padding-top: 20px;
  height: 87px;
  overflow: hidden;
}

#logo {
float: left;
}

#logo a {
height: 74px; width: 143px;
text-indent: -999em;
display: block; overflow: hidden;
background: url('../images/2010/backgrounds/logo.png') no-repeat;
}

/*****************************************************
UTILS
*****************************************************/
#utils {
position: relative;
float: right;
padding-right: 8px;
height: 86px; width: 785px;
}

#search {
float: right;
width: 225px;
padding-bottom: 20px;
}
#search .field {
float: left;
padding-top: 2px;
/*margin-right: 5px;*/
}
#search .field input {
border: 1px solid #cccccc;
}
#search .submit {
float: right;
position: relative;
width: 64px;
height: 20px;
}
#search .submit input {
border: 0;
position: absolute;
top: 1px;
cursor: pointer;
height: 19px; width: 64px;
background: url('../images/2010/buttons/search.gif') no-repeat;
}





#utils .welcome {
clear: both;
}

#header-weather {
clear: both;
float: right;
width: 360px;
position: relative;
font: 10px/1.3em Arial, Verdana, Sans-Serif;
}
#header-weather  .current-temp {
position: relative;
margin-left: 18px;
width: 230px; height: 40px;
}
#header-weather  .current-temp .label {
position: absolute;
width: 65px;
font-size: 1.2em;
font-weight: bold;
top: 3px;
}
#header-weather  .current-temp .icon {
position: absolute;
top: 3px; left: 85px;
}
#header-weather  .current-temp .temp {
position: absolute;
top: 12px; right: 5px;
padding-top: 10px;
top: 3px; right: 5px;
font-size: 3.5em;
font-weight: bold;
height: 30px;
padding-bottom: 10px;
}
#header-weather  .info {
font-size: 1.1em;
font-weight: normal;
position: absolute;
top: 0; right: 0px;
}
#header-weather a {
color: #f3721e;
text-decoration: underline;
}
#header-weather a:hover {
text-decoration: none;
}


/*****************************************************
  NAVIGATION
*****************************************************/
#navigation {
  clear: both;
  height: 40px;
  margin: 0; 
  padding: 0;
  overflow: hidden;
  background: url('../images/2010/backgrounds/navbar.png') top repeat-x;
  font: 10px/1.3em Arial, Verdana, Sans-Serif; color: #454545;
}
.navTable {
  margin: 1px;
}

#navigation li {
  font-size: 1.2em;
}

/* not required now since we have kcms powered dropdowns again

#navigation li {
  margin: -6px 0 0 !important; padding: 0 !important;
  display: inline;
  float: left;
  overflow: hidden;
  font-size: 1.3em;
}

#navigation a {
  float: left;
  display: block;
  height: 14px;
  color: #333333;
  text-decoration: none;
}
#navigation a:hover, #navigation a.active {
  color: #0078c1;
  background: url('../images/2010/backgrounds/nav-hover.gif') repeat-x;
}
*/


/*****************************************************
  HOMEPAGE
******/

a.txaBookButton {
  background: url('/images/btnBook.png') no-repeat;
  text-indent: -10000px;
  display: block;
  width: 120px;
  height: 39px;
  margin: 0 0 20px 18px;
}

.kContentContainerTable { 
width: 100%;
table-layout: fixed;
}
.kEditModeContentButtonsContainerCell {
	width:35px;
}