/*----------------------------------------------------------------------------------------------------------------------------------
	Black 'n Tan style sheet for screen media
----------------------------------------------------------------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------------------------------------------------------------
	HTML elements. 

	These are kept to a minimum as once a style is applied to a html element, it can't be overridden with a class.
----------------------------------------------------------------------------------------------------------------------------------*/
body {
	background:#999 url("beachBackground.jpg") no-repeat fixed top left;
	margin: 0;
	padding: 0;
	font-family: Helvetica, Verdana, Arial, sans-serif;
	font-size: 12px;
	color: #fff;
	line-height: 16px;
}

textarea {
	resize: none; /* Google Chrome and Safari */
}

p {
	margin:5px 0px 10px 0px;
	padding:0px;
}

/*----------------------------------------------------------------------------------------------------------------------------------
	Dom IDs controlling layout	
----------------------------------------------------------------------------------------------------------------------------------*/
#siteDiv {
	position:relative;
}

#siteHeading {
	position:relative;
	height:36px;
	margin:0;
	padding:0;
	background:#000;
	border-top:#000 1px solid;
	min-width:1180px;
	width:100%;
}

#sitePage {
	position:relative;
	width:1180px;
  margin: -36px auto 0 auto;
  border-top:#000 1px solid;
}

#topPanel {
	position:relative;
	border-top:#000 1px solid;
}
	
#homeLogo {
	position:absolute;
	left:0px;
	top:0px;
	width:160px;
	height:40px;
  background:url(TOC-Logo160.png) no-repeat top left;
	cursor:pointer;
}

#memberStatusBox {
	position:absolute;
	top:2px;
	right:5px;
	margin-left:10px;
}

#memberWelcome {
  position:relative;
  width:500px;
	margin:5px 0 30px 660px; /* ie6/7 bug */
  text-align:right;
}

#memberLogout {
  margin:0 15px 0 20px;
}

#memberPhoto {
  position:absolute;
  top:52px;
  right:10px;
  width:32px;
}

#memberPhotoImage {
  height:40px;
  width:32px;
}

#memberStatus {
  position:relative;
  float:right;
  width:330px;
  margin:0px 50px 0 0px;
  text-align:left;
}

/*----------------------------------------------------------------------------------------------------------------------------------
  Login Box
----------------------------------------------------------------------------------------------------------------------------------*/
#loginDiv {
  margin:0;
  padding:0;
}

#loginDiv .bdrBg #memberLoginPrompt, #loginDiv .brdBg #memberLoginBox {
  padding:5px;
}

#memberLoginBox {
  position:relative;
  margin:5px 0 0 50px;
}

#memberLoginPrompt {
  float:left;
  width:300px;
  margin-right:15px;
}

#forgotPassword {
  float:left;
  margin:2px 20px 0 0;
}

#memberLoginInput {
  float:left;
  margin-right:20px;
}

#username, #password  {
  font-size:10pt;
  padding:0;
}

#loginButton {
  margin-left:5px;
}

#rememberBox {
  font-size:8pt;
  float:left;
  margin-right:15px;
}

/*----------------------------------------------------------------------------------------------------------------------------------
  Marquee
----------------------------------------------------------------------------------------------------------------------------------*/
#marqueePanel {
	margin:40px 0 0 120px;
}

#marqueePanel .bdrBg {
  height:30px;
  background:#000;
}

#marqueePanel .bdrTl {
  background: url(bdrTL.png);
}

#marqueePanel .bdrTp {
  background:#000;
}

#marqueePanel .bdrTr {
  background: url(bdrTR.png);
}

#marqueePanel .bdrLt {
  background:#000;
}

#marqueePanel .bdrRt {
  background:#000;
}

#marqueePanel .bdrBl {
  background: url(bdrBL.png);
}

#marqueePanel .bdrBt {
  background:#000;
}

#marqueePanel .bdrBr {
  background: url(bdrBR.png);
}

/*----------------------------------------------------------------------------------------------------------------------------------
  Middle Panel
----------------------------------------------------------------------------------------------------------------------------------*/
#middlePanel {
	margin-left:120px;
}

#mainPanel {
	width:660px;
	float:left;
  min-height:500px;
  height:auto!important;
  height:500px;
}

#infoPanel {
	width:400px;
	float:right;
}

