﻿*{
    margin:0;
    padding:0;
    border:0;
}

/*Basic tags*/

html,body
{
    width:100%;
    height:100%;
    margin: 0 0 0 0;
    font-family:Garamond, Arial, Helvetica, Sans-Serif;
    font-size:1em;
}
p
{
    margin-bottom: 1em;
    padding-top: .5em;
    color: #000033;
}
h1
{
    font-size:1.75em;
    font-weight:bold;
    margin-bottom:1.75em;
    color: #000033;
}

h2

{
    text-align: center;
    font-size:1.25em;
    font-weight:bold;
    margin:0;
    margin-bottom: 1em;
    /*padding-top: 1.25em;*/
    color: #000033;
}
h3
{
    text-align: center;
    font-size:1.05em;
    font-weight:bold;
    margin-bottom: 1em;
    color: #000033;
}
h4
{
    font-weight:bold;
    color: #000033;
}
ul
{
}
li
{
}
hr
{
    border: solid .001px #006699;
}
div
{
	border: 0;
}
a
{
	border: 0;
}
blockquote
{
    text-align: center;
}
.center
{
    text-align: center;
}
.seperator
{
    border-top: solid 1.5px #006699;
    padding-top: 15px;
}
.iframe
{
    position: relative;
    text-align: center;
    width: 790px;
    height: 890px;
    z-index: 1;
}

/* Classes and IDs */
.splashBackground
{	
    background: #0256A5;
    text-align: right;
}
.splashBackground h1, .splashBackground h2
{
    color: #FFFFFF;
    margin-bottom: 0;
    margin-bottom: 0;
}
.splashBackground p
{
    margin-top: 0;
    margin-bottom: 0;
}
.intBackground
{
    background-color:#0356A6;
    text-align: right;
}
.centerImg
{
    text-align: center;
    max-width: 90%;
}
.intLogo
{
    position: absolute;
    top: 0px;
    left: 275px;
    max-width: 45%;
    z-index: 4; 
}
.featureDesc
{
    text-align: left;
}
.articleImg
{
    float:left;
    max-width: 200px;
    padding: 7px 7px 7px 7px;
}
.article
{
    clear:none;
}
.featureImg
{
    max-width: 90%;
   /* max-width: 300px;*/
    text-align: center;
    padding: 7px 7px 7px 7px;
}
.BG

{
	min-width: 800px;
	max-width: 1680px;
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 0;
	width: 100%;

}

div.BG img

{
    width: 100%;
    z-index: 0;

}

.contentColumn
{
    position:relative;
	width: 100%;
	min-width: 800;
	max-width: 1680px;
	text-align: right;
	z-index: 1;
}
img.family
{
	max-width: 20%;
}
.mainLogo
{
    width: 40%;
    padding-right: 75px;
    max-width: 500px;
}
div.mainLogo img
{
    width: 100%;
    }
