/* klixo/try css (c) Klixo Limited. daniel@klixo.net.nz 
  Unauthorised copying or use is prohibited. Customers of Klixo.net.nz may freely
  use this script.
*/
/* ********************* ONLY ADVANCED USERS SHOULD CHANGE THE RULES BELOW THIS LINE ********************* */

/* ********************* General Stylesheet for common web elements ********************* */
html, body  
{
	font-family: Verdana, Verdana, Geneva, sans-serif;
	font-size: 0.95em;
	color: #000; /* primary font color */
	background-color: #ACD6E6; /* body background colour */
	padding: 0px;
	margin: 0px;
}
/* Heading colours and styles */
h1, h3, h5
{
	color: #853229;
	font-family: 'Trebuchet MS', Helvetica, sans-serif;
}
h2, h4, h6
{
	color: #202123;
	font-family: 'Trebuchet MS', Helvetica, sans-serif;
}
h1
{
	font-size: 2.2em;
	margin: 0px 0px 5px 0px;
	color: #006382;
}
/* Slideshow */
img.slideshow
{
	filter: progid:DXImageTransform.Microsoft.Fade(duration=1);
}
img.heart
{
	margin-left: 10px;
	border: none;
}
.clear
{
	clear: both;
}
/* ********************* // End of General Stylesheet for common web elements // ********************* */

/* ********************* General Stylesheet for ALL pages ********************* */
#divMain  
{
  margin: 0px auto;
  visibility: visible;
  width: 999px;
  padding: 0px 34px;
  position: relative;
  background-image: url(../pics/bg-main-base.png);
  background-repeat: repeat-y;
}
/* Masthead of the page */
div#title
{
	width: 999px;
	position: relative;
}
div#title-left
{
	width: 201px;
	background-color: #006382;
	background-image: url(../pics/bg-title-left.png);
	background-repeat: no-repeat;
	float: left;
	height: 257px;
	position: relative;
}
div#title-left img
{
	position: absolute;
	top: 192px;
	left: 12px;
}
div#title-right
{
	width: 798px;
	float: right;
}
div#title img
{
  border: none;
}
/* Main Body */
div#search{
	background-color: #E9CE62;
	padding: 3px 10px;
	margin-bottom: 3px;
}
div#search form{
margin: 0px;
}
.search_button{
	width: 30px;
	padding: 0px;
}
#divBody
{
  visibility: visible;
  width: 999px;
  height: auto;
  padding: 0px;
}
div.abcMenu a:link, div.abcMenu a:visited
{
	color: #853229;
	text-decoration: underline;	
	font-weight: bold;
}
div.abcMenu a:hover, div.abcMenu a:active
{
	color: #339;
	text-decoration: underline;	
	font-weight: bold;
}
div.abcMenu
{
	font-size: 1.3em;
	padding-bottom: 20px;
}
/*LEFT MENU */
div#leftMenuBase
{
	width: 201px;	
	min-height: 300px;
	float:left;
}
div#pageFeature{
	text-align: center;
	padding: 5px;
}
div#pageFeature img{
	border: none;
}
/* Main Story Body */
div.contentBase, div.contentBase-water, div.contentBase-home
{
	padding: 10px 30px 30px 30px;
	width: 738px;
	min-height: 480px;
	float: right;
	color: #202123;
}
div.contentBase-water
{
	background-image: url(../pics/water-mark.png);
	background-repeat: no-repeat;
	background-position: right bottom;
}
div.contentBase-home
{
	background-image: url(../pics/bg_home_water.gif);
	background-repeat: no-repeat;
	background-position: right bottom;
}
div.topstory2
{
	background-image: url(../pics/bg_topstory1.png);
	background-repeat: no-repeat;
	padding: 30px 30px 10px 30px; 
}
div.topstory1
{
	background-image: url(../pics/bg_topstory2.png);
	background-repeat: no-repeat;
	background-position: bottom left;
	padding-bottom: 50px;

}
div#quick_links_top
{
	margin: 20px 0px 0px 0px;
	width: 735px;
	height: 53px;
	background-image: url(../pics/bg_quick_links_top.png);
	background-repeat: no-repeat;
}
div#quick_links
{
	margin: 0px 0px 10px 0px;
	width: 686px;
	height: 168px;
	overflow: hidden;
	background-image: url(../pics/bg_quick_links_bot.png);
	background-repeat: no-repeat;
	background-position: bottom;
	padding: 0px 20px 20px 30px;
	font-weight: bold;
	font-family: 'Trebuchet MS', Helvetica, sans-serif;
}
div#quick_links a:link, div#quick_links a:visited
{
	text-decoration: none;
	color: #006382;
}
div#quick_links a:hover, div#quick_links a:active
{
	text-decoration: underline;
	color: #006382;
}
.qlarge
{
	font-size: 1.813em;
}
.qmed
{
	font-size: 1.375em;
}
.qsmall
{
	font-size: 1.125em;
}
.qdash
{
	font-size: 1.125em;
	color: #006382;
}
div#quick_links a:link.qred, div#quick_links a:visited.qred, div#quick_links a:hover.qred, div#quick_links a:active.qred
{
	color: #C00;
}
div#quick_links a:link.qgreen, div#quick_links a:visited.qgreen, div#quick_links a:hover.qgreen, div#quick_links a:active.qgreen
{
	color: #063;
}
/* Footer of webpages */
div#footer
{
	width: 709px;
	border-top: solid 2px #853229;
	text-align: center;
	padding: 5px 15px 20px 15px;
	color: #202122;
	margin-left: 231px;
	font-size: 80%;
}
div#footer a:link, div#footer a:visited
{
	color: #853229;
}
div#footer a:hover, div#footer a:active
{
	color: #202122;
}
/* Paragraph text in footer */
div#footer p
{
	font-size: 77%;
}
/* ********************* // End of General Stylesheet for ALL pages // ********************* */

