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

body {font: 12px Verdana, Geneva, sans-serif; line-height:19px; color:#CCCCCC; margin:0; padding:0}	
body.homePage {background:url(../images/bg_pagotaHome.jpg) repeat-y center top #040201}
body.aikidoPage {background:url(../images/bg_aikidoKanji.jpg) repeat-y center top #040201}
body.defensePage {background:url(../images/bg_genyukanKanji.jpg) repeat-y top center #040201}
body.karatePage {background:url(../images/bg_karateKanji.jpg) repeat-y top center #040201}
body.pagotaPage {background:url(../images/bg_pagota.jpg) repeat-y center -260px #040201}


img {border: 1px solid #3e3c3d;}
.lineBreak{width:100%; height:1px; border-bottom: solid 1px #999}
.noBorder{border:0}
.bottomPad {padding-bottom:25px}
.topPad {padding-top:25px}

a{color:#f7d319; text-decoration:none}
a:hover {text-decoration: underline}	
	
.mainContainer { margin:0 auto; width:900px; position:0px}
.homeButton{ background:url(../images/topHomeBtn_off.png) no-repeat;	width:335px; height: 100px; float:left; margin:10px 0 0 0}
.schedule ul li{ color:#F9D10C; font-family:arial; font-size:14px; font-weight:bold; line-height:18pt}
.romanHomePic{ background:url(../images/RomanKneeling.gif) no-repeat;width: 247px;height: 436px}	

/* P Styles & Links */
	
p.white {color:#FFFFFF; font-size:16px;line-height:19px;}
p.grey   {color: #999999; margin-bottom:10px;}

.smallFont {font-size: 10px}
.yellowListNumbers{ list-style: decimal; color:#F9D10C}

	
/*Navigation*/

#navcontainer{ padding:70px 0 0 0; position:relative; z-index:10}
ul#navlist {font-family: Arial, Helvetica, sans-serif; font-size:18px; float:right}
ul#navlist a{text-decoration: none}
ul#navlist, ul#navlist ul, ul#navlist li{margin: 0 15px 0 0;padding: 0px;list-style-type: none}
ul#navlist li {float: left}
ul#navlist li a {color: #fff}
ul#navlist li a:hover{color: #f7d319; text-decoration:underline}	
ul#navlist li.current a{color: #F7D319;}
ul#navlist li a:active {color: #00FF99}
ul#subnavlist { display: none; margin: 18px 0 0 0 }
ul#subnavlist li { float: none}
ul#subnavlist li a {padding: 0px; margin: 0px; background: #33CCCC}
ul#navlist li:hover ul#subnavlist {display:block; padding-top:20px; position:absolute}
ul#navlist li:hover ul#subnavlist li a {background: #333 none repeat scroll 0 0;border:1px solid #a7a7a7;display:block;line-height:13px;padding:10px 7px;font-size:12px;color: #FFF}



.clearfix:after {content:".";display:block;height:0;clear:both;visibility:hidden;}
.clearfix {display:inline-block;}

/* End hide from IE Mac */
	
html[xmlns] .clearfix {display: block}
* html .clearfix {height: 1%}
.lowerLeftNav{color:#fff; margin-left: -23px; font-size:12px;line-height:26px;font-weight:bold}
.lowerLeftNav a{color:#FFF;text-decoration:none}
.lowerLeftNav a:hover{color:#F7D319;text-decoration:none}

/*footer*/

.footerLeft{color:#FFF;font: 11px Arial, Helvetica, sans-serif; float:left;padding-left: 50px}
.footerRight{color:#FFF; font: 11px Arial, Helvetica, sans-serif; 	float:right; text-align:right;padding-right: 50px}
.smallLink a{color:#f7d319; text-decoration:none}
.smallLink a:hover {text-decoration: underline}	
	
/*Home Welcome Windows*/
	
.homePageModule{width: 500px; margin:35px 0px 25px 65px; color:#fff; float:left}
.imageFrame{width:500px;height:115px}	
.img1 {background:url(../images/pic_welcome.jpg) no-repeat}
.img2 {background: url(../images/pic_ourDojo.jpg) no-repeat}
.imgFreeSeminar{background: url(../images/freeSeminarSmall.jpg) no-repeat}
.smallMoreButton{text-align:right;color:#FF6600}	

/*Shelves*/

.mainShelfContainer{background:url(../images/RomanKneeling.gif) no-repeat scroll right top;clear:both;height:450px;width:100%; margin-top:0px} 

.shelf {width:100%;background:url(../images/shelf_bg.jpg) repeat-x #000;padding: 25px 0 35px 0}	
.shelf_a{float:left; width:350px}
.shelf_a{float:left; width:525px; padding:0 0 0 20px}
.shelf_b{float:left; width:525px;}
.shelf_b{float:left; width:350px; padding:0 0 0 20px}
.shelf_c{float:right}
.midShelfContainer{width:200px}

.bigHeader{font-size:24px; font-family:Arial, Helvetica, sans-serif;  line-height:26px; border-bottom: 1px solid #3e3c3d; margin:0px 0 10px 0}
.bh1{font-weight:bold;color: #f9d10c; text-align: right; font-size:40px; line-height:42px; margin-bottom:30px; padding-right: 280px}	
.bh2{color: #fff}
.bh3{font-weight:bold;color: #f9d10c; }

.pushFromTop{ width:100%; margin:40px 0 25px 0;border-top: 0px solid #3e3c3d;}
			
/* PAGE MODULES */

.duoColA{width:43%}
.duoColB{width:55%}

.duoColEighty{width:75%}
.duoColTwenty{width:23%; text-align:center}

.left{float:left}
.right{float:right}

.triCol_A{float:left; width:210px; padding:0 25px 0 0}
.triCol_B{float:left; width:420px;}
.triCol_C{float:right; width:210px; padding:0 0 0 20px}

.greyContainer{margin:0 auto; background:#222222; border: 1px solid #3e3c3d; padding:5px 20px;text-align:left;}
.blackContainer{margin:0 auto; background:#000; border: 1px solid #3e3c3d; padding:50px 1px;text-align:left;}
.bottomGreyLine{border-bottom: 1px solid #3e3c3d; margin: 20px 0 0 20px;}

/* LIGHTBOX  CSS */

#lightbox{position:absolute;top:40px;left:0;width:100%;z-index:100;text-align:center;line-height:0;}
#lightbox a img{border:none;}
#outerImageContainer{position:relative;background-color:#fff;width:250px;height:250px;margin:0 auto;}
#imageContainer{padding:10px;}
#loading{position:absolute;top:40%;left:0;height:25%;width:100%;text-align:center;line-height:0;}
#hoverNav{position:absolute;top:0;left:0;height:100%;width:100%;z-index:10;}
#imageContainer>#hoverNav{left:0;}
#hoverNav a{outline:none;}
#prevLink,#nextLink{width:49%;height:100%;background:transparent url(../images/blank.gif) no-repeat;display:block;/* Trick IE into showing hover */}
#prevLink{left:0;float:left;}
#nextLink{right:0;float:right;}
#prevLink:hover,#prevLink:visited:hover{background:url(../jScripts/lightbox/images/prevlabel.gif) left 15% no-repeat;}
#nextLink:hover,#nextLink:visited:hover{background:url(../jScripts/lightbox/images/nextlabel.gif) right 15% no-repeat;}
#imageDataContainer{font:10px Verdana, Helvetica, sans-serif; background-color:#fff;line-height:1.4em;margin:0 auto;}
#imageData{padding:0 10px;}
#imageData #imageDetails{width:70%;float:left;text-align:left;}
#imageData #caption{font-weight:700;}
#imageData #numberDisplay{display:block;clear:left;padding-bottom:1em;}
#imageData #bottomNavClose{width:66px ; height: 22px;float:right;padding-bottom:0.7em; background:transparent url(../jScripts/lightbox/images/closelabel.gif) no-repeat}
#overlay{position:absolute;top:0;left:0;z-index:90;width:100%;height:500px;background-color:#000;filter:alpha(opacity=60);-moz-opacity:0.6px;opacity:0.6px;}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
* html>body .clearfix{display:inline-block;width:100%;}
* html .clearfix{/* Hides from IE-mac */height:1%;/* End hide from IE-mac */}

/* THUMB CSS */

td.tdImg {width:50px; height:50px;}
#divWG {width:700px; background:#FFFFFF url(../images/thumbsBG.gif) repeat-x; margin: 0 auto; padding: 1px 65px 15px 65px; border-style: solid;
border-width: 0 2px 2px 2px; border-color: #CAB168} 
#tblThumbsLayout {text-align:left; margin: 0 auto;}
#tblGalleryName{margin-top:2px;}
#currentGalleryLocation {font-weight:bold;}
td#galleryNameCell {font-size: 18px; font-weight:bold; color:#606060; margin: 6px 6px 0 0;}
td#pagingCell {text-align:right; white-space:nowrap;}
#imgPrev {margin-right:3px; margin-bottom:-5px;}
#imgNext {margin-left:3px; margin-bottom:-5px;}
.currentPage {font-weight: bold;background-color: #FFFFE0;font-size: 12px;}
.otherPage {font-size: 12px;}
td.tdImg {border: 1px solid; border-color: #999;
 text-align:center; background-color:#000; vertical-align:middle;padding:0px;}
td.tdImg img {margin-top:0px;}
#pnCell {text-align:right;}
a.pn, a.pn:LINK,a.pn:VISITED {color: #606060; font: 9px arial, helvetica, sans-serif; text-decoration: none; padding: 1px 4px;}
a.pn:HOVER {color: #559933; background-color:#E6F9F8;border-top:1px solid #D9E9E4;border-bottom:1px solid #B4D1C8;}
.clearfix:after {content:".";display: block;height:0;clear:both;visibility:hidden}
.clearfix {display:inline-block}
/* Hides from IE-mac \*/
* html .clearfix {height:1%}
.clearfix {display:block}*/
.letterboxWrap{ padding-bottom:20px}
.letterbox{position:relative; float:left; width:60px; height:60px; background:#000; border: solid 1px #aeaeae; margin:7px 14px; overflow:hidden}
.letterbox img{
	position: absolute;
	border:none;
	left:-23px;
	top:0px;
}
h3 {font-weight:bold; font-size:200%; color: #000000; margin: 20px 0 10px; padding-top:40px}
#footerstuff{color: #B7B7B7; margin-top: 45px; text-align:center; border-top: 1px solid #DDDDDD; padding-top: 10px}
#footerstuff a, #footerstuff a:hover,#footerstuff a:visited ,#footerstuff a:active {color: #990033;}
#subHeader { position:relative; margin: 20px auto 25px auto; background:url(../images/bottomImg.jpg) no-repeat center; width:100%; height: 216px}
#links {
	position:absolute;
	width:142px;
	height:27px;
	z-index:1;
	text-align: right;
	left: 558px;
	top: 1px;
	line-height: 1.1em
}
#links2 {
	position:absolute;
	width:113px;
	height:27px;
	z-index:1;
	text-align: left;
	left: 0px;
	top: 1px
}

/* SEE IF THE LINKS FIX THEMSELVES
p { color:#666666; line-height: 11pt; font-size:10px}
p a, p a:visited ,p a:active {color: #990033; text-decoration:none}
p a:hover {color: #000; text-decoration:none}
p #links{font-size:3.0em}
*/
#links2 a, #links2 a:visited ,#links2 a:active {color: #990033; text-decoration:none}
#links2 a:hover {color: #000; text-decoration:none}
#links a, #links a:visited ,#links a:active {color: #990033; text-decoration:none}
#links a:hover {color: #000; text-decoration:none}
#imgFrame { padding: 15px; border: #CCCCCC solid 1px}
#midContainer{ width:600px; margin: 0 auto}