.Local_Server_Times
{
	background: #FFFFFF;
	text-align: center;
	border: none;
	color: #000000;
}


body
{
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	margin: 0px;
	padding: 0px;
	background-image: url(../img/tropic1.jpg);
	background-repeat: no-repeat;
	background-color:#EFFBED;
	height: 10px;
}

td
{
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11.5px;
	background-repeat: no-repeat;
	border: 1px;
	border-color: #CCCCCC;
}

td.menu
{
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-weight: bold;
	font-variant: normal;
	color: #003399;
	background-repeat: no-repeat;
}

td.menuBar
{


}

td.siteDataDisplay
{
	padding-left: 1em;
}

.HypochlorousNewsPostBox1
{
	background: #F5F5F5;
	color: #000000;
}



.menuBG
{
	color: #FFFFFF;
	background-color: 034569;
}

a.menuLink
{
	color: #FFCC00;
	font-weight: bold;
	text-decoration: none;
}

a.menuLink:visited
{
	color: #FF9900;
}

a.menuLink:hover
{
	color: #FFFFFF;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;
}

.adminMenuBG
{
   background: #CC99FF;
}

.oddListingTableRow
{
	background: #F5F5F5;
}


.oddListingTableRowPendingQuery
{
	background: #CCCCFF;
}



.contentTable
{
	background-color: #003399;
	color: #FFFFFF;
}

.headerBar
{
	background-color: #003399;
	background-image: url(../images/headerbar.gif);
	background-repeat: repeat-x;
}

.calendarBox
{
	border: 1px solid #000000;
}

.headText
{
	color: #000000;
}

a.linkText
{
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-weight: bold;
	color: #003366;
	text-align: center;
	vertical-align: middle;
	text-decoration: underline;
}

a.linkText:visited
{
	color: #333366;
	text-align: center;
	vertical-align: middle;
	text-decoration: underline;
}

a.linkText:hover
{
	color: #660000;
	text-align: center;
	vertical-align: middle;
	text-decoration: underline;
	/* border-bottom: 2px solid #003366; */
}

/*
/* The following ID selectors will probably be REMOVED once the menu rewrite is complete, as they'll be superfluous. 
/* This one 
#splash
{
	background-color:#336699;
	border:1px solid #333333;
	color:#FFFFFF;
	height:80px;
	width:500px;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-weight: bold;
	right: 5%;
}

/* This one 
#rightcontent
{
	position: absolute;
	height: 300px;
	width: 300px;
	right: 5%;
}

/* This one 
#searchbox
{
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: smaller;
	color: #FFFFFF;
	background-color: #006699;
	border: 1px solid #333333;
	top: 0px;
	position: relative;
	width: 90%;
	padding: 0.5em;
	min-height: 200px;
}

/* This one 
#searchbox td
{
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-weight: normal;
	color: #FFFFFF;
}

/* This one 
#newsBox
{
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	background-color: #006699;
	padding: 0.5em;
	border: 1px solid #333333;
	height: 200px;
	width: 90%;
	top: 10px;
	position: relative;
}

/* This one 
#mainMenu
{
	height: 21px;
	width: 100%;
}

/* This one 
#custMenu, #vendMenu, #userMenu
{
	height: 21px;
}

/* This one 
#mainMenuButton
{
	position: relative;
	height: 20px;
	left: 35%;
	right: 35%;
	float: left;
	background-image: url(../images/button-mainmenu.gif);
	background-repeat: no-repeat;
	width: 100px;
	background-position: center center;
}

/* This one 
#custMenuButton, #vendMenuButton
{
	position: relative;
	left:39%;
	height: 20px;
	float: left;
	background-image: url(../images/button-mainmenu.gif);
	background-repeat: no-repeat;
	width: 100px;
	text-align: center;
	background-position: center center;
}

/* This one 
#mainMenuText, #custMenuText, #vendMenuText
{
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-weight: bold;
	color: #003366;
	text-align: center;
	vertical-align: middle;
}

/* This one 
#mainMenuText a, #custMenuText a, #vendMenuText a
{
	font-size: 10pt;
	color: #003366;
	text-align: center;
	vertical-align: middle;
	text-decoration: none;
}

/* This one 
#mainMenuText a:visited, #custMenuText a:visited, #vendMenuText a:visited
{
	color: #333366;
	text-align: center;
	vertical-align: middle;
	text-decoration: none;
}

/* And this one 
#mainMenuText a:hover, #custMenuText a:hover, #vendMenuText a:hover
{
	color: #660000;
	text-align: center;
	vertical-align: middle;
	text-decoration: none;
	border-bottom: 2px solid #003366;
}
*/