/* ********************* Stylesheet for Specific Pages (Gallery/List/List Archive/Contact, etc.) ********************* */
/* Listing CSS*/
div.main_list
{
	border: solid 1px #B2B2B2;
}
div.list_det
{
	float: left;
	padding: 5px; 
	width: 726px;
}
div.list_img
{
	float: right;
	padding-right: 5px;
	padding-left: 5px;
}
/* Listing CSS*/
div.b_list
{
	border: solid 1px #B2B2B2;
}
div.b_det
{
	float: left;
	padding: 5px; 
	width: 720px;
}
div.b_det h4, div.list_det h4
{
	font-size: 1.45em;
}
div.b_img
{
	float: right;
	padding-right: 5px;
}
div.basic_listing
{
	font-size: 100%;
	line-height: 135%;
	border-top: solid 4px #853229;
	min-height: 85px;
	margin: 0px 30px 5px 0px;
	padding: 3px 5px;
}
td.listing_noimg
{
	vertical-align: top;
	width: 410px;
	padding: 0px 0px 25px 0px;
}
table.details
{
	border: solid 1px #C0C0C0;
	width: 300px;
	margin-bottom: 5px;
}
td.details_title
{
	height: 30px;	
	font-size: 120%;
	font-weight: bold;
	padding: 3px 5px 3px 3px;
}
.nomargin
{
	margin: 0px;
}
/* Form specific styling */
textarea
{
	font-family: Verdana, Verdana, Geneva, sans-serif; 
	width: 320px;
	height: 150px;
}
/* Table specific styling */
table.form
{
	width: 500px;
	border-top: solid 1px #E9CE62;
	border-left: solid 1px #E9CE62;
	margin-bottom:5px;
}
table.form caption
{
	background-color: #E9CE62;
	font-size: 1.3em;
	font-weight: bold;
	text-align: left;
	padding: 3px;
	color:#006382;
}
table.form td, table.form th
{
	text-align: left;
	font-size: 0.9em;
	border-right: solid 1px #E9CE62;
	border-bottom: solid 1px #E9CE62;
	padding: 3px;
	vertical-align: top;
}
table.form th
{
	background-color: #F6E9BD;
	font-weight: normal;
	font-size: 1.1em;
}
table.form td
{
	padding-left: 5px;
}
/* Gallery Table Style */
td.gallery_img
{
  vertical-align: bottom;
}
/* Newsletter */
.inline
{
	display: inline;
}
/*ADVERTISER ARCHIVE CSS */
.ellipses
{
	overflow: hidden;
	text-overflow: ellipsis;
	width: 180px;
	white-space: nowrap;
}
div.advertiser_body
{
	vertical-align: top;
	width: 720px;
}
div.advertiser_right
{
	vertical-align: top;
	width: 405px;
	min-height: 600px;
	float: right;
	margin-left: 10px;
	margin-top: 41px;
}
td.advertiser_title
{
	vertical-align: bottom;
	padding-bottom: 5px;
}
td.advertiser_slides
{
	padding-right: 10px;
}
div#location
{
	position: relative;
	border: solid 1px #853229;
	width: 403px;
	color: #000;
}
div#info
{
	font-size: 80%;
	width: 250px;
}
table.details
{
	border: solid 1px #C0C0C0;
	width: 300px;
	margin-bottom: 5px;
	margin-top: 10px;
}
td.details_title, div#location_title
{
	background-color: #853229;
	color: #fff;
	font-weight: bold;
	font-size: 120%;
}
td.details_title
{
	height: 30px;	
	padding: 3px 5px 3px 3px;
}
div#location_title
{
	text-align: right;
	padding: 5px 10px;
	margin-top: 10px;
}
td.field, td.value
{
	vertical-align: top;
	font-size: 90%;
}
td.field
{
	background-color: #E2A7A0;
	color: #000;
	padding: 3px 5px 3px 3px;
}
td.value
{
	padding: 3px;
}
div#sponsor-area
{
	width: 250px;
	text-align: center;
	margin-bottom: 20px;
}
p.sponsor-title
{
	margin: 0px;
	font-size: 1.1em;
}
p.crumbs-border
{
	border-bottom: solid 2px #853229;
	display: block;
	padding-bottom: 5px;
	font-size: 80%;
	margin-top: 0px;
}
p.crumbs
{
	margin: 0px;
}
p.crumbs-border a:link, p.crumbs-border a:visited, p.crumbs-border a:hover, p.crumbs-border a:active
{
	color: #853229;
}
.topbackLink
{
  font-size: 70%;
  text-align: right;
   color: #000;
}
p.backtotop
{
	background-color: #E7B5AF;
	padding: 5px 3px;
	margin: 0px 0px 20px 0px;
	font-size: 110%;
}
p.topbackLink
{
}
/* ********************* // End of Stylesheet for specified pages (Gallery/List/List Archive/Contact, etc.) // ********************* */