/* ---------------------------- FONTS ------------------------------------- */

/*
 * Fonts
 *
 * Our font size and line height declarations are based on the following ALA
 * article:
 *   http://www.alistapart.com/articles/howtosizetextincss
 *
 * All modern browsrs use a 16px default font size. Specifying the font-size
 * and line-height in ems (relative to the 16px default font) allows the user
 * to resize the font in the browser and produces the most consistent results
 * across different browsers.
 */

body {
  font-size: 100%; /* Fixes exaggerated text resizing in IE6 and IE7 */}

#page {
  /*
   * To use a 12px font size on the page, delete the 14px declarations.
   * to use a 14px font size on the page, delete the 12px declarations.
   */

  /* Use a 12px base font size with a 16px line height */
  font-size: 0.75em; /* 16px x .75 = 12px */
  line-height: 1.333em; /* 12px x 1.333 = 16px */

  /* Use a 14px base font size with a 18px line height */
  font-size: 0.875em; /* 16px x .875 = 14px */
  line-height: 1.286em; /* 14px x 1.286 = 18px */}

body,
caption,
th,
td,
input,
textarea,
select,
option,
legend,
fieldset {
  /* The following font family declarations are based on the Microsoft core web
   * fonts which are common fonts available on most computer systems. The DejaVu
   * fonts are commonly available on Linux systems where the MS fonts are less
   * common. Tahoma and Helvetica are also widely available.
   *
   * A user's web browser will look at the comma-separated list and will
   * attempt to use each font in turn until it finds one that is available
   * on the user's computer. The final "generic" font (sans-serif or serif)
   * hints at what type of font to use if the web browser doesn't find any
   * of the fonts in the list.

  font-family: "Times New Roman", Times, Georgia, "DejaVu Serif", serif;
  font-family: Times, "Times New Roman", Georgia, "DejaVu Serif", serif;
  font-family: Georgia, "Times New Roman", "DejaVu Serif", serif;

  font-family: Verdana, Tahoma, "DejaVu Sans", sans-serif;
  font-family: Tahoma, Verdana, "DejaVu Sans", sans-serif;
  font-family: Helvetica, Arial, "Nimbus Sans L", sans-serif;
  font-family: Arial, Helvetica, "Nimbus Sans L", sans-serif;

  font-family: "Courier New", "DejaVu Sans Mono", monospace;
  */

  font-family: Tahoma, Verdana, "DejaVu Sans", sans-serif;
}

pre,
code {
  font-size: 1.1em; /* Monospace fonts can be hard to read */
  font-family: "Courier New", "DejaVu Sans Mono", monospace;}

/* ---------------------------- HEADDINGS ------------------------------------- */

h1 {
  text-align: left;
  color: #336600;
  font-size: 1.3em;
  line-height: 1.3em;
  margin-top: 0;
  margin-bottom: 0.5em; /* 0.5em is equavalent to 1em in the page's base font.
                           Remember, a margin specified in ems is relative to
                           the element's font-size, not to the pages' base
                           font size. So, for example, if we want a 1em margin
                           (relative to the base font), we have to divide that
                           length by the element's font-size:
                           1em / 2em = 0.5em */}

h2 {
  color: #336600;
  font-size: 16px;/*1.3em*/
  line-height: 1.3em;
  margin-top: 0.667em; /* Equivalent to 1em in the page's base font: 1 / 1.5 = 0.667em */
  margin-bottom: 0.667em;}