/*----------------------------------------------------------------------------------------------------------------------------------
	Menu Classes
----------------------------------------------------------------------------------------------------------------------------------*/
#applnMenus {
	position:absolute;
	top:45px;
	left:0;
	width:115px;	
	z-index:200;
}

#mainMenu {
  width:115px;
  z-index:10; /* Required to fix ie6 z-index bug, this div is the ancestor of the menu */
  padding-bottom:8px;
  margin:0 0 5px 0;
  background: url(menuBot.gif) no-repeat bottom left;
}

.mainMenuLeft {
  background: url(menuTop.gif) no-repeat top left;
  height:7px;
}

.mainMenuRight {
	display:none;
}

.mainMenu  {
  list-style:none;
  margin:0px;
  padding:1px 2px 10px 5px;
  background: url(menuBg.gif) repeat-y;
}

.mainMenu li {
  margin:0px 4px 2px 4px;
  padding:7px 0 0 5px;
  font-weight:bold;
  font-size:11px;
  height:22px;
	position:relative;
}

.mainMenuFirstItem {
  border-top:#4a4743 1px solid;
}

.mainMenuItem {
  border-top:#555 1px solid;
}

.mainMenu a {
  text-decoration:none;
}

.mainMenu a:hover { /* For ie6's benefit, hover only works on 'a' elements with a href */
  color:#fc0;
}

.mainMenu span:hover { /* For ie6's benefit, hover only works on 'a' elements with a href */
  color:#fc0;
}

.menuText {
  float:left;
}

.menuCounter {
  float:right;
}

.mainMenu li ul { /*  Dynamic Menu component */
  position:absolute;
  top:15px;
  left:70px;
  margin:0;
  padding:0;
  background:#4a4743;
  border:#ddd 1px solid;
  -moz-border-radius:5px;
  -webkit-border-radius:5px;
  border-radius:5px;
  z-index:2345678;
  list-style:none;
  display:none;

  /* Ie 7 Hacks to get menu to display properly */
  /* *border-width:1px 0px 0px 0px; */

	/* required by ie6 to cause it to appear downwards */
  _width:1px; 
}

.mainMenu li ul li {
  font-weight:bold;
  font-size:11px;
  position:relative;
  margin:0px 5px 0px 5px;
  padding: 6px 0px 0px 5px;
  width:125px;
  height:23px;
  border-right:0;
  border-bottom:#555 1px solid;
}

.mainMenu li ul li a {
  margin-left:5px;
  padding:0;
}

.mainMenu li:hover > ul {
  display: table;
}

.activeMenuItem {
  color:#fff;
  cursor:pointer;
}

.inactiveMenuItem {
  color:#999;
  cursor:pointer;
}

/*----------------------------------------------------------------------------------------------------------------------------------
	Site Menu
----------------------------------------------------------------------------------------------------------------------------------*/
#siteMenu {
  width:115px;
  z-index:10;
  padding-bottom:8px;
  margin:10px 0 5px 0;
  background: url(siteBot.gif) no-repeat bottom left;
}

.siteMenuLeft {
  background: url(siteTop.gif) no-repeat top left;
  height:7px;
}

.siteMenuRight {
  display:none;
}

.siteMenu {
  list-style:none;
  margin:0;
  padding:1px 2px 10px 5px;
  background: url(siteBg.gif) repeat-y;
}

.siteMenu li {
  margin:0px 4px 2px 4px;
  padding:7px 0 0 5px;
  font-weight:bold;
  font-size:11px;
  height:22px;
	position:relative;
}

.siteMenuFirstItem {
  border-top:#000 1px solid;
}

.siteMenuItem {
  border-top:#1b1c1d 1px solid;
}

.siteMenu a {
  text-decoration:none;
}

.siteMenu a:hover { /* For ie6's benefit, hover only works on 'a' elements with a href */
  color:#fc0;
}

.siteMenu span:hover { /* For ie6's benefit, hover only works on 'a' elements with a href */
  color:#fc0;
}

.siteMenu li ul { /*  Dynamic Menu component */
  position:absolute;
  top:15px;
  left:70px;
  margin:0;
  padding:0;
  background:#000;
  border:#ddd 1px solid;
  -moz-border-radius:5px;
  -webkit-border-radius:5px;
  border-radius:5px;
  z-index:2345678;
  list-style:none;
  display:none;

	/* required by ie6 to cause it to appear downwards */
  _width:1px; 
}

