/* 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.
*/
/* ALL SETTINGS IN THIS SECTION CAN BE SAFELY CHANGED */

html, body  
{
	font-family: 'Trebuchet MS', Helvetica, sans-serif;
	color: #000; /* primary font color */
	background-color: #432201; /* body background colour */
	background-image: url(/pics/bg.png);
	background-position:top;
	background-repeat:repeat-x;
}	
/* Heading colours and styles */
h1, h5
{
	color: #900;
	font-weight:normal;
	margin-bottom:1px;
}
h2, h4, h6
{
	color: #342414;
	margin-bottom:1px;
}
h3
{
	font-family: Verdana, Geneva, sans-serif;
	font-size:1em;
	font-weight:bold;
	margin-bottom:1px;
}
h3 a:link
{
	color:#00C;
	font-family: Verdana, Geneva, sans-serif;
}
h3 a:visited
{
	color:#606;
	font-family: Verdana, Geneva, sans-serif;
}
h3 a:hover, h3 a:active
{
	color:#00c;
}
#divStoryBody p
{
	margin-top:1px;
}
a:hover, table#tabs a:hover, table#tabs td.current a:hover
{
	color: #0000FF; /* Tab link hover colour */
}
#divBody
{
  background-color: #FFFFFF; /* Main background colour */
  border-left: 1px solid #C0C0C0; /* left body border */
  border-right: 1px solid #C0C0C0; /* right body border */
}
#mainshadow
{
	position:absolute;
	top:134px;
	z-index:100;
	background-image:url(/pics/bg_main.png);
	height:15px;
	width:992px;
	background-position:top;
	background-repeat:repeat-x;
}
/* side panel */
#divPanel, .divPanel
{
	width: 165px;
	float: right; /* panel postion = left or right */
}
div#panelTop, div.panelTop
{
  background-color: #990000;
  min-height: 30px;
  font-size: 1.1em;
  color: #fff;
  font-weight: bold;
  text-align: left;
  padding: 10px 5px 5px 10px;
}
div#panelStory, div.panelStory
{
  padding: 5px 5px 10px 5px;
  font-size: 80%;
  color: #333;
  background-color: #F5F5F5;
  border-left: 1px solid #990000;
  border-right: 1px solid #990000;
  border-bottom: 1px solid #990000;
  margin-bottom: 20px;
}
/* Heading style for the side panel */
#divPanel h3, .divPanel h3
{
	/*border-top: solid 1px #B80000;*/
	margin-top: 5px;
}
/* Masthead of the page */
div#title
{
	border: 0px; 
	height:134px;
}
div#title img
{
  border: 0px;
}
/* Footer of webpages */
div#questionFooter
{
  width: 120px;
  float: right;
  margin: 0px 5px 5px 0px;
}
div#questionFooter a:link, div#questionFooter a:active, div#questionFooter a:visited
{
  color: #000;
  text-decoration: none;
}
div#questionFooter a:hover
{
  color: #996;
  text-decoration: underline;
}
div#questionFooterLeft
{
  float: left;
  width: 32px;
  margin: 3px 0px 0px 0px;
}
div#questionFooterRight
{
  float: right;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 0.7em;
}
div#footer
{
	background-color: #342414;
	background-image:url(/pics/bg_footer.png);
	background-position:top;
	background-repeat:repeat-x;
	font-size:0.8em;
	color: #dfccb6;
	text-align: justify;
}
div#footer a:link, div#footer a:visited
{
  color: #dfccb6;
  text-decoration: none;
}
div#footer a:hover, div#footer a:active
{
  color: #fff;
  text-decoration: underline;
}
div#footer td
{
	padding-left:50px;
}
p.footerTitle
{
	color: #fff;
	padding: 0px;
	margin: 0px;
	font-weight: bold;
	font-family: Verdana, Geneva, sans-serif;
}