.contentBackground
{
    position: relative;
	background-image: url("img/contentBG.png");
    background-position: top left;
    background-repeat: no-repeat;
    margin-top: 50px;
    margin-left: 150px;
    margin-right: 0px;
    z-index: 2;
}
.contentBody
{
    position: relative;
    background-image: url("img/RTcontentBG.png");
    background-position: top right;
    background-repeat: no-repeat;
    min-height: 1000px;
	padding-top: 20px;
	padding-left: 200px;
	padding-right: 200px;
	padding-bottom: 0px;
	text-align: left;
    color:White;
    z-index: 2;
}
.contentBody p
{
    color: White;
}
.lftBtmExt
{
	position: relative;
	background-image: url("img/lftBtmcontentBG.png");
	background-position: bottom left;
    background-repeat: no-repeat;
    margin-top: -10px;
    z-index: 3;
}
.rtBtmExt
{
	position: relative;
    background-image: url("img/rtBtmContentBG.png");
    background-position: bottom right;
    background-repeat: no-repeat;
    min-height: 290px;
	z-index: 3;
}
#intContentWrapper
{
    position: relative;
    min-width: 850px;
	margin-top: -15px;
    margin-right: 0px;
    margin-left: 110px;
    z-index: 1;
}
#intContentWrapper a
{
    text-decoration: underline;
    color: #003366;
}
#intContentWrapper a:visited
{
    text-decoration: underline;
    color: #006699;
}
.intContentHeader
{
    position: relative;
    background-image: url(img/intContentHeader.png);
    background-position: top left;
    background-repeat: no-repeat;
    padding-top: 20px;
    height: 210px;
    z-index: 1;
    clear: both;
}
.intContentBody
{
    position: relative;
    background-image: url(img/intContentBody.png);
    background-position: top left;
    background-repeat: repeat-y;
    min-height: 1500px;
    margin-top: -17px;
    padding-top: 0px;
    padding-left: 60px;
    padding-right: 60px;
    padding-bottom: 60px;
    z-index: 1;
    text-align: left;
}
.left
{
    float: left;
    width: 25%;
    max-width: 250px;
    border-right: solid 1.5px #006699;
    padding-right: 10px;
    min-height: 1500px;
    text-align: left;
}
.right
{
    float: right;
    width: 25%;
    max-width: 250px;
    padding-left: 10px;
    border-left: solid 1.5px #006699;
    min-height: 1500px;
    text-align: left;
}
.center
{
    margin: 0px;
    padding-left: 275px;
    padding-right: 275px;
    text-align: center;
}
.right ul
{
    padding-left: 10px;
}
.intContentFooter 
{
    position: relative;
    background-image: url(img/intContentFooter.png);
    background-position: top left;
    background-repeat: no-repeat;
    min-height: 75px;
    text-align: center;
    padding-top:80px;
    z-index: 1;
    clear: both;
}
.contentImg
{
    float: left;
    padding-right: 10px;
    padding-bottom: 10px;
    height: 250px;
}
.bodyContent
{
    padding-top: 60px;
    padding-bottom: 60px;
}
#pageTitle
{
    padding-top: 1.75em;
    text-align: center;
    color: #000033;
}
.subHead
{
    text-align: center;
    color: #000033;
}
.contactInfo
{
    margin-top: 10px;
	text-align: center;
	color: White;
}
div.kanjiSwap a, div.kanjiSwap a:link, div.kanjiSwap a:visited 
{
    display:block;
}
div.kanjiSwap 
{
    margin-left: auto;
    margin-right: auto;
	width: 100px;
	height: 100px;
}
div.kanjiSwap img
{
	width: 100%;
	height: 100%;
	max-width: 100px;
	max-height: 100px;
}
 div.kanjiSwap a:hover
{
    background-image: url(img/glowkanji.png);
    background-repeat: no-repeat;
    background-position: center;
	width: 100%;
	height: 100%;
}
div.kanjiSwap a:hover img
{
	visibility: hidden;
}
.phoneNo
{
    font-weight:bolder;
    margin-bottom: 0;
    margin-top: 0;
}
#page
{
    position: relative;
    width: 100%;
    text-align: right;
    min-width: 800px;
    max-width: 1680px;
    z-index: 0;
 }
 div.testimonials h2
 {
    text-align: left;
 }
div.testimonials blockquote
 {
    text-align: center;
    font-style: italic;
    font-size: 1.1em;
 }
  div.testimonials p
  {
    text-align: center;
    font-weight: bold;
  }
  .testimonials
  {
    min-height: 1100px;
    text-align: center;
  }
 /*Menu*/
