/**********************************************************************
	*
	* Filename:       HakkoJujutsu.css
	* Project:        HakkoJujutsu.com/Styles
	* Description:    Public website stylesheet
	*
**********************************************************************/

/* BODY TAG */
body { margin:0px; padding:0px; background-color:#ffffff; }

/* GENERAL SITE-WIDE FONT STYLES */
p, div, span, th, td, a, ul, li, input, select, textarea, font { font:normal 12px/22px Verdana, Arial, Sans-Serif; color:#4c4c4c; }
a { font-weight:normal; font-style:normal; color:#4a216d; text-decoration:none; outline:none; }
a:hover { text-decoration:underline; }
a img { border-width:0px; }
p { padding: 0px 0px 20px 0px; margin: 0px; }
hr { margin: 15px 0px 20px 0px; border:none; border-top:solid 1px #c1c0b9; }

/* HEADINGS 1: 4b2070 */
h1, h2, h3, h4, h5 { font-family: 'Archivo Narrow', sans-serif, 'Nimbus Sans L', sans-serif; margin:0px; padding:0px; font-weight:normal; line-height:normal; }
h1 { font-size:52px; margin-bottom:10px; padding-bottom:10px; color:#4b2070; }
h2 { font-size:36px; padding:20px 0px 20px 0px; color:#4b2070; text-transform:lowercase; }
h2.NoTransform, h3.NoTransform, h4.NoTransform { text-transform:none; }
h2.PageTop, h3.PageTop, h4.PageTop { padding-top:0px; }
h3 { font-size:24px; padding-bottom:16px; color:#4b2070; text-transform:lowercase; }
h4 { font-size:20px; padding-bottom:10px;text-transform:lowercase;color:#7f7f7f; }
h5 { font-size:12px; text-transform:none; color:#bcbcbc;}

/* HEADING LINK COLORS */
h1 a, h2 a, h3 a, h4 a, h5 a { font-family: 'Archivo Narrow', sans-serif, 'Nimbus Sans L', sans-serif; margin:0px; padding:0px; }
h1 a { font-size:50px; color:#4b2070; }
h2 a { font-size:36px; color:#4b2070; }
h3 a { font-size:24px; color:#4b2070; }
h4 a { font-size:20px; color:#7f7f7f; }
h5 a { font-size:12px; color:#bcbcbc;}

/* LISTS */
ul { margin-top:0; margin-bottom:15px; }
ul li { padding:0 0 7px; list-style-type:disc; font-weight:normal; }
ul li ul { margin-top:2px; margin-bottom:10px; }
ul li ul li { list-style-type:circle; font-weight:normal; line-height:normal; }

ol { margin-top:0; margin-bottom:15px; }
ol li { padding:0px 0px 7px 0px; font-weight:normal; }

/* MAIN SITE PAGE CONTAINER WIDTH */
.SiteWidth { width: 960px; margin: 0px auto; }

/* SITE HEADER */
#HeaderContainer { background:url(../images/TopBG.png ) repeat-x 0px 0px;width:100%; min-width: 960px; }
#Header { position:relative; height:342px; background:url(../images/HeaderBG.png ) no-repeat bottom center; }
#HeaderLogo { position:absolute; top:32px; left:0px; background: url(../images/HeaderLogo.png) no-repeat; height:88px; width:371px; }

#SecondaryNavigation { position:absolute; top:0px; right:0px; background:#4b2070; height:43px; padding:0 10px;margin:0; }
#SecondaryNavigation div { margin:auto; }
#SecondaryNavigation a { float:left; display:block; padding:10px 12px; color:#fff; font:normal 18px 'Archivo Narrow', sans-serif, 'Nimbus Sans L', sans-serif; text-transform:lowercase; }
#SecondaryNavigation a:hover { color:#bcbcbc; text-decoration:none; }
#SecondaryNavigation a.Here { color:#bcbcbc; }
#SecondaryNavigation a.Here:hover { text-decoration:none; color:#7c7c7c; }

/* MAIN NAVIGATION */
#MainNavigation { position:absolute; bottom:0px; left:0px; width:100%; height:71px; background:url(../images/NavigationBG.png ) repeat-x 0px 0px; }
#MainNavigation div { display:table; margin:auto; }
#MainNavigation a { float:left; display:block; margin:34px 40px 0 40px; font:normal 22px 'Archivo Narrow', sans-serif, 'Nimbus Sans L', sans-serif; color:#FFFFFF; text-transform:lowercase; }
#MainNavigation a:hover { color:#bcbcbc; text-decoration:none; }
#MainNavigation a.Here { color:#bcbcbc; }
#MainNavigation a.Here:hover { text-decoration:none; }
#MainNavigation br { clear:left; }

/* PAGE TITLE HEADING */
#PageHeading { margin:60px 0px 0px 0px; padding:0px 0px 30px 10px; border-bottom:solid 1px #c1c0b9; }
#PageHeading div { font:normal 16px Verdana, Arial, Sans-Serif; color:#7f7f7f; float:left; display:block; padding:0px 12px 0px 12px; }
#PageHeading a { font:normal 16px Verdana, Arial, Sans-Serif; color:#7f7f7f; float:left; display:block; text-transform:lowercase;  }
#PageHeading a.Here { color:#4b2070; }
#PageHeading a.Here:hover { text-decoration:none; }
#PageHeading br { clear:left; }

/* PAGE ELEMENTS */
#PageContent { padding:30px 0px 60px 0px; }
.MiddleColumnWidth { margin-bottom:30px; display:block; }

/* MAIN CONTENT COLUMNS */
.PageColumn { float:left; margin:0px 20px 0px 0px; }
.PageColumn.Left { width:220px; margin-left:10px; }
.PageColumn.Middle { width:430px; margin-right:50px; min-height:200px; }
.PageColumn.Right { width:220px; margin-right:0px; }
.PageColumn.Full { width:700px; margin-right:0px; }
.PageColumn.FullWidth { width:100%; margin-right:0px; }


/* LEFT AND RIGHT COLUMN ELEMENTS */
.ColumnButton { background:#dfdfdf; text-align: center; display:inline-block; }
.ColumnButton:hover { background:#cacaca; text-align: center;  }
.ColumnButton a { font: normal 12px/25px Verdana, Arial, serif; color: #4b2070; display:block; padding:0px 15px 0px 15px; }
.ColumnButton a:hover { text-decoration:none;}
.ColumnButton.Disabled a {color:#666;cursor:not-allowed;}
.ColumnButton.Disabled:hover {background:#dfdfdf;}

/* ANNOUNCEMENT ELEMENTS */
#Announcement { margin:0px 30px 0px 0px; }
#Announcement p { padding-bottom:0px; margin-bottom:0px; }

/* ASSOCIATIONS ELEMENTS */
#Associations { margin:0px 30px 0px 0px; }
#Associations a { font:normal 12px Verdana, Arial, serif; color:#4b2070; display:block; padding-bottom:15px; }

/* RELATED GALLERY ELEMENTS */
#RelatedGallery { margin:0px 30px 0px 0px; }
#RelatedGallery a { font:normal 12px Verdana, Arial, serif; color:#4b2070; display:block; padding-bottom:15px; }

/* RELATED INSTRUCTOR ELEMENTS */
#Instructors { margin:0px 30px 0px 0px; }
#Instructors a { font:normal 12px Verdana, Arial, serif; color:#4b2070; display:block; padding-bottom:15px; }

/* EVENT ITEMS */
.EventItem { margin:0px 30px 0px 0px; }
.EventItem .Title a { font-size:24px; padding-bottom:16px; color:#4b2070; font-size:14px; font-weight:normal; color:#4b2070; display:block; margin-bottom:10px; }
.EventItem .Title a:hover { text-decoration:none; }
.EventItem.MoreButton { font:normal 12px Verdana, Arial, serif; color:#4b2070; text-transform:lowercase; display:block; }

/* EVENTS PAGE */
.EventContainer { margin:0px 0px 40px 0px; }
.EventName { font-family: 'Archivo Narrow', sans-serif, 'Nimbus Sans L', sans-serif; font-size:24px; color:#4b2070; margin-bottom:20px; }
.EventName a { font-family: 'Archivo Narrow', sans-serif, 'Nimbus Sans L', sans-serif; font-size:24px; color:#4b2070; }
.EventName a:hover { text-decoration:underline;}
.EventDate { font-family: 'Archivo Narrow', sans-serif, 'Nimbus Sans L', sans-serif; font-size:17px; color:#4b2070; font-weight:normal; margin-bottom:15px; }
.EventLocation { font-family: 'Archivo Narrow', sans-serif, 'Nimbus Sans L', sans-serif; font-size:17px; color:#4b2070; font-weight:normal; }

/* NEWS PAGE */
.NewsContainer { margin:0px 0px 40px 0px; }
.NewsName { font-family: 'Archivo Narrow', sans-serif, 'Nimbus Sans L', sans-serif; font-size:24px; color:#4b2070; margin-bottom:15px; }
.NewsName a { font-family: 'Archivo Narrow', sans-serif, 'Nimbus Sans L', sans-serif; font-size:24px; color:#4b2070; }
.NewsName a:hover { text-decoration:underline;}
.NewsDate { font-family: 'Archivo Narrow', sans-serif, 'Nimbus Sans L', sans-serif; font-size:17px; color:#4b2070; font-weight:normal; margin-bottom:15px; }

/* SUB NAVIGATION */
#SubNavigation { margin:0px 30px 0px 0px; }
#SubNavigation a { display:block; font:normal 13px Verdana, Arial, Sans-Serif; margin:0px 0px 16px 0px; }
#SubNavigation a:last-child { margin:0px 0px 0px 0px; }
#SubNavigation a:hover { display:block; }
#SubNavigation a.Here { font-weight:bold; }
#SubNavigation a.Here:hover { text-decoration:none; }

/* NEWS ITEM ELEMENTS */
#News { margin:0px 30px 0px 0px; }
.NewsItem { margin:0px 0px 30px 0px; }
.NewsItem a { font:normal 12px Verdana, Arial, serif; color:#4b2070; text-transform:lowercase; display:block; }
.NewsItem .Title a { font:normal 14px verdana, arial, serif !important; margin-bottom:10px; color:#4b2070; text-transform:none !important; }
.NewsItem .Title a:hover { text-decoration:none !important; }
.NewsItem .Date { font:normal 12px Verdana, Arial, serif; color:#4b2070; padding-bottom:10px; }
.NewsItem p { padding: 0px 0px 10px 0px; margin: 0px; }

/* HORIZONTAL DIVIDING BAR BETWEEN DIFFERENT COLUMN SECTIONS */
.HorizontalDivide { border-bottom:solid 1px #c1c0b9; padding-bottom:30px !important; margin-bottom:30px !important;  }

/* SHOP ELEMENTS */
#Shop { margin:0px 30px 0px 0px; }


/* INSTRUCTOR PAGE STYLES */
.InstructorContainer { margin-bottom:10px; }
.Principal { margin-bottom:30px; }
.InstructorContainer .Title { font:normal 12px/22px Verdana, Arial, sans-serif; color:#4b2070; margin-bottom:30px; }
.InstructorContainer .Title span { font-size:14px; color:#4b2070; }
.InstructorImage { float:right; width:160px; margin-left:25px; }

.InstructorBio a { display:block; font:normal 12px Verdana, Arial, Sans-Serif; color:#4c4c4c;color:#4a216d; text-decoration:none; outline:none; text-transform:lowercase; }
.InstructorContainer br.clear { clear:left; }
.Credentials { color:#7f7f7f; font-size:16px; padding-bottom:20px; }

/* SITE FOOTER */
#FooterContainer { background:url(../images/FooterBG.png ) repeat-x 0px 0px; width:100%; min-width: 960px;  }
#Footer { position:relative; height:395px; padding-top:70px; padding-left:20px; }
#Footer a { color:#ffffff; display:block; margin:0px 0px 30px 0px; font:normal 14px 'Veranda', Arial, 'Nimbus Sans L', sans-serif; }
#Footer a:hover { color:#bcbcbc; text-decoration:none; }
#Footer br { clear:left; }
.FooterColumn { float:left; margin:0px 79px 0px 0px; }
.Border { padding-left: 79px; border-left: solid 1px #7e7e7e; }
.Border a { margin:0px !important; padding:0px !important; }
.Contact { margin: -33px 0px 0px 30px; }
.ContactBlock { margin:30px 0px 0px 24px; }
.ContactBlock div { color:#ffffff; font:normal 14px Veranda, Arial, 'Nimbus Sans L', sans-serif; margin:0px 0px 5px 0px; }
.Secondary { margin:4px 0px 46px 0px; padding:0; }
.Secondary a { color:#bababa !important; font:normal 12px/18px Veranda, Arial, 'Nimbus Sans L', sans-serif !important; margin:0px !important; padding:0px !important; }
.Secondary a:hover { text-decoration:underline !important; }

#FooterAssociation { position:absolute; top:380px; left:0px; width:100%; }
#FooterAssociation div { display:table; margin:auto; text-align:center; }
#FooterAssociation a { display:inline; color:#bababa; margin:0px 35px 0px 35px; line-height:30px;}
#FooterAssociation a:hover { color:#ffffff; }

/* GALLERY */
.Gallery {margin-bottom:25px;width:700px;height:549px;overflow:hidden;}
.Gallery .GalleryImages {width:700px;height:466px;overflow:hidden;position:relative;margin-bottom:5px;}
.Gallery .GalleryImages ul {list-style:none;margin:0;padding:0;width:1000000px;height:466px;position:absolute;left:0;top:0;z-index:5;}
.Gallery .GalleryImages ul li {width:700px;height:466px;overflow:hidden;float:left;text-align:center;background:#efefef;}
.Gallery .GalleryImages ul li img {max-width:700px;max-height:466px;}
.Gallery .GalleryNavLeft {display:block;width:160px;height:466px;background:url(../images/GalleryNavLeft.png) no-repeat -80px 0;position:absolute;top:0;left:0;z-index:9;}
.Gallery .GalleryNavRight {display:block;width:160px;height:466px;background:url(../images/GalleryNavRight.png) no-repeat 160px 0;position:absolute;top:0;right:0;z-index:9;}
        
.Gallery .GalleryThumbnails {width:700px;height:78px;overflow:hidden;position:relative;}
.Gallery .GalleryThumbnails ul {list-style:none;margin:0;padding:0;width:100000px;height:78px;position:absolute;top:0;left:0;}
.Gallery .GalleryThumbnails li {float:left;list-style:none;margin-right:5px;width:136px;height:77px;overflow:hidden;background:#000;padding:0;}
.Gallery .GalleryThumbnails img {max-width:136px;min-height:78px;}

/* NEWS*/
.NewsItem h3 {padding-bottom:20px;}
.NewsItem h3 a { font-size:24px; font-weight:normal; color:#4b2070;}
.NewsItem .NewsDate {color:#4b2070;font-size:12px;padding-bottom:10px;}

.AssociationItem { padding:20px 0px; border-bottom:solid 1px #bcbcbc; }
.Column { float:left; width:350px; }
.AssociationItem h3 a { font-size:24px; font-weight:normal; color:#4b2070;}
.AssociationItem a img { padding-top:8px; }
.AssociationItem .AssociationWebsite {color:#4b2070;font-size:12px;padding-bottom:10px;}
.AssociationItem br { clear:left; }


/* FORMS */
.FormTable { clear:right; width:100%; margin:0px; padding:0px; border-collapse:collapse; border-spacing:0px 0px; border:none; }
.FormTable caption { padding:10px 0px 5px 0px; font-size:16px; font-weight:bold; color:#2d6e95; text-align:left; }
.FormTable thead th { width:auto !important; font-weight:bold; }
.FormTable th, .FormTable td { padding:6px 0px 6px 0px; text-align:left; vertical-align:middle; border:none; }
.FormTable th { width:20%; background-color:#ffffff;  font-size:14px; font-weight:bold; color:#4b2070; }
.FormTable th em { margin:0px; padding:0px 2px 0px 0px; font-family:monospace; font-weight:normal; }
.FormTable td em { color:#c0c0c0; }
.FormTable td { width:80%; background-color:#FFFFFF; }
.FormTable td span, .FormTable td div, .FormTable caption span { padding-left:5px; font-size:11px; font-weight:bold; }
.FormTable td div { padding:5px 0px 0px 0px !important; }
.FormTable td label { padding-left:5px; }
.FormTable tbody tr.Row0 { background-color:#ffffff; }
.FormTable tbody tr.Row1 { background-color:#f1f1f1; }
.CenteredFormBox { width:700px; margin:0px auto; }
.CenteredFormBox .FormTable th { width:25%; }
.CenteredFormBox .FormTable td { width:75%; }

.FormButtons { padding:10px 0px 10px 0px; text-align:right; }
.FormButtons input { min-width:60px; margin:0px 0px 0px 6px; padding:1px 6px 1px 6px; font-size:11px; font-weight:bold; color:#4b2070; background-color:#d4d4d4; border:1px solid #d4d4d4; outline:none; }
.FormButtons input:hover { color:#4c4c4c; cursor:pointer; outline:none; }
.FormButtons input:focus { outline:none; padding:1px 6px 1px 6px; }
.FormButtons input:active { outline:none; padding:1px 6px 1px 6px; }
.FormButtons input:focus:active { outline:none; padding:1px 6px 1px 6px; }
.FormButtons input:disabled { color:#999999; cursor:default; outline:none; background-color:#F5F5F5; }
.FormButtons.Left { text-align:left; }
.FormButtons.Left .Button { margin-left:0px; }
.FormNote { font-weight:bold; font-size:10px; }

/* FORM CONTROL STYLES */
input[type='text'], input[type='password'], input[type='file'], textarea { width:300px; margin:0px; padding:2px; font-size:14px !important; border:1px solid #c1c0b9; background-color:#e2e2e2; }
input[type='file'] { width:75%; border-width:0px; }
input:disabled { cursor:not-allowed !important; color:#808080 !important; background:none #f5f5f5 !important; border-width:1px !important; }
textarea { width:90% !important; }
textarea.SmallTA { width:300px !important; }
select { min-width:120px; margin:0px; padding:2px; font-size:12px !important; font-weight:bold !important; }
input[type='checkbox'] { margin:0px; padding:0px; vertical-align:middle; }
th label, td label { font-weight:bold; font-size:11px; }
img.IconAuth { width:48px; height:48px; padding:10px; margin:5px 10px 10px 0px; vertical-align:middle; border-width:0px; background-color:#FFFFFF; }
input[type='text'].SmallTextBox, input[type='password'].SmallTextBox { width:150px !important; }
input[type='text'].date { width:100px !important; }
th span.FormNote, td span.FormNote { padding-left:5px; }
/* FORM ERRORS */
label.FormErrorMessage, div.FormErrorMessage , p.FormErrorMessage  { color:red; font-size:11px; font-weight:bold; }
label.FormErrorMessage { padding-left:5px; }
input[type='text'].FormErrorMessage, input[type='password'].FormErrorMessage, textarea.FormErrorMessage, select.FormErrorMessage { border-color:red !important; }
div.FormErrorMessage { padding-top:5px; }

/* INSTRUCTOR LIST IN SIDEBAR */
#InstructorList {margin-bottom:15px;}
#InstructorList a.Here {font-weight:bold;}
#InstructorList h4 {color:##7f7f7f;border-bottom:1px solid #ddd;margin:10px 0;}
#InstructorList .RankedInstructors h3 {color:#7f7f7f;margin-top:30px;}
#InstructorList .RankedInstructors h3:first-child {margin-top:0;}
#InstructorList .RankedInstructors a {line-height:8px;}

/* TABLES */
table {width:100%;border-spacing:2px;border-collapse:separate;margin-bottom:20px;}
table th {background:#4b2070;color:#fff;font-weight:bold;}
table td {background:#dbdbdb;padding:5px;}
table p {padding:0;margin:0;}

/* FORM */
#frm {width:80%}
.FormBlock {float:left;width:50%;padding:8px 0;}
.FormBlockFull {width:100%;}
.FormBlock label.FormHeading {display:block;font-weight:bold;padding-bottom:5px;color:#4b2070;}
.FormBlock input[type='text'], .FormBlock input[type='password'], .FormBlock input[type='file'], .FormBlock textarea {width:215px;}
.FormBlock .FormErrorMessage {display:block;color:#990033}
.FormBlock input.FormErrorMessage, .FormBlock textarea.FormErrorMessage, select.FormErrorMessage {border:1px solid #990033 !important;}
.FormBlock input[type='checkbox'] {margin-right:3px;margin-left:10px;}
.form h3 {padding-top:20px;}

.FormBlock.FullWidth {width:100%;}
.FormBlock.FullWidth input[type='text'], .FormBlock.FullWidth input[type='password'], .FormBlock.FullWidth input[type='file'], .FormBlock.FullWidth textarea {width:520px;}

.FormBlock .Checkboxes {line-height:30px;}

.FormBlock .note {font-style:italic;font-size:14px;color:#aaa;margin-bottom:5px;}

/* REGISTRATION */
.RegisterRegistrant { font-size:16px; font-weight:bold; }
table.RegistrationReview { width:100%; border-collapse:collapse; border:1px solid #696969; }
table.RegistrationReview th { border-bottom:1px solid #696969; text-align:left; font-weight:bold;  padding:5px;}
table.RegistrationReview td { padding:5px; border-bottom:1px solid #696969; }
table.RegistrationReview td.Totals { border-top:1px solid #696969; }
table.RegistrationReview td.Totals span { font-weight:bold; }

table.RegistrationCart { width:100%; border-collapse:collapse; border:1px solid #696969; }
table.RegistrationCart th { border-bottom:1px solid #696969; text-align:left; font-weight:bold; padding:5px;  }
table.RegistrationCart td { border-bottom:1px solid #696969; }