.siteMenu li ul li {
  font-weight:bold;
  font-size:11px;
  position:relative;
  margin:0px 5px 0px 5px;
  padding: 6px 0px 0px 5px;
  width:145px;
  height:23px;
  border-right:0;
  border-bottom:#555 1px solid;
}

.siteMenu li ul li a {
  margin-left:5px;
  padding:0;
}

.siteMenu li:hover > ul {
  display: table;
}

.siteMenuActive {
  color:#fff;
  cursor:pointer;
}

.siteMenuInactive {
  color:#777;
  cursor:pointer;
}

.submenu { /* Location lifestyle pages only */
  margin:0px;
  padding:0px;
  height:25px;
  list-style:none;
}

.submenu li {
  margin:0px 15px 0px 0px;
  float:left;
  color:#eef;
  padding:9px 5px 4px 0px;
  font-size:11pt;
  font-weight:normal;
}

/*----------------------------------------------------------------------------------------------------------------------------------
 Box Classes 
----------------------------------------------------------------------------------------------------------------------------------*/
.calDate {
	background-image:url(calendarBg.png);
}

.infoBkg, .infoBox, .infoBoxRounded {
	background:#393633;
}

.infoBkg, .infoPln {
	margin:0;
	padding:6px;
}

.infoBox, .infoBoxRounded	{
	margin:0px;
	padding:7px;
	color:#fff;
	border:1px solid #615b50;
}

.infoBoxBorder	{
	margin:0px;
	padding:10px;
	color:#fff;
	background:#393633;
	border:2px solid #615b50;
}

.infoBoxSpace {
	margin:0px 0px 2px 0px;
	padding:10px;
	color:#fff;
	background:#393633;
}

.infoBoxRounded {
	border:1px solid #bbb;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	-khtml-border-radius:5px;
	border-radius:5px;
}

.borderedBox {
	background-color:#4a4743;
	border:1px solid #615b50;
}

.darkBox {
	background-color:#000;
	border:1px solid #aaa;
	padding:10px;
	color:#cabaaa;
}

.bdrContainer {
	padding:5px;
}

.bdrTl {
	width:15px;
	height:15px;
	background:url(bdrTl.gif) no-repeat top left;
}

.bdrTp {
	height:15px;
	background:url(bdrTp.gif) repeat-x top left;
}

.bdrTr {
	width:15px;
	height:15px;
	background:url(bdrTr.gif) no-repeat top right;
}

.bdrLt {
	width:15px;
	background:url(bdrLt.gif) repeat-y top left;
}

.bdrBg {
	background:#4a4743;
}

.content {
}

.bdrRt {
	width:15px;
	background:url(bdrRt.gif) repeat-y top right;
}

.bdrBl {
	width:15px;
	height:15px;
	background:url(bdrBl.gif) no-repeat bottom left;
}

.bdrBt {
	height:15px;
	background:url(bdrBt.gif) repeat-x bottom left;
}

.bdrBr {
	width:15px;
	height:15px;
	background:url(bdrBr.gif) no-repeat bottom right;
}

.blueBox {
	background-color:#63B5FE;
	padding:5px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
}

.homePageBox {
	background-color:#494643;
	height:96px;
	padding:0px 0px 0px 90px;
	border:1px solid #d6d5d3;
	margin-bottom:17px;
	padding-top:6px;
}

.mspPageBox {
	float:left;
	border:1px solid #615b50;
	background-color:#393633;
	margin-bottom:20px;
}

.mspLeftDiv {
	margin:0px;
	float:left;
	width:160px;
	text-align:center;
	padding-top:230px;
	height:70px;
}

.mspRightDiv {
	margin:0px;
	float:left;
	width:430px;
	padding:5px 10px 0px 15px;
}

.spacerDiv {
	height:10px;
	font-size:1px;		/* ie6 */
	line-height:1px;	/* ie6 */
	clear:both;
}

.spacerDivBigger {
	height:17px;
	font-size:1px;		/* ie6 */
	line-height:1px;	/* ie6 */
	clear:both;
}