#topNav
{
    position: relative;
    padding-left: 170px;
    padding-top: 25px;
    text-align: left;
    font-size: 1.5em;
    color: #000033;
    z-index: 11;
    width: 100%;
    min-width: 800px;
}
ul#topNavSlide1  li:hover, ul#topNavSlide2 li:hover,
ul#topNavSlide3 li:hover
{
    background-color: #000000;
    color: #990000;
}
.topNavPrimary li.topMenuItem
{
    display: inline;
    margin-left: 20px;
    margin-right: 20px;
}
ul#topNavSlide1
{
    position: absolute;
    top: 50px;
    left: 295px;
    width: 200px;
    background-color: #990000;
    text-align: left;
    font-size: .8em;
    z-index: 11;
    border-top: solid 2px #000000;
    border-left: solid 2px #000000;
    border-right: solid 2px #000000; 
}
ul#topNavSlide3
{
    position: absolute;
    background-color: #990000;
    top: 50px;
    left: 436px;
    width: 200px;
    text-align: left;
    font-size: .8em;
    z-index: 11;
    border-top: solid 2px #000000;
    border-left: solid 2px #000000;
    border-right: solid 2px #000000;
}
/*ul#topNavSlide3
{
    position: absolute;
    background-color: #990000;
    top: 50px;
    left: 567px;
    width: 200px;
    text-align: left;
    font-size: .8em;
    z-index: 11;
    border-top: solid 2px #000000;
    border-left: solid 2px #000000;
    border-right: solid 2px #000000;
}*/
li.topMenuItem ul#topNavSlide1, ul#topNavSlide2, ul#topNavSlide3, ul#topNavSlide4 
{
    visibility: hidden;
}
ul.topNavPrimary li:hover ul#topNavSlide1, li:hover ul#topNavSlide2, 
li:hover ul#topNavSlide3, li:hover ul#topNavSlide4
{
   visibility: visible;
}
/*left side menu*/
.navHeading
{
    padding-right: 30px;
    padding-left: 15px;
    text-align: center;
    font-weight: bold;
    font-size: 1.3em;
    color: White;
}
#leftNav
{
    position: absolute;
    top: 300px;
    left: -15px;
    z-index: 10;
}
#leftNavSlide1
{
    position: absolute;
    top: 25px;
    left: 125px;
    width: 205px;
    text-align: left;
    color: #FFFFFF;
    font-size: 1em;
    z-index: 10;
}
#leftNavSlide2
{
    position: absolute;
    top: 175px;
    left: 125px;
    width: 250px;
    text-align: left;
    font-size: 1em;
    z-index: 10;
}
#leftNavSlide3
{
    position: absolute;
    top: 225px;
    left: 120px;
    width: 205px;
    text-align: left;
    font-size: 1em;
    z-index: 10;
}
#leftNavSlide4
{
    position: absolute;
    top: 325px;
    left: 125px;
    width: 205px;
    text-align: left;
    font-size: 1em;
    z-index: 10;
}
ul#leftNavSlide1  li.scndryItem:hover, ul#leftNavSlide2 li.scndryItem:hover,
ul#leftNavSlide3 li.scndryItem:hover, ul#leftNavSlide4 li.scndryItem:hover
{
    background-color: #000000;
    color: #FFFFFF;
}
.topItem
{
    background-color: #000000;
    color: #990000;
    border: solid 2px #000000;
    list-style-type: none;
    font-weight: bold;
    font-size:1.5em;
}
.topItem a
{
    text-decoration: none;
}
.topItem a:hover
{
    color: #990000;
}
ul#leftNavSlide1, ul#leftNavSlide2, ul#leftNavSlide3, ul#leftNavSlide4 
{
    visibility: hidden;
}
ul.leftNavPrimary li:hover ul#leftNavSlide1, li:hover ul#leftNavSlide2, 
li:hover ul#leftNavSlide3, li:hover ul#leftNavSlide4
{
   visibility: visible; 
   background-color: #000000;
   color: #FFFFFF;
}
.scndryItem
{
    padding: 0 0 0 0;
    background-color: #990000;
    color: #FFFFFF;
    list-style: disc;
    list-style-position: inside;
    font-weight: bolder;
    font-size: 1.2em;
}
li.scndryItem a
{
    text-decoration: none;
    color: #FFFFFF;
    width: 100%;
}
li.scndryItem a:hover
{
    background-color: #000000;
    color: #FFFFFF;
    width: 100%;
}
li.scndryItem:hover
{
    background-color: #000000;
    color: #FFFFFF;
    /*width: 100%;*/
}
div.leftNavPrimary
{
    width: 150px;
    height: 150px;
}

p.kanji
{
    padding-right: 30px;
    padding-left: 15px;
    text-align: center;
    text-decoration: none;
    font-weight: bold;
    color: White;
}