h3 {
  font-size: 1.0em;
  line-height: 1.3em;
  margin-top: 0.769em; /* Equivalent to 1em in the page's base font: 1 / 1.3 = 0.769 */
  margin-bottom: 0.769em;
  color:#336600;}

h4,
h5,
h6 {
  font-size: 1.0em;
  line-height: 1.3em;
  margin-top: 0.909em; /* Equivalent to 1em in the page's base font: 1 / 1.1 = 0.909 */
  margin-bottom: 0.909em;}

/* ---------------------------- LISTS ------------------------------------- */

/* We need to standardize the list item indentation. */

ul,
ol {
  margin-left: 0;
  padding-left: 2em; /* LTR */}

.block ul,
.item-list ul /* Drupal overrides */ {
  margin: 1em 0;
  padding: 0 0 0 2em; /* LTR */}

ul ul, ul ol,
ol ol, ol ul,
.block ul ul, .block ul ol,
.block ol ol, .block ol ul,
.item-list ul ul, .item-list ul ol,
.item-list ol ol, .item-list ol ul {
  margin: 0;}

li {
  margin: 0;
  padding: 0;}

.item-list ul li /* Drupal override */ {
  margin: 0;
  padding: 0;
  list-style: inherit;}

ul.menu li,
li.expanded,
li.collapsed,
li.leaf /* Drupal override */ {
  margin: 0;
  padding: 0;}

ul          { list-style-type: disc; }
ul ul       { list-style-type: circle; }
ul ul ul    { list-style-type: square; }
ul ul ul ul { list-style-type: circle; }
ol          { list-style-type: decimal; }
ol ol       { list-style-type: lower-alpha; }
ol ol ol    { list-style-type: decimal; }

dt {
  margin: 0;
  padding: 0;}

dd {
  margin: 0 0 0 2em;
  padding: 0;}

/* ---------------------------- LINKS ------------------------------------- */

/* The order of link states are based on Eric Meyer's article:
   http://meyerweb.com/eric/thoughts/2007/06/11/who-ordered-the-link-states */

a:link {
  color: green;
  text-decoration:none;}

a:visited {
  color: green;
  text-decoration:none;}

a:hover, 
a:focus {
  text-decoration: underline;
  color: black;
  /*cursor: url(/images/target2.png),url(/target2.cur),url(/cursor/target2.cur),default;*/}

a:active {
  color: #000;}

hr {
  border: 1px dotted #e1e1e1;
margin: 20px 0 20px 0;}

/* ---------------------------- IMAGES ------------------------------------- */

img {
  border: 0;
padding: 0px;}

/* ---------------------------- BODY ------------------------------------- */

body {
  margin: auto;
  background: #ddecff;}

#page-wrapper{
  width: 1086px;
  margin: auto;
  padding-top: 0px; 
  /*cursor: url(/images/target.png),url(/target.cur),url(/cursor/target.cur),default;*/}

#page {
  float: left;
  margin: auto;
  width: 1086px;
  background: url(/images/bkgd_shadow.png) no-repeat center top;}

/* ---------------------------- HEADER ------------------------------------- */

#header {
  margin: auto;
  width: 1086px;}

#logo{
  margin: -40px 20px 0 750px;
  float: left;
  width: 100%;
  height: 40px;
  z-index: 3;
  /*background:#fff url(/images/kuranui-logo.png) no repeat;*/}

#logo h2 {
color: white;}

#logo2{
  margin: 0px 0 0 30px;
  float: left;
  /*width: 986px;
  height: 154px;*/
  width: auto;
  z-index: 3;}

/* ---------------------------- MAIN (container for everything else) ------------------------------------- */

#main-wrapper {
  float: left;
  width: 1086px;
  /*padding: 0 0 0px 0;*/
  margin: 0px 0 0px 0;
  /*background: url(/images/bkgd_shadow.png) no-repeat center top;*/}

#main-container {
  float: left;
  width: 1086px;
  background: url(/images/bkgd_shadow-bottom.png) no-repeat center bottom;}
  
#main {
  margin: auto;
  width: 986px;}

/* ---------------------------- CONTENT ------------------------------------- */

#content-wrapper {
  float: left;
  width: 986px;
  margin: auto;
  background: #fdfcfa/*faf7f2,f5efe5,ebe0cc,faf5ea*/;}

#content {
  float: left;
  width: 986px;}

.content-area {
  float: left;
  width: 786px;}

.content {
  padding: 20px;}

.content-sidebar-first {
  float: left;
  width: 200px;
min-height: 266px;
  background: #333300;}

.image-roll {
}

#member-box {
  width: 100%;
  height: 50px;
  padding: 20px 0 20px 0;}

#member-box img{
  padding: 10px 10px 10px 10px;}

div.thumb { 
  float: left; 
  padding-right: 5px; 
  width: 100px; 
  height: 55px; }

.image-wrapper {
  width: 100%;
  height: 200px;
  border-top: 1px solid #e1e1e1;
  border-bottom: 1px solid #e1e1e1;
  background: #fafafa;
  padding: 20px 0 20px 0;}

.image-first {
  float: left;}

.image {
  float: left;
  padding: 0 0 0 0px;}

.image-text {
  padding: 10px 0 0 0;
  color: #000;
  width: 239px;
  text-align: center;
  font-size: 12px;
  font-weight: bold;
  font-style: italic;}

#img-title {
  margin: -20px 0 0 0px;
  width: 100px;