.underDiv {
	margin:2px 0px 5px 0px;
	border-top:#615b50 2px solid;
	height:2px;
	font-size:1px;		/* ie6 */
	line-height:1px;	/* ie6 */
	clear:both;
}

.smallDiv {
	margin:2px 0px 3px 0px;
	border-top:#615b50 1px solid;
	height:1px;
	font-size:1px;		/* ie6 */
	line-height:1px;	/* ie6 */
	clear:both;
}

.mediumDiv {
	margin:9px 0px 9px 0px;
	border-top:#615b50 1px solid;
	height:1px;
	font-size:1px;		/* ie6 */
	line-height:1px;	/* ie6 */
	clear:both;
}

.translucent {
	opacity: 0.5;
	-moz-opacity:0.5;
	filter:alpha(opacity=50);
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
}

/*----------------------------------------------------------------------------------------------------------------------------------
 Column Layout Classes 
----------------------------------------------------------------------------------------------------------------------------------*/
.infoLabel {
	float:left;
}

.infoParagraph {
	margin-left:150px;
	color:#c1baaa;
}

.leftColumn, .rightColumn {
	width:276px;
	margin:0px;
}

.leftColumnWide, .rightColumnWide {
	width:500px;
	margin:0px;
}

.leftColumn, .leftColumnWide {
	float:left;
}

.rightColumn, .rightColumnWide {
	float:right;
}

.twoColumnLeft {
	float:left;
	width:140px;
	margin-right:10px;
}

.twoColumnRight {
	float:left;
	width:350px;
	color:#c1baaa;
}

.twoColumnLeft2 {
	float:left;
	width:290px;
}

.twoColumnRight2 {
	float:right;
	width:200px;
}

.leftPictureBox {
	float:left;
	border:1px solid #615b50;
	background-color:#393633;
	padding:15px 15px 15px 285px;
}

.leftPictureBox ul {
	margin-left:15px;
	padding-left:0px;
	color:#C1BAAA;
}

.leftPictureBox li {
	margin-top:10px;
}

.rightPictureBox {
	float:right;
	border:1px solid #615b50;
	background-color:#393633;
	padding:15px 285px 15px 15px;
	height:570px;
}

/*----------------------------------------------------------------------------------------------------------------------------------
 Button Classes 
----------------------------------------------------------------------------------------------------------------------------------*/
.joinButton {
	margin:0;
	border:1px solid #615b50;
	width:100px;
	padding:5px;
	font-size:14px;
	background-color:yellow;
	color:black;
}

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


.joinButton a:hover {
	color:#999;
}

.button, .smallButton, .disabledButton {
	color: #ffffff;
	background-image: url(btnBackgd.gif);
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	border: 1px none #00CCFF;
	margin-left: 2px;
	margin-right: 2px;
	padding-right: 10px;
	padding-left: 10px;
}

.disabledButton {
	color: #aaa;
	background:#666;
}

.smallButton {
	padding-right: 4px;
	padding-left: 4px;
}

.uploadButton {
	position:absolute;
	top:0px;
	right:0px;
	margin-right:0px;
	font-size:11px;
	font-weight: bold;
	padding:0 10px 0 10px;
	height:20px;
	display:table-cell;
	vertical-align:middle;
	text-align:center;
	cursor:pointer;
	color:#fff;
	background:#00a; /* required by ie6 otherwise image doesn't display */
	background-image: url(buttonBckgrnd.gif);
	border:none;
	-moz-border-radius:4px;
	-moz-border-radius-topleft:0px;
	-moz-border-radius-bottomleft:0px;

	-webkit-border-radius:4px;
	-webkit-border-radius-topleft:0px;
	-webkit-border-radius-bottomleft:0px;

	border-radius:4px;
	border-radius-topleft:0px;
	border-radius-bottomleft:0px;
	/* Ie6 fix */
	_height:22px;
}

.bttnHidden, .bttnVisible, .bttnDisplay, .bttnNoDisplay {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFF;
	background-image: url(btnBackgd.gif);
	border-width:0;
}

.bttnVisibleDark {
  background: #393633;
}

.bttnVisible {
  background: #4a4743;
}

.button:hover, .smallButton:hover, .uploadButton:hover, .bttnHidden:hover, .bttnVisible:hover, .bttnNoDisplay:hover {
	color: #666;
}

