/*
Theme Name: Taichi
Theme URI: http://sandbox.c327.com
Description: theme conversion test
Version: 1.0
Author: CCC
Author URI: sandbox.c327.com
*/

@charset "UTF-8";
/* CSS Document */




/* GENERAL CSS - CODE TO TELL FF AND IE TO SIT DOWN AND STFU */
#body {
	margin: 0px;
	padding: 0px;
	color: #000000;
	font-size: 0.626em; }
body div, ul, ol, li, table, img {
	margin: 0px;
	padding: 0px; }
body p {
	margin: 10px 0px 15px; }
body p {
	margin: 10px 0px 15px; }
.post li {
	margin: 10px 0px 12px; 0; }
body img {
	border: none; }
.display_none {
	display: none; }
.clear_div {
	display: none;
	height: 0px;
	width: 0px; }
body:last-child .clear_div {
	display: block;
	clear: both; }
object:focus {
	outline:none; }
object {
	margin:0px;
	padding:0px; }
a:focus {
	outline:none; }

/* CLEAR - BECAUSE SOMETIMES, FLOATING -ISN'T- A GOOD THING */

.clearme, .clear {
	clear: both;
}



a img {border:0}


body{
	background:#FFFFFF url(images/background.jpg) repeat-x   fixed top center;
	background-attachment: scroll;
	text-align: center;
	min-width:990px;
	margin:0 auto;
}


p, dd, .bizdir_form_text {
	padding:0px 15px;
	font:13px Arial;
	line-height:18px;
	color:#6b6d66;
}


a {
	font:13px Arial;
	text-decoration:none;
	xcolor:#67784a;
	color:#9c3700;
	font-weight:bold;
}

a:hover {
	font:13px Arial;
	text-decoration:none;
	color:#208434;
	font-weight:bold;
	border-bottom:0px dotted silver;
}

p2 {
	padding:3px 15px 3px 0px;
	font:12px Arial;
	line-height:16px;
	color:#6b6d66;
}

ul, li { font:12px Arial; }

dt {margin-top:16px;}
dd {margin-top:10px }


/* MAIN WRAPPER */

#page_wrapper {
	width:100%;
	height:100%;
	margin:0 auto;
	text-align:center;
	padding:0px;
}


#main_wrapper {
	width:1024px;
	min-height:800px;
	*height: expression(800 + "px");
	margin:0 auto;
	text-align:left;
	padding:0px;
}


/* Navigation */

#header-wrapper {
	width: 870px !important;
	width: 770px;
	margin: 0px 0px 0px 100px;
	/* Using width and height with margin and padding will freak out IE6. 
	It is advisable to only use margin or padding on elements w/o height and width or 
	at the very least only pad the height or width if set to auto. As a hack we can 
	specify the height or width as !important and then remove the padding/margin from the
	aTribute again. IE6 will ignore the !important call and use the second width or height
	declaration. -tjt */
}

#logo {
	float:left;
	display:block;
	width:278px;
	height:128px !important;
	height: 114px;
	margin:14px 0px 0px 0px;
	background:url(images/logo.png) no-repeat;
	text-align:right;
}

#nav-wrapper {
	float:right;
	width:592px;
	height:128px !important;
	height: 119px;
	margin:9px 0px 0px 0px;
	position: relative;
}

#nav-tabs {
	float:right;
	text-align:right;
	width:542px;
	height:27px !important;
	height: 21px;
	margin:6px 0px 0px 0px;
	padding:0px 50px 0px 0px;
}

/* ~~~~~~ Dropdown Styles ~~~~~~ */


#nav {
	position: absolute; /* positioning this absolute to achieve navigation hover affect. make sure that containing element is positioned relative. -tjt */
 	top: 28px;  /* move to correct position from top of containing element -tjt */
	padding: 0;
	margin: 0;
	list-style: none;
	line-height: normal;
}

#nav li {
  float: left;
  height: 1%;
  position: relative;
}

