/*----------------------------------------------------------------------------------------------------------------------------------
	Undersea Bubbles and sunlight 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: url(tiledBg.jpg);  */
	background:#000000;
	margin: 0;
	padding: 0;
	font-family: Helvetica, Verdana, Arial, sans-serif;
	font-size: 12px;
	color: #fff;
	line-height: 16px;
  overflow-y: scroll;
  *overflow-y: auto;
  _overflow-y: auto;
}

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

p {
	margin:7px 0px 3px 0px;
	padding:0px;
}

/*----------------------------------------------------------------------------------------------------------------------------------
	Dom IDs controlling layout	
----------------------------------------------------------------------------------------------------------------------------------*/
#siteDiv {
	position:relative;
  background:url(seaBackground.jpg) no-repeat top center; 
	min-height:650px;
	height:auto!important;
	height:650px;
}

#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;
}

#worldOverlay {
 	/* Target ie8 with 50% opacity overlay, 6/7 have solid display */
  filter:alpha(opacity=50);
	*filter:none;
	_filter:none;
}

.mapSelector {
	/* */
}

#topPanel {
	position:relative;
	border-top:#000 1px solid;
}
	
#workingOnStatus {
	height:34px;
	overflow:hidden;
}

#homeLogo {
  position:absolute;
  left:0px;
  top:0px;
  width:160px;
  height:40px;
  background:url(TOC-Logo160.png) no-repeat top left;
  cursor:pointer;
	z-index:2000;
}

#followUs {
  position:absolute;
  left:200px;
  top:0px;
  width:160px;
  height:40px;
  cursor:pointer;
	z-index:2000;
}

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

#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;
}

#errorMessage {
	color:#f30;
}

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

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

#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: url(bdrBG.png);
}

#marqueePanel .bdrTl {
  background: url(bdrTL.png);
	_background:url(bdrTL.gif) no-repeat top left;
}

#marqueePanel .bdrTp {
  background: url(bdrTP.png);
}

#marqueePanel .bdrTr {
  background: url(bdrTR.png);
	_background:url(bdrTR.gif) no-repeat top right;
}

#marqueePanel .bdrLt {
  background: url(bdrLT.png);
}

#marqueePanel .bdrRt {
  background: url(bdrRT.png);
}

#marqueePanel .bdrBl {
  background: url(bdrBL.png);
	_background:url(bdrBL.gif) no-repeat bottom left;
}

#marqueePanel .bdrBt {
  background: url(bdrBT.png);
}

#marqueePanel .bdrBr {
  background: url(bdrBR.png);
	_background:url(bdrBR.gif) no-repeat bottom right;
}

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

#widePanel {

}

#mainPanel {
	width:660px;
	float:left;
}

#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:15px;
  *padding-bottom:13px;
  _padding-bottom:7px;
  margin:0 0 5px 0;
  background: url(menuBot.png) no-repeat bottom left;
  _background: url(menuBot.gif) no-repeat bottom left;
}

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

.mainMenuRight {
	display:none;
}

.mainMenu  {
  list-style:none;
  margin:0px;
  padding:1px 2px 10px 5px;
  background: url(menuBg.png) repeat-y;
  _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:20px;
	position:relative;
}

.mainMenuFirstItem {
  border-top:none; /*#333436 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:60px;
  margin:0;
  padding:0;
	opacity:0.97;
  background:#2e2f30;
  border:#bbb 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 10px;
  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.png) no-repeat bottom left;
}

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

.siteMenuRight {
  display:none;
}

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

.siteMenu li {
  margin:0px 4px 2px 4px;
  padding:7px 0 0 5px;
  font-weight:bold;
  font-size:11px;
  height:20px;
	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:60px;
  margin:0;
  padding:0;
  background:#020913;
  border:#43474a 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 10px;
  width:145px;
  height:23px;
  border-right:0;
  border-bottom:#1b1c1d 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:#020913;
}

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

.alertBkg {
	margin:0;
	padding:6px;
  background:#bb1c1c;
	background:#ea8f00;
}


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

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

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

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

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

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

.bdrContainer {
	padding:5px;
}

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

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

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

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

.bdrBg {
	background:url(bdrBg.png);
	_background:url(bdrBg.gif);
}

.bdrCvr {
	background:#2e2f38;
}

.content {
	margin:0;
	padding:0;
/*	border-top:#fff 1px solid;*/
}

#mainPanel .content {
	min-height:240px;
	height:auto!important;
	height:240px;
}

#widePanel .minHeight {
	min-height:500px;
	height:auto!important;
	height:500px;
}

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

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

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

.bdrBr {
	width:15px;
	height:15px;
	background:url(bdrBr.png) no-repeat bottom right;
	_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:#434649;
	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:#020913;
	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:#666 2px solid;
	height:2px;
	font-size:1px;		/* ie6 */
	line-height:1px;	/* ie6 */
	clear:both;
}

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

.mediumDiv {
	margin:9px 0px 9px 0px;
	border-top:#666 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:#aabac1;
}