.editBtn {
	background: #2f2a24 url(menuBckgrnd.png) repeat-x top left;
	margin:0px 10px 0px 0px;
	color:#eef;
	padding:2px 8px 2px 8px;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	-khtml-border-radius: 6px;
	border-radius: 6px;
	font-weight:bold;
	font-size:10pt;
}

.editBtn:hover {
	color:#888;
	text-decoration:none;
}

.calendarBtn {
	width:20px;
	height:20px;
	cursor:pointer;
	border:1px solid #717165;
	border-top-color:#C1BAAA;
	border-left-color:#C1BAAA;
	background:url(calendarIcon.png);
}

.navButton {
	background:#423D38;
	height:25px;
	padding:5px 15px 0 15px;
}

/*----------------------------------------------------------------------------------------------------------------------------------
 Input Elements 
----------------------------------------------------------------------------------------------------------------------------------*/
.selector, .sortSelector {
	font-family: Helvetica, Verdana, Arial, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	background-color: #423D38;
	border: #615B50 1px solid;
	width: 180px;
	padding: 2px;
}

.sortSelector {
	border:#da0 1px solid;
}

.inputField	{
	font-family: Helvetica, Verdana, Arial, sans-serif;
	font-size: 13px;
	text-align: left;
	padding-top: 3px;
	padding-right: 3px;
	padding-bottom: 2px;
	padding-left: 3px;
	cursor:default;
	color: #C1BAAA;
	background: #423D38 !important;
	border:none;
	border:#615b50 1px solid;
}

.inputFieldDark {
	background: #393633;
	border:#393633 1px solid;
	color: #C1BAAA;
}

/* Input Fields in memProfile pages */
.inputFld, .inputFldActive, .inputFldDark, .inputFldDarkActive {
	font-size: 12px;
	text-align: left;
	padding-top: 3px;
	padding-right: 3px;
	padding-bottom: 2px;
	padding-left: 3px;
	border:none;
}

.inputFld {
	cursor:not-allowed;
	color: #C1BAAA;
	background:#4a4743;
	border:#4a4743 1px solid;
}

.inputFldActive {
	cursor:default;
	color: #FFFFFF;
	background: #423D38;
	border:#423D38 1px solid;
	border:#615b50 1px solid;
}

.inputFldDark {
	cursor:not-allowed;
	color: #C1BAAA;
	background: #393633;
	border:#393633 1px solid;
}

.inputFldDarkActive {
	cursor:default;
	color: #FFFFFF;
	background:#4A4743;
	border:#4A4743 1px solid;
	border:#615b50 1px solid;
}

/*----------------------------------------------------------------------------------------------------------------------------------
 Link Classes 
----------------------------------------------------------------------------------------------------------------------------------*/
.link, .smallLink, .headLink {
	color: #67C0FF;
	font-size:12px;
	text-decoration: none;
	cursor:pointer;
}

.normalLink	{
	color:#c1baaa;
	font-size:12px;
	text-decoration: none;
	cursor:pointer;
}

.boldLink {
	color: #ffffff;
	font-size:12px;
	text-decoration: none;
	cursor:pointer;
}

.smallLink {
	font-size:11px;
	font-weight:bold;
}

.headLink {
 font-size:15px;
}

.link:hover, .smallLink:hover, .headLink:hover, .normalLink:hover, .boldLink:hover {
	color: #77F0FF;
	text-decoration: underline;
}

.linkHidden, .linkVisible {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #67C0FF;
	background: none;
	border-width:0;
}

.linkHidden:hover, .linkVisible:hover {
	color: #666;
}

/*----------------------------------------------------------------------------------------------------------------------------------
 Text Classes 
----------------------------------------------------------------------------------------------------------------------------------*/
.normalText, .smallText {
	color:#c1baaa;
}

.smallText {
	font-size:11px;
}

.boldText {
	color:#fff;
}

.normalHeading {
	font-size:15px;
	color:#C1BAAA;
}

.boldHeading {
	font-size:15px;
	color:#fff;
	font-weight:normal;
}

.normalTitle {
	font-size:13px;
	color:#C1BAAA;
}

.boldTitle {
	font-size:14px;
	color:#fff;
	font-weight:bold;
}

.errorHead {
	font-size:18px;
	color:#fa0;
}