#nav li a {
  display: block;
  float: left;
  padding: 0 0 0 10px; /* never set vertical margin or padding with height or set horizontal margin or padding with width. this will immensely help IE box model irregularities -tjt */
  height: 40px; 
  overflow: hidden;
  text-decoration: none;
border-bottom:0;
}

#nav li.no_submenu a {
  height: 50px; /* show boTom rounded corners for navigation elements without sub menus -tjt */
}

#nav li a span { /* I find adding a span tag in navigaiton elements is the easiest (and semantic) way to customize things -tjt */
  display: block;
  padding: 16px 10px 18px 0;
  color: #525e42;
}

#nav li a span.active { /* Active menu item. Could easily be moved to li or a element. -tjt */
  color: #FFF;
}

#nav li a:hover, 
#nav li a.hover  /* this class is used by the javascript on rollover of the sub menu -tjt */
{ 
  background: url('images/nav-hover-left.png') no-repeat top left;
}

#nav li a:hover span, #nav li a.hover span {
  background: url('images/nav-hover-right.png') no-repeat top right;
  color: #525e42;
}

/* here's the styles for the drop down parts -tjt */

#nav li ul {
  display: none;
  clear: both;
  position: absolute;
  top: 40px;
	padding: 0 0 8px 0;
	margin: 0;
	list-style: none;
  z-index: 5000; /* should display over everything else -tjt */
  background: #FFF;
	width: 150px; /* Decided to give drop down a fixed width to maintain consistency and also make the boTom rounded corners easier. -tjt */
	background: url('images/subnav-bottom.png') no-repeat left bottom;
}

#nav li ul li {
  float: left;
}

#nav li ul li {
  float: none;
  clear: left;
}

#nav li ul li a {
  height: auto;
  float: none;
  color: #80817d;
  font-weight: bold;
  padding: 5px 10px;
  border-left: 1px solid #E4E4E2;
  border-right: 1px solid #E4E4E2;
  background-color: #FFF;
  font-size: 0.9em;
}

#nav li ul li a:hover {
  background-image: none;
  background-color: #f1fbd2;
}

#nav li:hover ul { /* This displays the submenu in FF and Safari. Otherwise we'll be using some simple javascript in other browsers. -tjt */
  display: block;
}


/* Left-Navigation */

#left-nav-wrapper {
	display:block;
	width: 277px;
	min-height:300px;
	background: url('images/left-nav-bkg.gif') no-repeat;
	text-align:center;
}

#left-nav-left {
	float:left;
	width: 106px;
	text-align:right;
	
	font:normal 20px Verdana;
	color:#67784a;
}

#left-nav-right {
	float:right;
	width: 169px;
	text-align:left;
}

#left-nav-right a {
	padding:0px 15px;
	font:13px Arial;
	line-height:18px;
	color:#6b6d66;
	font-weight:bold;
	text-decoration:none;
}

#left-nav-right a:hover {
	color:#208434;
	text-decoration:none;
}

#left-nav-callout {
	display:block;
	width:225px;
	background:#dfe7cb;
	border-style:solid;
	border-color:#67784a;
	border-width:thin 1px;
	margin:30px 0px 0px 0px;
	padding:3px 15px 3px 15px;
	font:11px Arial;
	line-height:16px;
	color:#6b6d66;
	text-align:left;
}

/* locations Nav */

#left-nav-loc {
	float:right;
	width: 169px;
	text-align:left;
}

/* Locations Page Box Area */

#locations-box {
	display:block;
	width:550px;
	height:275px;
	background:#f9fcec;
	margin:0px;
	padding:17px;
	border-style:solid;
	border-color:#67784a;
	border-width:thin 1px;
}
#map-box {
	float:right;
	width:315px;
	margin:0px;
	padding:0px;
}

.p3 {
	font:13px Arial;
	line-height:16px;
	color:#6b6d66;
    display: block;
    text-align:  left;
}


/* CONTENT */

#home-left-col {
	float:left;
	width:278px;
	margin:0px 0px 0px 65px;
	}


#home-right-col {
	float:right;
	width:592px;
	margin:0px 50px 0px 0px;
}