p.kanji a
{
    text-decoration: none;
    font-weight: bold;
    color: White;
}

p.kanji:hover img
{
    visibility: hidden;
}
p.kanji a:hover
{
    background-repeat: no-repeat;
    background-position: top;
    text-decoration: none;
    visibility: visible;
    color: #990000;
}

p.kanji:visited
{
    border: none;
    text-decoration: none;
}

.kanjiGlow
{
    padding-right: 30px;
    padding-left: 15px;
    text-align: center;
    font-weight: bold;
    font-size: 1.3em;
    color: White;
}

.kanjiGlow:hover img
{
    visibility: hidden;
}

.kanjiGlow:hover
{
    background-image: url(img/redKanji.png);
    background-repeat: no-repeat;
    background-position: top;
    visibility: visible;
}

.imgLink
{
    height: 100px;
    width: 100px;
}
.TN
{
   display: none;
}
.cover
{
    height: 150px;
    border: solid 3px #000033;
}
.TNOverlay
{
    position: relative;
    height: 160px;
    width: 360px;
    margin-top: -160px;
    
}
.gallery
{
    font-weight: bold;
}
.gallery td
{
    height: 200px;
    width: 350px;
    padding: 15 5 50 5;
}

/* SLIMBOX */

#lbOverlay {
	position: fixed;
	z-index: 9999;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: #006699;
	cursor: pointer;
}

#lbCenter, #lbBottomContainer {
	position: absolute;
	z-index: 9999;
	overflow: hidden;
	background-color: #fff;
}

.lbLoading {
	background: #fff url(images/loading.gif) no-repeat center;
}

#lbImage {
	position: absolute;
	left: 0;
	top: 0;
	border: 10px solid #fff;
	background-repeat: no-repeat;
}

#lbPrevLink, #lbNextLink {
	display: block;
	position: absolute;
	top: 0;
	width: 50%;
	outline: none;
}

#lbPrevLink {
	left: 0;
}

#lbPrevLink:hover {
	background: transparent url(images/prevlabel.gif) no-repeat 0 15%;
}

#lbNextLink {
	right: 0;
}

#lbNextLink:hover {
	background: transparent url(images/nextlabel.gif) no-repeat 100% 15%;
}

#lbBottom {
	font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
	font-size: 10px;
	color: #666;
	line-height: 1.4em;
	text-align: left;
	border: 10px solid #fff;
	border-top-style: none;
}

#lbCloseLink {
	display: block;
	float: right;
	width: 66px;
	height: 22px;
	background: transparent url(images/closelabel.gif) no-repeat center;
	margin: 5px 0;
	outline: none;
}

#lbCaption, #lbNumber {
	margin-right: 71px;
}

#lbCaption {
	font-weight: bold;
}


/******************************************
/
/  jCarousel styles
/
/******************************************/

* { margin:0; padding:0; }

#newsticker-demo  
{
border: solid 1.5px #006699;
width:300px; 
max-width: 99%;
background:#EAF4F5; 
padding:5px 5px 0; 
font-family:Verdana,Arial,Sans-Serif;
font-size:12px;
margin:20px auto;
color: #000033;
}

#newsticker-demo a { text-decoration:none; }
#newsticker-demo img { border: 2px solid #FFFFFF; }

#newsticker-demo .title {
text-align:center;
font-size:14px;
font-weight:bold;
padding: 5px 5px 10px 5px;
border-bottom: solid 1.5px #006699;
}

.newsticker-jcarousellite { width:300px; max-width: 99%;}
.newsticker-jcarousellite ul li{ list-style:none; display:block; padding-bottom:1px; margin-bottom:5px; width: 300px; max-width: 99%; }
.newsticker-jcarousellite ul li p { margin-bottom: 15px;}
.newsticker-jcarousellite .thumbnail { float:left; width:110px; max-width: 50%;}
.newsticker-jcarousellite .info { float:right; width:190px; max-width: 50%; }
.newsticker-jcarousellite .info span.cat { display: block; font-size:10px; color:#808080; }

.clear { clear: both; }