.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:#aabac1;
}

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

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

.leftPictureBox {
	float:left;
	border:1px solid #666;
	background-color:#333439;
	padding:15px 15px 15px 285px;
}

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

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

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

/*----------------------------------------------------------------------------------------------------------------------------------
 Button Classes 
----------------------------------------------------------------------------------------------------------------------------------*/
.joinButton {
	margin:0 auto;
	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;
	-moz-border-radius:4px;
	margin-left: 2px;
	margin-right: 2px;
	padding-top: 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, .linkVisibleDark {
  background:#020913;
}

.bttnVisible, .linkVisible {
  background: #2e2e30;
 	background: #27272a\9; /* Targets Ie8 */ 
}

.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:#aabac1;
	border-left-color:#aabac1;
	background:url(calendarIcon.png);
}

.navButton {
	/* background:#2e2e30; */
	height:20px;
	padding:5px 5px 0 5px;
}

/*----------------------------------------------------------------------------------------------------------------------------------
 Input Elements 
----------------------------------------------------------------------------------------------------------------------------------*/
.selector, .sortSelector {
	font-family: Helvetica, Verdana, Arial, sans-serif;
	font-size: 12px;
	color: #aabac1;
  background-color:#020918 !important;
	background: #383D42 !important;
	border: #505B61 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: #aabac1;
	background: #383D42 !important;
	border:none;
	border: #505B61 1px solid;
}

.inputFieldDark {
	background: #333436;
	border:#333436 1px solid;
	color: #aabac1;
}

/* 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: #aabac1;
	background:#2e2e30;
	border:#2e2e30 1px solid;
}

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

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

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

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

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

.boldLink {
  color: #168ec1;
	font-size:12px;
	font-weight:bold; 
	text-decoration: none;
	cursor:pointer;
}

.deepLink {
	color: #0040ee;
	font-size:12px;
	font-weight:bold; 
	text-decoration: none;
	cursor:pointer;
}

.errorLink {
	color:#e9621d;
}

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

.bigLink {
	font-size:18px;
	font-weight:bold;
}

.headLink {
 font-size:15px;
}

.link:hover, .smallLink:hover, .headLink:hover, .normalLink:hover, .boldLink:hover, .deepLink: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:#babac1;
}

.smallText {
	font-size:11px;
}

.darkText {
	color:#000;
}

.boldText {
	color:#fff;
}

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

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

.darkHeading {
	font-size:15px;
	color:#000;
	font-weight:normal;
}

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

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

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

.errorText {
	font-size:14px;
	color:#fa0;
}

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

/*----------------------------------------------------------------------------------------------------------------------------------
 Heading Elements
----------------------------------------------------------------------------------------------------------------------------------*/
.majorHeading {
	margin:0;
	padding:2px 5px 2px 10px;
	color:#fff;
	background:#000; 
	-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;
}

.minorHeading {
	margin:0;
	padding:2px 5px 2px 10px;
	color:#fff;
	background:#999; 
	-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.lines {
	border:0;
}

table.grid {
	border:#bbb 1px solid;
	border-collapse:collapse;
	color:#fff;
}

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;
}

.category tfoot td {
	border-bottom: 1px solid #999;
	border-right: 1px solid #999;
	border-left: 1px solid #999;
	background:#222;
	color:#ffffff;
}

.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;
}

.tabSeperator {
	_margin-top:1px;
}

.tab {
	border-bottom:transparent 1px solid; /* just makes space so that when goto active tab, item doesn't "jump". */
	_border-bottom:none;
}
.acttab {
	border-bottom:#2e353c 1px solid;
	_border-bottom:none;
	_background:#333436; /* Ie 6 uses a general opacity applied rather than images, text washes out but acceptable compromise. */
}

#statusLink {
	margin-left:130px;
}

/*----------------------------------------------------------------------------------------------------------------------------------
 Special Infomation Boxes
----------------------------------------------------------------------------------------------------------------------------------*/
.orangeBox .bdrTl, .orangeBox .bdrTp, .orangeBox .bdrTr { height:9px; }
.redBox .bdrTl, .redBox .bdrTp, .redBox .bdrTr { height:9px; }
.yellowBox .bdrTl, .yellowBox .bdrTp, .yellowBox .bdrTr { height:9px; }
.deepBox .bdrTl, .deepBox .bdrTp, .deepBox .bdrTr { height:9px; }
.thickBox .bdrTl, .thickBox .bdrTp, .thickBox .bdrTr { height:9px; }
.greyBox .bdrTl, .greyBox .bdrTp, .greyBox .bdrTr { height:9px; }

.yellowBox {
	padding:5px;
}

.yellowBox .bdrTl {
	background: url(yellowTl.gif);
}

.yellowBox .bdrTr {
	background: url(yellowTr.gif);
}

.yellowBox .bdrLt {
	background: url(yellowLt.gif);
}

.yellowBox .bdrRt {
	background: url(yellowRt.gif);
}

.yellowBox .bdrTp {
	background: url(yellowTp.gif);
}