#home-video-box {
	float:left;
	display:block;
	width:249px;
	height:280px;
	background:#dfe7cb;
	margin:20px 5px 0px 0px;
	padding:20px;
	border-style:solid;
	border-color:#67784a;
	border-width:thin 1px;
}



#home-right-inset {
	display:block;
	width:202px;
	background:#dfe7cb;
	border-style:solid;
	border-color:#ccc;
	border-width:thin 1px;
	padding:3px 15px 3px 15px;
	font:11px Arial;
	line-height:16px;
	color:#6b6d66;
	margin:10px 0px 0px 0px;
}

.divider-line {
	display:block;
	width:249px;
	height:2px;
	background:#67784a;
	margin:15px 0px 15px 0px; 
}

#animation {
	width:300px;
	height:250px;
	padding:0px;
	margin:0px;
}



/* SIDEBARS */
.home-right-box {
	float:left;
	display:block;
	width:235px;
	background:#f9fcec;
	margin:20px 0px 0px 0px;
	padding:10px;
	border-style:solid;
	border-color:#ccc;
	border-width:thin 1px;
}

#sidebar ul li {list-style-type:none;}

#widget ul li {
list-style-type:disc; 
margin:6px 0;
padding-bottom:2px;
border-bottom:1px dotted silver;
}



/* FOOTER */

#footer_wrapper {
	background:url(images/footer-repeat.gif) repeat-x  fixed bottom center;
	height:73px;
	background-repeat: repeat-x;
	background-attachment:scroll;
	background-position:0pt 0pt;
	position:relative;
	bottom:-20px;
	width: 100%;
}
#footer {
	background:url(images/footer.gif) no-repeat fixed bottom center;
	min-width:1024px;
	height:73px;
	background-attachment:scroll;
}
.footer-text {
	padding:12px 0px 0px 0px;
	background-attachment: scroll;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight:bold;
	text-align:center;
	color:#FFFFFF;
}

.footer-text a {
	color:#FFFFFF;
	font-size:10px;
}

.footer-text a: hover {
	color:#e5e5e5;
	text-decoration: none;
}



/* HEADER TAGS */


h1, h1 a{
	padding:0px 12px;
	margin: 5px 0px 0px -12px;
	font:bold 17px Verdana;
	color:#67784a;
	text-decoration:none;
	
}

h1 a:hover {
	font:normal 20px Verdana;
	border-bottom:1px dotted silver;
}

h2 {
	padding:0px 15px;
	font:bold 14px Verdana;
	color:#67784a;
}
h2 a {
	padding:0px 15px 0px 0px;
	font:bold 14px Verdana;
	color:#67784a;
	text-decoration-none;
}
h2 a:hover {
	padding:0px 15px 0px 0px;
	font:bold 14px Verdana;
	color:#208434;
	text-decoration:underline;
}

h3, dt {
	padding:0px 15px;
	font:normal 14px/20px Verdana;
	color:#67784a;
	font-weight:bold;
}
h4 {
	padding:0px 0px;
	margin: 0px 0px;
	font:bold 14px Verdana;
	color:#67784a;
}

h5 {
	padding:10px 0px 5px 0px;
	margin:0px 0px;
	font:normal 14px Verdana;
	color:#67784a;

}
h6 {
	padding:0px 0px;
	margin:0px 0px;
	font:normal 14px Verdana;
	color:#67784a;
}


/* LISTS */

ol, ul {
	margin-left:25px;
	padding:0px 15px;
}
li {
	font:13px/18px Arial;
	color:#67784a;
}





/* CONTACT FORM - TABLES IN CSS WITH DIVS... BECAUSE I CAN */

#contact_form {
	width: 100%;
	font:11px/20px Verdana;
	color:#525252;
	leTer-spacing:0px;
}
#contact_table {
	width: 400px;
	font:11px/20px Verdana;
	color:#525252;
	leTer-spacing:0px;
	padding-left:10px;
}
.contact_row {
	width: 320px;
	height: 25px;
}
.contact_field {
	float: left;
	width: 65px;
	height: 20px;
	text-align: right;
	padding:5px 5px 0px 0px;
}
.contact_box {
	float: right;
	width: 250px;
	height: 25px;
	text-align: left;
}
input.contactinput {
	width: 250px;
	font:11px Verdana;
	color:#525252;
	background-color: #FFFFFF;
}
textarea.contacText {
	font:11px Verdana;
	color:#525252;
	background-color: #FFFFFF;
}