p.mainPageContent
{
	margin-left: 0.5em;
	margin-right: 0.5em;
}

h1
{
	font-size: 16pt;
}

/* Used to set the paragraph tag width in the catalogue main description */
.paragraphMainDesc
{
	width: 90%;
	margin-left:0.5em;
	margin-right:0.5em;
}

.searchBookNow:link
{
	color: #000000;
	text-decoration: none;
}

.searchBookNow:visited
{
	color: #000000;
	text-decoration: none;
}

.searchBookNow:hover
{
	color: #990000;
	text-decoration:underline;
}

/*
	START: Photo border/box DIVs for purple background
	
	The following selectors define the black 'photo border' DIVs that produce the
	round-cornered box effect around thumbnail images.
*/
.bl {
	background: url(../images/bl1.gif) 0 100% no-repeat #000000;
	width: auto;
	text-align: center;
}
.br {background: url(../images/br1.gif) 100% 100% no-repeat;} 
.tl {background: url(../images/tl1.gif) 0 0 no-repeat;} 
.tr {background: url(../images/tr1.gif) 100% 0 no-repeat; padding:5px}
.clear {font-size: 1px; height: 1px;}
.image {border: 0;}
.placeholder1 {border: 0}
.placeholder2 {border: 0}
.placeholdertd {background:#003399; padding: 5px}
/* END Photo border/box DIVs */

/*
	START: Photo border/box DIVs for red background
	
	The following selectors define the black 'photo border' DIVs that produce the
	round-cornered box effect around thumbnail images.
*/
.bl_r {background: url(../images/bl_r.gif) 0 100% no-repeat #000000; width: auto; text-align: center;}
.br_r {background: url(../images/br_r.gif) 100% 100% no-repeat;} 
.tl_r {background: url(../images/tl_r.gif) 0 0 no-repeat;} 
.tr_r {background: url(../images/tr_r.gif) 100% 0 no-repeat; padding:5px}
.clear_r {font-size: 1px; height: 1px;}
.image_r {border: 0;}
.placeholder1_r {border: 0}
.placeholder2_r {border: 0}
.placeholdertd_r {background:#003399; padding: 5px}
/* END Photo border/box DIVs for red background */


/*
	START: .*_blue
	
	These selectors generate the rounded corner effect for content areas
	with a blue background. (Probably getting removed soon).
*/
.tl_blue
{
	background: #034569;
}

.tr_blue
{
	background: #034569;
}

.bl_blue
{
	background: #034569;
}

.br_blue
{
	background: #034569;
}
/* END .*_blue */


/*
	START: Menu button text/links
	
	These selectors style the text and hyperlinks used for the header menu
	buttons and general navigation.
*/
.mainMenuText, .custMenuText, .vendMenuText
{
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-weight: bold;
	color: #003366;
	text-align: left;
	vertical-align: middle;
}

.mainMenuText a, .custMenuText a, .vendMenuText a
{
	font-size: 10pt;
	color: #003366;
	text-align: center;
	vertical-align: middle;
	text-decoration: none;
}

.mainMenuText a:visited, .custMenuText a:visited, .vendMenuText a:visited
{
	color: #333366;
	text-align: center;
	vertical-align: middle;
	text-decoration: none;
}

.mainMenuText a:hover, .custMenuText a:hover, .vendMenuText a:hover
{
	color: #660000;
	text-align: center;
	vertical-align: middle;
	text-decoration: none;
	border-bottom: 2px solid #003366;
}
/* END Menu button text/links */

/*
	START: td span.menuButton
	
	This one is supposed to style the menu buttons in the NEW header menu.
	
	Firefox doesn't like it. Typical.
	
	*Must* check the possible fix applied below.
*/
td span.menuButton
{
	height: 20px;
	min-width: 100px;
	width: auto;
	margin-left: 5px;
	margin-right: 5px;
}



/*	
	START: .*_red
	
	The following class selectors are for red content areas. .tl/tr/bl/br_red are 
	for the rounded effect on the layout cell corners. .content_red is for red content 
	areas that are not on a corner cell.
*/

.tl_red
{
	background: #a66000;
}

.tr_red
{
	background: #a66000;
}

.bl_red
{
	background: #a66000;
}

.br_red
{
	background: #a66000;
}

.content_red
{
	background: #A66000;
	color: #FFFFFF;
}

.leftend_red
{
	background: url(../images/leftend-red.gif) center left no-repeat #A31E39;
	color: #FFFFFF;
}

.rightend_red
{
	background: url(../images/rightend-red.gif) center right no-repeat #A31E39;
	color:#FFFFFF;
}

/*	
	START: .*_purple
	
	The following class selectors are for purple content areas. .tl/tr/bl/br_purple are 
	for the rounded effect on the layout cell corners. .content_purple is for purple 
	content areas that are not on a corner cell.
*/

.tl_purple
{
	background: url(../images/tl-purple.gif) top left no-repeat #034569;
	color: #FFFFFF;
}

.tr_purple
{
	background: url(../images/tr-purple.gif) top right no-repeat #034569;
	color: #FFFFFF;
}

.bl_purple
{
	background: url(../images/bl-purple.gif) bottom left no-repeat #034569;
	color: #FFFFFF;
}

.br_purple
{
	background: url(../images/br-purple.gif) bottom right no-repeat #034569;
	color: #FFFFFF;
}

.content_purple
{
	background: #034569;
	color: #FFFFFF;
}

.tl_purple_outside
{
	background: url(../images/tl-purple-outside.gif) top left no-repeat;
	width:10px;
}

.tr_purple_outside
{
	background: url(../images/tr-purple-outside.gif) top right no-repeat;
	width:10px;
}

.inside_corner_purple
{
	background: url(../images/tl-purple-outside.gif) top right no-repeat;
}

.leftend_purple
{
	background: url(../images/leftend-purple.gif) center left no-repeat #034569;
	color: #FFFFFF;
	width:10px;
}

.rightend_purple
{
	background: url(../images/rightend-purple.gif) center right no-repeat #034569;
	color: #FFFFFF;
	width:10px;
}

/*
	START: .menuHead*
	
	These ones style the NEW hyperlinks in the menu header. The old ones can 
	be safely removed once the new header is sorted.
*/

.menuHeadText
{
	color: #fffff;
	font-weight: bold;
	text-decoration: none;
}

.menuHeadHref
{
	color: #FFCC00;
	font-weight: bold;
	text-decoration: none;
}

a.menuHeadHref:link
{
	color: #FFCC00;
	font-weight: bold;
	text-decoration: none;
}

a.menuHeadHref:visited
{
	color: #FFCC00;
	font-weight: bold;
	text-decoration: none;
}

a.menuHeadHref:hover
{
	color: #FFFFFF;
	font-weight: bold;
	text-decoration: underline;
}

/*
	START: .menuBar*
	
	These ones style the NEW hyperlinks in the menu header. The old ones can 
	be safely removed once the new header is sorted.
*/

.menuBarText
{
	color: #FFFFFF;
	font-weight: bold;
	text-decoration: none;
}

.menuBarHref
{
	color: #FFFFFF;
	font-weight: bold;
	text-decoration: none;
	white-space: nowrap;
	margin-left: 1em;
	margin-right: 1em;
	padding-bottom: 0.5em;
	padding-top: 0.5em;
}

a.menuBarHref:link
{
	color: #FFCC00;
	font-weight: bold;
	text-decoration: none;
}

a.menuBarHref:visited
{
	color: #FFCC00;
	font-weight: bold;
	text-decoration: none;
}

a.menuBarHref:hover
{
	color: #FFFFFF;
	font-weight: bold;
	text-decoration: underline;
}

li.noDot
{
	list-style-type: none;
}
.Red-Text {
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
	color: #FF0000;
	font-weight: bolder;
}
.height10px {
	height: 10px;
}
.rightend_blue {
	background-color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	color: #5690D0;
}

a.featurelink
{ color:#5690D0;
  }
  
a.featurelink: link
{
color:#5690D0;
}

a.featurelink: visited
{
color:#5690D0;
}
a.featurelink: hover
{
background-color:#FFFFFF;
color:#990033ddds;
}