.yellowBox .bdrBt {
	background: url(yellowBt.gif);
}

.yellowBox .bdrBl {
	background: url(yellowBl.gif);
}

.yellowBox .bdrBr {
	background: url(yellowBr.gif);
}

.yellowBox .bdrBg { 
	background:#ddaa00;
}

.yellowBox .normalText, .yellowBox p {
	color:#fff;
}

.deepBox {
	padding:5px; 
}

.deepBox .bdrTl {
	background: url(deepTl.gif);
}

.deepBox .bdrTr {
	background: url(deepTr.gif);
}

.deepBox .bdrLt {
	background: url(deepLt.gif);
}

.deepBox .bdrRt {
	background: url(deepRt.gif);
}

.deepBox .bdrTp {
	background: url(deepTp.gif);
}

.deepBox .bdrBt {
	background: url(deepBt.gif);
}

.deepBox .bdrBl {
	background: url(deepBl.gif);
}

.deepBox .bdrBr {
	background: url(deepBr.gif);
}

.deepBox .bdrBg { 
	background:#010811;
}

.deepBox .normalText, .deepBox p {
	color:#babac1;
}

.redBox {
	padding:5px;
}

.redBox .bdrTl {
	background: url(redTl.gif);
}

.redBox .bdrTr {
	background: url(redTr.gif);
}

.redBox .bdrLt {
	background: url(redLt.gif);
}

.redBox .bdrRt {
	background: url(redRt.gif);
}

.redBox .bdrTp {
	background: url(redTp.gif);
}

.redBox .bdrBt {
	background: url(redBt.gif);
}

.redBox .bdrBl {
	background: url(redBl.gif);
}

.redBox .bdrBr {
	background: url(redBr.gif);
}

.redBox .bdrBg { 
	background:#bb1c1c;
}

.redBox .normalText {
	color:#fff;
}

.greyBox {
	padding:5px;
}

.greyBox .bdrTl {
	background: url(greyTl.gif);
}

.greyBox .bdrTr {
	background: url(greyTr.gif);
}

.greyBox .bdrLt {
	background: url(greyLt.gif);
}

.greyBox .bdrRt {
	background: url(greyRt.gif);
}

.greyBox .bdrTp {
	background: url(greyTp.gif);
}

.greyBox .bdrBt {
	background: url(greyBt.gif);
}

.greyBox .bdrBl {
	background: url(greyBl.gif);
}

.greyBox .bdrBr {
	background: url(greyBr.gif);
}

.greyBox .bdrBg { 
	background:#70737d;
}

.greyBox .normalText, .greyBox p {
	color:#fff;
}


.whiteBox {
	padding:5px;
}

.whiteBox .bdrTl {
	background: url(whiteTl.gif);
}

.whiteBox .bdrTr {
	background: url(whiteTr.gif);
}

.whiteBox .bdrLt {
	background: url(whiteLt.gif);
}

.whiteBox .bdrRt {
	background: url(whiteRt.gif);
}

.whiteBox .bdrTp {
	background: url(whiteTp.gif);
}

.whiteBox .bdrBt {
	background: url(whiteBt.gif);
}

.whiteBox .bdrBl {
	background: url(whiteBl.gif);
}

.whiteBox .bdrBr {
	background: url(whiteBr.gif);
}

.whiteBox .bdrBg { 
	background:#ffffff;
	color:#000000;
}

.whiteBox .normalText, .whiteBox p {
	color:#000;
}

.whiteBox .boldHeading, .whiteBox .textHeading {
	color:#000;
}

.thickBox {
	padding:5px;
}

.thickBox .bdrTl {
	background: url(thickTl.gif);
}

.thickBox .bdrTr {
	background: url(thickTr.gif);
}

.thickBox .bdrLt {
	background: url(thickLt.gif);
}

.thickBox .bdrRt {
	background: url(thickRt.gif);
}

.thickBox .bdrTp {
	background: url(thickTp.gif);
}

.thickBox .bdrBt {
	background: url(thickBt.gif);
}

.thickBox .bdrBl {
	background: url(thickBl.gif);
}

.thickBox .bdrBr {
	background: url(thickBr.gif);
}

.thickBox .bdrBg { 
	background:#010811;
}

.orangeBox {
	padding:5px;
}

.orangeBox .bdrTl {
	background: url(orangeTl.gif);
}

.orangeBox .bdrTr {
	background: url(orangeTr.gif);
}

.orangeBox .bdrLt {
	background: url(orangeLt.gif);
}

.orangeBox .bdrRt {
	background: url(orangeRt.gif);
}

.orangeBox .bdrTp {
	background: url(orangeTp.gif);
}

.orangeBox .bdrBt {
	background: url(orangeBt.gif);
}

.orangeBox .bdrBl {
	background: url(orangeBl.gif);
}

.orangeBox .bdrBr {
	background: url(orangeBr.gif);
}

.orangeBox .bdrBg, .privateBox { 
	background:#e9621d;
}

.orangeBox .normalText, .orangeBox p {
	color:#fff;
}