.errorText {
	font-size:14px;
}

.toneOne, .toneTwo {
	font-size:15px;
	line-height:20px;
	color:#fff;
}

.majorHeading {
	padding:2px 5px 2px 10px;
	background:#000;
	color:#fff;
	-moz-border-radius:3px;
	-moz-border-radius-bottomRight:0px;
	-moz-border-radius-bottomleft:0px;
	-webkit-border-radius:3px;
	-webkit-border-radius-bottomRight:0px;
	-webkit-border-radius-bottomleft:0px;
	border-radius:3px;
	border-radius-bottomRight:0px;
	border-radius-bottomleft:0px;
}

.returnArrow {
	width:20px;
	height:16px;
	background: url(returnArrow.png) no-repeat top left;
	cursor:pointer;
}

.upArrow {
  width:12px;
  height:8px;
  background: url(arrow-up.png) no-repeat top left;
  cursor:pointer;
}

.downArrow {
  width:12px;
  height:8px;
  background: url(arrow-down.png) no-repeat top left;
  cursor:pointer;
}

.shoppingCart {
	width:25px;
	height:16px;
	background: url(cartSymbol.png) no-repeat top left;
	cursor:pointer;
}

.footerText {
	margin-left:125px;
	color:#504D49;
}

/*----------------------------------------------------------------------------------------------------------------------------------
 Table Classes 
----------------------------------------------------------------------------------------------------------------------------------*/
table.calendar {
	background-color:#222;
	border:#bbb 1px solid;
	border-collapse:collapse;
	color:#fff;
}

table.category {
	border-collapse:collapse;
}

.category tbody, .category thead {
  border-top: 1px solid #999;
}


.category tbody tr, .category thead tr {
  border-left: 1px solid #999;
}

.category thead th {
	border-bottom: 1px solid #999;
	border-right: 1px solid #999;
	background-color:#003C66;
	color:#ffffff;
}

.category tbody td {
	border-bottom: 1px solid #999;
	border-right: 1px solid #999;
}

.catHeader {
	height:25px;
	padding:5px;
	background-color:#003C66;
	border-bottom:#999 1px solid;
	font-weight:bold;
}

table.dark {
	border-bottom: 1px solid #615b50;
	border-right: 1px solid #615b50;

}

.dark td, th{
	border-top: 1px solid #615b50;
	border-left: 1px solid #615b50;

}

.dark th {
	background:#000;
}


.darkNoBorder th {
	background:#000;
	border:none;
}

/*----------------------------------------------------------------------------------------------------------------------------------
	Image Classes
----------------------------------------------------------------------------------------------------------------------------------*/
a.rollOverImage { /* Images show a bright border when user mouses over them */
	position:relative;
	margin:0px;
	border:#aaa 3px solid;
	_border-width:0;
	cursor:pointer;
}

a.rollOverImage:hover {
	border:#0096FF 3px solid;
}

a.rollOverBorder {
	margin:0px;
	border:#666 3px solid;
	font-size:14px;
	color:#888;
	display:block;
	cursor:pointer;
	text-decoration:none;
}

a.rollOverBorder:hover {
	border:#0096FF 3px solid;
}

.rollOverNarrow {
	margin:0px;
	border:transparent 2px solid;
	cursor:pointer;
}

.rollOverNarrow:hover {
	border:#0096FF 2px solid;
}

/*----------------------------------------------------------------------------------------------------------------------------------
	Photo Album Display
----------------------------------------------------------------------------------------------------------------------------------*/
#thumbnailOuter {
	position:relative;
	width:288px;
	height:180px;
	background:#000;
	padding:4px;
}

#thumbnailInner {
}

.slideThumbs {
	position:relative;
	height:90px;
	background:#000;
	width:294px;
}

.thumbnail {
	float:left;
	width:90px;
	height:84px;
	margin:3px;
}

#albumDisplay {
	position:relative;
	margin:0 auto 0 auto;
	zoom:1;
}

#albumNavigation {
	position:absolute;
	top:100px;
	left:310px;
	width:80px;
}

#albumDescription {
	position:absolute;
	top:0px;
	left:310px;
}

#albumInfobox {
	position:absolute;
	right:0px;
	top:70px;
}

#currentPhotoData {
	position:relative;
	margin: 5px 0px 5px 5px;
}