/* H1 links */
h1 a
{
	text-decoration: none;
	color: #000066;
}
table#tabs td
{
	background-color: #EEEEEE; /* Non-active Tab Colour */
}
table#tabs td p
{
	font-size: 88%; /* Non-active tab item font size */
}
table#tabs td span
{
	font-size: 60%; /* Secondary tab item font size */
}					
table#tabs td a					
{
	color: #999; /* Non-active Tab link color */
}
table#tabs td.current
{
	background-color: #FFFFFF; /* Active Tab Colour */
}
table#tabs td.current p
{
	font-size: 100%; /* Active tab item font size */
}
table#tabs td.current a
{
	color: #000000; /* Active Tab link color */
}
/* Table specific styling */
#divStoryBody table
{
    border-top: solid 1px #DDD;
    border-left: solid 1px #DDD;
    margin-bottom:5px;
}
#divStoryBody table caption
{
    background-color: #DDD;
    font-size: 1.0em;
    text-align: left;
    padding: 3px;
}
#divStoryBody table th
{
    background-color: #EEE;
    font-size: 0.9em;
    font-weight: normal;
    text-align: left;
    border-right: solid 1px #DDD;
    border-bottom: solid 1px #DDD;
    padding: 3px;
}
#divStoryBody table td
{
    font-size: 0.9em;
    text-align: left;
    border-right: solid 1px #DDD;
    border-bottom: solid 1px #DDD;
    padding: 3px;
    padding-left: 5px;
}
/* end of Table Styling */
/* ONLY ADVANCED USERS SHOULD CHANGE THE RULES BELOW THIS LINE ********************* */ 
html, body  
{
   padding: 0px;
   margin: 0px;
}	
a:hover, table#tabs a:hover, table#tabs td.current a:hover
{
	text-decoration: underline;
}
#divBody
{
  visibility: visible;
  width: 990px;
  min-height: 640px;
  padding: 0px;
}
#divMain  
{
   margin: 10px auto 0px auto;
   visibility: visible;
   width: 990px;
   position: relative;
}
#divPanel
{
	margin: 20px 0px 5px 10px;
	/*padding: 5px 5px 10px 5px;*/
}
div#title
{
	width: 740px;
}
div.story
{
	padding: 10px 30px;
	width: 930px;
}
div#storyLeft
{
	float: left;
	width: 730px;
	padding: 0px 10px 0px 0px;
}
div#footer
{
	border-top: none;
	padding: 10px 15px 10px 15px;
}
.inline
{
	display: inline;
}
div#clientMemuTable
{
  width: 992px;
  margin: 0px;
  padding: 0px;
  background-color: #eee;
}
table#tabs
{
	width: 775px; /*1001px;*/
	margin-top:0px;
}
table#tabs td
{
	border: 1px solid #FFFFFF;
	border-bottom: 1px solid #C0C0C0;
	border-left: none;
	padding: 10px 15px 1px 15px;
}
table#tabs td.current
{
	border-color: #C0C0C0;
	border-bottom: 1px none #C0C0C0;
	border-left: 1px solid #C0C0C0;
}
/*LIST ITEM*/
div.list_item
{
	width: 700px;
	font-size: 0.9em;
}
div.list_item h3
{
  margin: 5px 0px 0px 0px;
}
div.list_item p
{
  margin: 5px 0px;
}
div.item_left
{
	float: left;
	width: 170px;
	padding-bottom: 5px;
}
div.item_right
{
	float: right;
	width: 530px;
}
.clear
{
	clear: both;
}
.nomargin
{
	margin: 0px;
}
input.textbox
{
	width: 300px;
	/*border: solid 1px #000000;*/
}
textarea
{
	width: 300px;
	height:200px;
	font-family: arial, Verdana, Geneva, sans-serif; 
	/*border: solid 1px #000000;*/
}
div#location
{
	position: relative;
	border: solid 2px #000000;
	width: 516px;
	color: #000000;
}
div#subClinetMenu
{
  padding: 10px 30px 10px 30px;
	width: 930px;
}
div#subMenu
{
  width: 930px;
  height: auto;
  padding: 10px 30px 10px 30px;
}
table#submenuTable
{
  /*width: 940px;*/
  border: 0;
  margin-bottom: 0px;
  border-top: 1px solid #c0c0c0;
  border-left: 1px solid #C0C0C0;
}
table#submenuTable img
{
  border: 0;
}
table#submenuTable td
{
  padding: 10px 15px 20px 10px;
  width: 210px;
  vertical-align: top;
  font-size: 0.8em;
  border-bottom: 1px solid #c0c0c0;
  border-right: 1px solid #c0c0c0;
  height: 100px;
}
td.cellLighter
{
  background-color: #F5F5F5;
}
td.cellLight
{
  background-color: #eee;
}
td.cellMedium
{
  background-color: #ddd;
}
td.cellDark
{
  background-color: #ccc;
}
.titleLink
{
  font-size: 1.2em;
  font-weight: bold;
  color: #000;
  font-family:Verdana, Geneva, sans-serif;
}
a.titleLink:link, a.titleLink:visited, a.titleLink:active
{
  
  text-decoration: none;
}
a.titleLink:hover
{
  color: #00f;
  text-decoration: underline;
}
div#galleryTable
{
  width: 920px;
}
table#galleryTableImg td, table.galleryTableImg td
{
  padding: 0px 10px 10px 10px;
  width: 210px;
  vertical-align: top;
  font-size: 0.8em;
  border: 0
}
table#galleryTableImg, table.galleryTableImg
{
  border-left: 8px solid #EEE;
  border-top: 0;
  border-right: 0;
  border-bottom: 0;
  margin-bottom: 0px;
}

table#galleryTableImg img, table.galleryTableImg img
{
  border: 0;
}
table#galleryTableImg p.galleryImg, table.galleryTableImg p.galleryImg
{
  text-align: center;
}
table#galleryTableImg a:link, table#galleryTableImg a:visited, table.galleryTableImg a:link, table.galleryTableImg a:visited
{
  color: #02f;
  text-decoration: underline;
}
table#galleryTableImg a:hover, table#galleryTableImg a:active, table.galleryTableImg a:hover, table.galleryTableImg a:active
{
  color: #02f;
  text-decoration: none;
}
div#galleryTitle
{
  background-color: #EEE;
  margin-bottom: 10px;
}
div#galleryTitle h3
{
  color: #000;
  padding: 0px;
  margin: 0px;
}
/* Boxes */
.happybox, .warnbox, .breakbox
{
	border:solid 1px #AAA;
	padding:5px;
	margin: 0px 20px;
} 
.happybox
{
	background-color:#CFB;
}
.warnbox
{
	background-color:#FD9;
}
.breakbox
{
	background-color:#EEE;
}
#divStoryBody table.breakbox td
{
    border-right: none;
    border-bottom: none;
}
/* BLOG CSS */
div.comment
{
	border-top: dashed 1px #990000;
	font-size: 80%;
	padding: 3px 0px;
}
div.blog_title
{
	margin-top: 10px;
	background-color: #990000;
	padding-right: 2px;
	color: #FFF;
	font-size: 110%;
}
table.blog_title td, table.blog_options td
{
	width: 100%;
}
div.blog_title td img, table.blog_options td img
{
	border: none;
}
p.blog_info
{
	margin: 0px;
	color: #990000;
}