color: white;
font-weight: bold;
background: url(/hunting/images/image-text-back.png);
}

#image-right {
  float: right;
  margin: 0px 0px 20px 20px;}

#image-right-indent {
  float: right;
  margin: -25px 0px 20px 20px;}

.image-right-text {
  padding: 10px 0 0 0;
  color: #336600;
  width: 360px;
  text-align: center;
  font-size: 12px;}

.breadcrumb {
  margin-bottom: 20px;
  color: #999;
  line-height: 30px;
  font-size:12px;
  }

.section {
  float: left;
  width: 100%;
  padding: 20px 0 20px 0;
  border-top: 1px dotted #e1e1e1;}

.row {
  float: left;
  width: 100%}

.column-140 {
  float: left;
  width: 140px; }

.column-140 li {
  list-style: none;
  padding: 5px 20px 5px 20px;}

.column-180 {
  float: left;
  width: 180px;}

.column-180 li {
  list-style: none;
  text-align: left;
  padding: 5px 20px 5px 20px;}

.column-220 {
  float: left;
  width: 220px;}

.column-220 li {
  list-style: none;
  text-align: left;
  padding: 5px 20px 5px 20px;}

.licolor {
  background: #fafafa;
  border-top: 1px solid #e1e1e1;
  border-bottom: 1px solid #e1e1e1;}

.background1 {
  width: 100%;
  border-top: 1px solid #e1e1e1;
  border-bottom: 1px solid #e1e1e1;
  background: #fafafa;}

.background2{
  width: 100%;}

.background3{
  width: 100%;
  border-top: 1px solid #e1e1e1;
  border-bottom: 1px solid #e1e1e1;}

.background4{
  width: 100%;
  border-bottom: 1px solid #e1e1e1;}

.background5{
  width: 100%;
  border-top: 1px solid #e1e1e1;}

.background-gallery1 {
  width: 100%;
  padding: 0 0 10px 0;
  border-top: 1px solid #e1e1e1;
  border-bottom: 1px solid #e1e1e1;
  background: #fafafa;}

.background-gallery2{
  width: 100%;
  padding: 0 0 10px 0;}

#button {
  background: url(/venue/images/wedding-information.png) no-repeat;
  width: 110px;
  height: 30px;
line-height: 30px;
text-align: center;
  display: inline;}

#button li:hover {
 background: url(/venue/images/wedding-information2.png) no-repeat;
line-height: 30px;
text-align: center;
  display: inline;
  width: 110px;
  height: 30px;}

#button li {
 background: url(/venue/images/wedding-information.png) no-repeat;
line-height: 30px;
text-align: center;
  display: inline;
  width: 110px;
  height: 30px;}

.button {
  width: 190px;
  margin: -14px 0 0 10px;}

.button li {
  list-style: none;
  font-size:16px;
  font-weight: bold;
  text-align:left;
  padding: 10px 0 10px 20px;
  border-bottom: 1px solid #666600;
  margin: 0 2px 0 -18px;}

.button li:hover {
  text-decoration:none;
  background: #999900;}

.button li a{
  color:#fff;
  text-decoration:none;}
		
.button li a:hover{
  color: #000;
  text-decoration:none;}

/* ---------------------------- NAV ------------------------------------- */

.nav {
  width: 190px;
  margin: 18px 0 0 10px;}

.nav li {
  list-style: none;
  font-size:16px;
  font-weight: bold;
  text-align:left;
  padding: 10px 0 10px 20px;
  border-bottom: 1px solid #666600;
  margin: 0 2px 0 -18px;}

.nav li:hover {
  text-decoration:none;
  background: #999900;}

.nav li a{
  color:#fff;
  text-decoration:none;}
		
.nav li a:hover{
  color: #000;
  text-decoration:none;}

/* ---------------------------- SUB-NAV ------------------------------------- */

.sub-nav {
  float: left;
  width: 786px;
  margin: 0px 0 0 0;
  background: #ccc;}

.sub-nav li {
  float: left;
  color: #333;
  list-style: none;
  font-size:14px;
  font-weight: bold;
  text-align:left;
  padding: 10px;
  border-right: 1px solid #666;}

#li-first {
  padding: 10px 10px 10px 20px;}

.sub-nav li:hover {
  background: #999;
  /*cursor: url(/images/target.png),url(/cursor/cursor.cur),default;*/}

.sub-nav-active {
  background: #999;}

.sub-nav li a {
  color: #333;
  text-decoration:none;}
		
.sub-nav li a:hover {
  color:#fff;
  text-decoration:none;}

/* ---------------------------- FOOTER ------------------------------------- */

#footer{
  float:left;
  width: 986px;
  /*background: url(/images/bkgd_shadow_3.png) no-repeat center bottom;*/}

.footer{
  float:left;
  width: 986px;
  height: 30px;
  /*background: url(/images/bkgd_shadow_2.png) no-repeat center bottom;
  background: url(/images/bkgd_shadow_3.png) no-repeat center bottom;*/}

.footer-note1{
  float:left;
  width:200px;
  background: #333300;}
		
.footer-note1 li{
  list-style: none;
  display: inline;
  font-size:12px;
  text-align:left;
  line-height: 30px;}
	
.footer-note1 li h2{
  list-style: none;
  display: inline;
  font-style: italic;
  padding: 0 180px 0 180px;
  text-align: center;}

.footer-note1 li a{
  color:#fff;
  text-decoration:none;
  padding: 0 10px 0 10px;}
		
.footer-note1 li a:hover{
  color:#fff;
  text-decoration:underline;}

.footer-note2{
  float:left;
  width:586px;
  background: #333300;}
		
.footer-note2 li{
  list-style: none;
  display: inline;
  font-size:12px;
  text-align:left;
  c}
	
.footer-note2 li h2{
  list-style: none;
  display: inline;
  font-style: italic;
  padding: 0;
color: white;
line-height: 30px;
  text-align: center;}

.footer-note2 li a{
  color:#fff;
  text-decoration:none;
  padding: 0 10px 0 10px;}
		
.footer-note2 li a:hover{
  color:#fff;
  text-decoration:underline;}

.footer-note3{
  float:left;
  text-align: right;
  width:200px;
  background: #333300;}
		
.footer-note3 li{
  list-style: none;
  display: inline;
  font-size:12px;
  text-align:left;
  line-height: 30px;}
	
.footer-note3 li h2{
  list-style: none;
  display: inline;
  font-style: italic;
  padding: 0 180px 0 180px;
  text-align: center;}

.footer-note3 li a{
  color:#fff;
  text-decoration:none;
  padding: 0 10px 0 10px;}
		
.footer-note3 li a:hover{
  color:#fff;
  text-decoration:underline;}

/* ---------------------------- CLOSURE ------------------------------------- */

.region-page-closure /* See also the #page-wrapper declaration above that this div shares. */ {
  padding: 0 0 0 50px;
  width: 986px;
  float: left;}

.macrotech {
  margin-top: 5px;
  font-size: 10px; /* "Eras Demi ITC" */
  color: #000;
  text-align: right;}

.macrotech a {
  color: #000;}

#dummy {
  height: 0px;}

.form-submit /* The submit button */ {
  border: 1px solid #000;
  border-radius: 4px 4px 4px 4px;
  -moz-border-radius: 4px 4px 4px 4px;
  -webkit-border-radius: 4px 4px 4px 4px;
  /* box-shadow: 1px 1px 1px rgba(0,0,0,0.5);
  -moz-box-shadow: 1px 1px 1px rgba(0,0,0,0.5);
  -webkit-box-shadow: 1px 1px 1px rgba(0,0,0,0.5); */
  color: #fff; 
  background: url(/images/blackbutton.png) repeat-x;
  margin-right: 10px;}

.form-submit:hover /* The submit button */ {
  border: 1px solid #cc0000;
  background: url(/images/redbutton.png) repeat-x;}

.form-textarea{
  border: 1px solid #ccc;
  -moz-border-radius: 2px 2px 2px 2px;
  border-radius: 2px 2px 2px 2px;
  -webkit-border-radius: 2px 2px 2px 2px;
  background-color: #fcfcfc; /* #eff5ff */
  padding-left: 5px;}

.form-text /*Highlight the form elements that caused a form submission error */ {
  border: 1px solid #ccc; 
  -moz-border-radius: 2px 2px 2px 2px;
  border-radius: 2px 2px 2px 2px;
  -webkit-border-radius: 2px 2px 2px 2px;
  background-color: #fcfcfc;
  padding-left: 5px;}

.form-select {
  border: 1px solid #ccc; 
  -moz-border-radius: 2px 2px 2px 2px;
  border-radius: 2px 2px 2px 2px;
  -webkit-border-radius: 2px 2px 2px 2px;
  background-color: #fcfcfc;
  padding-left: 5px;}

.active {
  background: #999900;)