.entry {margin-left:20px;}

.sidebarvid {
display:block;
width:257px;
height:207px;
margin-left:40px;
}

#commentform textarea {width:560px}

/* REVISED HOME WITH DYNAMIC SLIDER  */

.jdGallery a.carouselBtn { display:none }


#frontpage h1, #frontpage h1 a {
font-size: 15px;
font-weight:bold;
text-decoration:none;
margin-bottom:0;
margin-bottom:6px;
}


#SlideDeck_Bug4504239  {display:none}

/* use to hide content from problematic browser  */


#hide { }
.win js gecko gecko_20080404 firefox firefox_2_0_0_14 firefox_2 gecko_1_8_1_14 #hide {display:none}

/*-------------------------------- Images -----------------------------------*/ 

div.picr img, div.picl img, div.pic img { margin:0; padding:0; vertical-align:middle; } 
div.picr { float: right; border: thin silver solid; background:#fff; margin: 0.3em; padding: 0.3em; margin-left:6px; } 
div.picl { float: left; border: thin silver solid; background:#fff; margin: 0.3em; padding: 0.3em; margin-right:6px; } 
div.piclnb { float: left; background:#fff; margin: 0.3em; margin-right:6px; } 
div.picrnb { float: right; margin: 0.3em; margin-left:6px; } 
div.picnb { margin: 0.3em; } 
div.picr p, div.picl p, div.picrnb p, div.picnb p, div.piclnb p { text-align: center; font-size: smaller; text-indent: 0; padding:3px; clear:both; line-height:normal; } 
div.pic { border: thin silver solid; margin: 0.3em; padding: 0.3em; margin-right:6px; background:#fff; } 
div.picr p, div.picl p, div.pic p { text-align: center; font-size: smaller; text-indent: 0; margin:0; background-color:#fff; } 
div.picnb, div.picrnb, div.piclnb {border:0}

.meta {
font-size: 10px;
color:#666;
display:block;
text-transform:upper;
margin-left:-4px;
font-family:verdana, helvetica, sans-serif;
}

/*--------------------------------
Call to action buttons
-----------------------------------*/

.cta a {
  width: 250px;
  padding: 10px 25px 10px 25px;
  font-family: Arial;
  font-size: 16px;
  text-decoration: none;
  color: #ffffff;
  text-shadow: -1px -1px 2px #acf;
  background: -moz-linear-gradient(#579, #ce9 35%, #acf);
  background: -webkit-gradient(linear,left top,left bottom,color-stop(0, #579),color-stop(.35, #ce9),color-stop(1, #acf));
  border: 1px solid #ce9;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
}

.cta a:hover {
  text-shadow: -1px -1px 2px #465f97;
  background: -moz-linear-gradient(#acf, #ce9 75%, #579);
  background: -webkit-gradient(linear,left top,left bottom,color-stop(0, #acf),color-stop(.75, #ce9),color-stop(1, #579));
  border: 1px solid #ce9;
}



#wpu-profile { padding:20px ; border: 1px solid silver ; margin-bottom: 20px; }

#level {padding:20px; border:1px solid silver; margin-bottom: 18px; }

#wpmenu1 ul {list-style-type:none;}






#login {width:500px; }

#featuredlist ul {
list-style-type:none;
}

#featuredlist ul li {
list-style-type:disc; 
padding:12px;
border:1px dotted silver;
margin:0;
width:100%;
}

table#paybox {
margin:auto;
border:1px dotted silver;
background:#fff;
}
table#paybox h5, table#paybox td {
font-family:verdana;
font-size: 11px; 
font-weight:bold;
color:#67784a;
text-align:center;
background:#f9fcec;
}
table#paybox td h5 {margin-bottom:8px}