@charset "UTF-8";

/* CSS Document */

/* ########## Body ########## */

body {
		margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
		padding: 0;
		text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
		color: #000;
		background-color: #000;
		background-image: url(/templates/serrabjj/images/bodyBG.jpg);
		background-repeat: no-repeat;
		background-position: center 180px;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 80%;
}

/* ########## Container ########## */

.twoColFixRt #container {
		width: 980px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
		text-align: left; /* this overrides the text-align: center on the body element. */
		margin-right: auto;
		margin-bottom: 0;
		margin-left: auto;
		background-repeat:no-repeat;
		background-color: #FFF;
}

/* ########## Universal CSS ########## */

.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
		clear:both;
		height:0;
		font-size: 1px;
		line-height: 0px;
}

h1, h2, h3, h4, h5 { margin:0px; }

img { border:none; }

.chronoform { visibility: hidden; }

/* ########## Header ########## */

.twoColFixRt #header {
		background-image: url(/templates/serrabjj/images/logo.gif);
		background-repeat: no-repeat;
		background-position: 15px center;
		width: 980px;
		margin-right: auto;
		margin-left: auto;
		height: 170px;
}

/* ## Header Container ## */
.twoColFixRt #headerContainer {
		height: 170px;
		background-image: url(/templates/serrabjj/images/headerBG.gif);
		background-repeat: repeat-x;
		background-position: left top;
		border-bottom-width: 1px;
		border-bottom-style: solid;
		border-bottom-color: #303030;
		background-color: #000;
		margin-bottom:5px;
}

/* ## User Login ## */

.moduletable_userLogin {
		color:#fff;
		float: right;
		margin-top:15px;
		margin-right:15px;
		height:30px;
}

.moduletable_userLogin .loginText {
		color:#555;
		margin:0px;
		text-align: left;
		padding: 0px;
		color:#69b9e7;
		font-size: 85%;
		font-style: italic;
}

.greeting { color:#69b9e7; }

/* ## Main Menu ## */
.moduletable_mainMenu {
		clear:both;
		height:125px;
		font-size:115%;
}

.moduletable_mainMenu ul {
		padding: 0px;
		margin: 0px;
		list-style: none;
		font-weight: bold;
		color: #FFF;
		float: right;
}

.moduletable_mainMenu ul li {
		height:30px;
		padding-top:30px;
		margin-top:65px;
		margin-right:5px;
		margin-bottom:0px;
		float: left;
		position: relative;
		padding-right:15px;
		padding-left:15px;
		text-align: center;
		background-color: #000;
		z-index: 1000;
}

.moduletable_mainMenu li a:link, .moduletable_mainMenu li a:active, .moduletable_mainMenu li a:visited {
		color: #FFF;
		text-decoration: none;
}


.moduletable_mainMenu li a:hover {
		color: #69b9e7;
		text-decoration: none;
		z-index: 1000;
}

.moduletable_mainMenu li ul {
		font-size:80%;
		display: none;
		position: absolute;
		top: 100%;
		left: 0px;
		padding-top: 10px;
		z-index: 1000;
		float: left;
}

.moduletable_mainMenu ul li ul li {
		line-height:30px;
		margin:0px;
		background-color: #191919;
		width: 200px;
		padding-left: 10px;
		padding-right: 0px;
		padding-bottom: 2px;
		padding-top: 2px;
		border-bottom-width: 1px;
		border-bottom-style: dotted;
		border-bottom-color: #444;
		text-align: left;
		text-transform: none;
		z-index: 1000;
}

.moduletable_mainMenu ul li ul li a:link, .moduletable_mainMenu ul li ul li a:active, .moduletable_mainMenu ul li ul li a:visited { text-decoration: none; }

.moduletable_mainMenu ul li ul li a:hover {
		text-decoration: none;
		z-index: 1000;
}

.moduletable_mainMenu .menu li.active { color:#69b9e7; }


.moduletable_mainMenu li > ul {
		top: auto;
		left: auto;
		z-index: 1000;
}

.moduletable_mainMenu li:hover ul, .moduletable_mainMenu li.over ul {
		display: block;
		z-index: 1000;
}
.moduletable_mainMenu .parent li.active a { color:#69b9e7; }

.moduletable_mainMenu .parent li.active { background-color:#000; }

/* ########## Home Splash Container ##########*/
#homeSplashContainer {
		width:980px;
		margin-left:auto;
		margin-right:auto;
				background-color:#000;
}

#homeSplashContainer .moduletable_homePageSlides { float:left; }

#homeSplashContainer .moduletable_homeIntroText {
		margin-left:575px;
		color:#888;
		line-height: 1.5em;
		text-align: left;
		padding-top: 20px;
		padding-right: 20px;
		padding-bottom: 0px;
		padding-left: 20px;
}

#homeSplashContainer .moduletable_homeIntroText p {
		margin:0px;
		padding:0px;
		margin-bottom:15px;
}

#homeSplashContainer .moduletable_homeIntroText a:link, #homeSplashContainer .moduletable_homeIntroText a:active, #homeSplashContainer .moduletable_homeIntroText a:visited { color:#fff; }

#homeSplashContainer .moduletable_homeIntroText a:hover { color:#126ac5; }

#homeSplashContainer .moduletable_homeIntroText strong {
		color:#69b9e7;
		font-weight: normal;
}

/* ########## Top ##########*/

.twoColFixRt #top {
		width: 980px;
		margin-right: auto;
		margin-left: auto;
		border-bottom-width: 1px;
		border-bottom-style: dotted;
		border-bottom-color: #222;
}

/* ## News Flash ## */
.moduletable_newsHighlight {
		background-color:#292929;
		padding:2px;
}

/* ########## Main Content ########## */
.twoColFixRt #mainContent {
		margin-top: 0px;
		margin-right: 310px;
		margin-bottom: 0px;
		margin-left: 30px;
		padding-bottom:20px;
}

.twoColFixRt #mainContent a:link, .twoColFixRt #mainContent a:active, .twoColFixRt #mainContent a:visited { color:#126ac5; }

.twoColFixRt #mainContent a:hover { color:#000; }

/* ## Articles, Sections, Categories ## */



#articlePage { padding-top:25px; }

p.morfeoGallery {
		padding:0px;
		margin-top: -20px;
		margin-right: 0px;
		margin-bottom: -20px;
		margin-left: 0px;
}

h1.pageHeading { color:#126ac5; }

#articlePage h2, #articlePage h3, .sectionBlogLayout h2, .sectionBlogLayout h3, .categoryBlogLayout h2, .categoryBlogLayout h3 {
		font-size:130%;
		padding-left:0px;
		padding-top:5px;
		padding-bottom:0px;
		margin-bottom:3px;
		color:#000;
		font-weight: bold;
		text-align:left;
}

#articlePage h2 { }

#mainContent strong { color:#126ac5; }

#sideBar h2, #sideBar h3 {
		color:#126ac5;
		background-color:#000;
		font-size:130%;
		padding-left:15px;
		padding-top:5px;
		padding-bottom:5px;
		margin-bottom:3px;
		font-weight: bold;
		text-align:left;
}

.dateAuthorGroup .author, .dateAuthorGroup .createDate, .createDate {
		color:#126ac5;
		font-size:85%;
}

.sectionBlogLayout, .categoryBlogLayout { padding-top:30px; }

/* ## Category & Section Common Layout CSS ## */

.leading {
		border-bottom-width: 1px;
		border-bottom-style: dotted;
		border-bottom-color: #CCC;
		margin-bottom: 15px;
		padding-bottom: 15px;
}

.leading_separator {
		display: block;
		height: 5px;
		margin: 0 0 0px 0;
}

.article_separator { }

.cols1 {
		display: block;
		float: none !important;
		margin: 0 !important;
}

.cols2 { width: 49%; }

.cols3 { width: 30%; }

.column1, .column2 {
		border: solid 0px #D4A7C5;
		margin: 0 5px 0 0;
		position: relative;
}

.column2, .column1 {
		float: left;
		margin: 0;
}

.column2 {
		float: right;
		margin: 0;
		width: 49%;
}

.article_row {
		overflow: hidden;
		border-bottom-width: 1px;
		border-bottom-style: dotted;
		border-bottom-color: #CCC;
		margin-bottom: 15px;
		padding-bottom: 15px;
}

.article_column {
		border: solid 0px #ccc;
		padding-top: 10px;
		padding-right: 0px;
		padding-bottom: 10px;
		padding-left: 0;
}

.row_separator2 {
		display: block;
		clear: both;
		margin: 0;
		border: solid 0px;
}

/* ## Article, Category, Section Common Design CSS ## */

.articleText {
		color:#333;
		line-height:1.65em;
}

.sectionBlogLayout, .categoryBlogLayout { padding-bottom:20px; }

.pagination {
		border-top:solid 1px #CCC;
		background-color:#ccc;
}

ul.pagination {
		list-style-type:none;
		margin:0;
		padding:5px;
		text-align:left;
}

ul.pagination li {
		display:inline;
		padding:2px 5px 0;
		text-align:left;
}

ul.pagination li a { padding:2px; }

.buttonHeading {
		margin-top:10px;
		margin-right:10px;
		float:right;
}

.buttonHeading img {
		border:none;
		margin-left:2px;
}

/* ## Contact Form ## */

#contactForm div, #userForm div { margin-bottom: 10px; }

#contactForm, #userForm {
		background-color:#ecf2f8;
		margin-right: auto;
		margin-left: auto;
		padding-top: 5px;
		padding-right: 20px;
		padding-bottom: 5px;
		padding-left: 20px;
}

#userForm {
		padding-left: 30px;
		padding-right: 30px;
		padding-top: 20px;
}

#contactForm label, #userForm label {
		color:#126ac5;
		font-weight:bold;
}

#contactForm .validate-email, #contactForm .required, #userForm .validate-email, #userForm .required { width: 250px; }

#contactForm .textField1, #contactForm .textField2, #userForm .textField1, #userForm .textField2 {
		color:#666;
		background-color:#fff;
		border:1px solid #999;
}

#contactForm .textField1, #userForm .textField1 {
		font-size:130%;
		width: 250px;
		height: 25px;
		margin-bottom:5px;
		margin-top:5px;
}

#contactForm .textField2, #userForm .textField2 {
		width: 450px;
		height: 150px;
		margin-bottom:5px;
		margin-top:5px;
}

/* ## Image Rotator ## */

.fototable { margin-left:-10px; }

/* ## Schedule ## */

.schedule {
		margin-top:20px;
		font-size:95%;
}

.schedule td {
		padding-top: 5px;
		padding-right: 10px;
		padding-bottom: 5px;
		padding-left: 10px;
}

.schedule .row1 { background-color: #d6dfef; }

.schedule .row2 { background-color: #eceff5; }

.schedule .headerRow {
		background-color: #3b5998;
		color: #FFF;
}

.tableHeader {
		font-size: 130%;
		color:#000;
		font-weight:bold;
		margin-left:-6px;
}


/* ## NEW Schedule ## */


.beginner { background-color: #2E6FFD; }

.orientation { background-color: #558E28; }

.muaythai { background-color: #C97100; }

.kidsteens { background-color: #4D4D4D; }

.openmat {
		background-color: #CDCDCD;
		color: #000;
}

.advanced { background-color: #722CFD; }

.nogi { background-color: #8500AF; }

.wrestling { background-color: #FF5308; }

.circuit { background-color: #DD2067; }

.orientation { background-color: #558E28; }

.header {
		background-color: #4B4B4B;
		width: 75px;
		font-weight: bold;
		font-variant: normal;
		padding-top: 5px;
		padding-bottom: 5px;
}

.blackbg { background-color: #000; }

#huntingtonSchedule {
		background-color:#FFF;
		color: #FFF;
		width: 640px;
		font-size: .7em;
		margin-bottom: 15px;
}

#huntingtonSchedule td {
		text-align: center;
		padding-top: 5px;
		padding-bottom: 5px;
		vertical-align: middle;
		border-right-width: thin;
		border-bottom-width: thin;
		border-right-style: solid;
		border-bottom-style: solid;
		border-right-color: #E6E6E6;
		border-bottom-color: #E6E6E6;
		width: 75px;
}
/* ## Editor ## */


.contentpaneopen_edit { float: left; }

.contentpaneopen_edit img { border:0 }

form.editor legend {
		font-weight:bold;
		padding:2px;
}

form.editor fieldset {
		border:solid 1px #ccc;
		padding:20px;
		margin:10px 0;
}

form.editor .publishing label {
		float:left;
		width:14em;
		font-weight:bold;
}

form.editor .publishing div { margin:5px 0; }

form.editor .publishing .radio label {
		float:none;
		width:14em;
}

form.editor .publishing .radio label span {
		float:left;
		width:14em;
}

form.editor fieldset.metadata label {
		float:none !important;
		display:block;
		font-weight:bold;
}

.save {
		text-align:right;
		padding:10px 0;
}

.tool-tip {
		float: left;
		background: #ffc;
		border: 1px solid #D4D5AA;
		padding: 5px;
		max-width: 300px;
		text-align:left;
}

.tool-title {
		padding: 0;
		margin: 0;
		font-weight: bold;
		margin-top: -15px;
		padding-top: 15px;
		padding-bottom: 5px;
		background: url(../../system/images/selector-arrow.png) no-repeat;
}

.tool-text { margin: 0; }

/* ########## Side Bar ########## */

.twoColFixRt #sideBar {
		float: right; /* since this element is floated, a width must be given */
		width: 280px; /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */
		padding: 0px;
}

/* ## Side Bar Modules ## */

.moduletable_sideBarModule {
		font-size:90%;
		margin-bottom:5px;
		background-color:#E1E1E1;
		color:#000;
		padding-bottom: 5px;
}

.moduletable_sideBarModule .whosOnlineText, form {
		padding-top: 0px;
		padding-right: 10px;
		padding-bottom: 0px;
		;
		padding-left: 10px;
}

.moduletable_sideBarModule label { margin-bottom:5px; }

.moduletable_sideBarModule p {
		padding-top: 0px;
		padding-right: 20px;
		padding-bottom: 0px;
		padding-left: 20px;
}

.moduletable_sideBarModule .bannergroup_sideBarModule img {
		border:none;
		margin-bottom: 5px;
}

.moduletable_sideBarModule .bannergroup_sideBarModule {
		text-align:center;
		background-color:#191919;
		padding-top: 5px;
		padding-right: 5px;
		padding-bottom: 0px;
		padding-left: 5px;
}

.moduletable_sideBarModule ul {
		padding-top: 0px;
		padding-right: 0px;
		padding-bottom: 0px;
		padding-left: 0px;
		margin-top: 10px;
		margin-right: 0px;
		margin-bottom: 0px;
		margin-left: 0px;
}

.moduletable_sideBarModule ul li {
		color:#126ac5;
		background-color:#E1E1E1;
		border-bottom-width: 1px;
		border-bottom-style: dotted;
		border-bottom-color: #999;
		padding-left:20px;
		padding-right:20px;
		padding-top:5px;
		padding-bottom:5px;
		list-style-type: square;
		list-style-position: inside;
		text-indent: 0px;
}

.moduletable_sideBarModule .menu li.active {
		background-color:#aaa;
		color:#fff;
}

.moduletable_sideBarModule a:link, .moduletable_sideBarModule a:active, .moduletable_sideBarModule a:visited { color:#126ac5; }

.moduletable_sideBarModule a:hover { color:#fff; }

.moduletable_sideBarModule ul li a:link, .moduletable_sideBarModule ul li a:active, .moduletable_sideBarModule ul li a:visited {
		color:#000;
		text-decoration:none;
}

.moduletable_sideBarModule ul li:hover { background-color:#999; }

.moduletable_sideBarModule ul li a:hover { color:#fff; }

.moduletable_sideBarModule label { margin-top:15px; }

.moduletable_sideBarModule .search_sideBarModule .inputbox_sideBarModule {
		color:#666;
		background-color:#fff;
		border:1px solid #999;
		font-size:120%;
		width: 180px;
		height: 20px;
		margin-bottom:5px;
		margin-top:5px;
		margin-right:5px;
}

/* ## Virtuemart Modules ## */

.moduletable_sideBarModule .vmCartModule {
		padding-left:10px;
		padding-right:10px;
		padding-top:10px;
}

/* ########## Footer ##########*/
.twoColFixRt #footer {
		width: 980px;
		margin-right: auto;
		margin-left: auto;
		border-top-width: 1px;
		border-top-style: solid;
		border-top-color: #333;
		padding-top: 10px;
		color:#fff;
}

.moduletable_footerModules { background-color:#1a1a1a; }

.moduletable_footerModules h4, .moduletable_footerModules h4.gk_news_show_news_header {
		color:#fff;
		padding-left:0px;
		padding-top:5px;
		padding-bottom:0px;
		margin-bottom:3px;
		font-weight: bold;
		text-align:left;
}

.moduletable_footerModules p { padding-bottom:10px; }

.moduletable_footerModules .gk_news_show_table {
		padding-top: 5px;
		padding-right: 15px;
		padding-bottom: 5px;
		padding-left: 15px;
}

.moduletable_footerModules h3 {
		color:#fff;
		background-color:#2d2d2d;
		padding-left:15px;
		padding-top:5px;
		padding-bottom:5px;
		margin-bottom:3px;
		font-weight: bold;
		text-align:left;
}

.twoColFixRt #footer ul {
		color:#666;
		text-align:left;
		padding: 0px;
		margin-top: 15px;
		margin-right: 20px;
		margin-left: 20px;
}

.twoColFixRt #footer li {
		margin-bottom: 5px;
		list-style-type:none;
}

.twoColFixRt #footer a:link, .twoColFixRt #footer a:active, .twoColFixRt #footer a:visited {
		color:#126ac5;
		text-decoration:none;
}

.twoColFixRt #footer a:hover {
		color:#fff;
		text-decoration:underline;
}

.twoColFixRt #footer .user1 { margin-right:670px; }

.twoColFixRt #footer .user2 {
		width:660px;
		float:right;
}

.twoColFixRt #footer .user3 {
		background-color:#191919;
		width:660px;
		float:right;
}

.twoColFixRt #footer .user3 .moduletable_tabs { float:right; }

.twoColFixRt #footer .user3 .moduletable_tabs ul.gk2_tabmodsmenu_ul-style3 li span {
		background-image:none;
		background-color:#111;
		display: block;
		height: 28px;
		line-height: 27px;
		padding: 0 10px;
		font-size:100%;
		font-weight:bold;
		color: #666;
		text-transform:uppercase;
		border:none;
		margin-right:3px;
}

.twoColFixRt #footer .user3 .moduletable_tabs ul.gk2_tabmodsmenu_ul-style3 li.active span {
		background-image:none;
		background-color:#222;
		color: #fff;
		border:none;
		margin-right:3px;
		cursor: pointer;
}

.twoColFixRt #footer .user3 .moduletable_tabs div.gk2_tabmods_wrap-style3 {
		background:none;
		border:none;
}

.twoColFixRt #footer .user3 .moduletable_tabs .gk2_tabmods_item-style3 {
		margin:0px;
		padding:0px;
}

.twoColFixRt #footer .user3 .moduletable_tabs div.gk2_tabmods_wrap-style3 .gk2_tabmods_item_space {
		padding:0px;
		margin-top: 5px;
		margin-right: 15px;
		margin-bottom: 15px;
		margin-left: 15px;
}

.twoColFixRt #footer .user3 .moduletable_tabs ul.gk2_tabmodsmenu_ul-style3 {
		list-style-type: none;
		margin: 0;
		padding: 0;
}

.twoColFixRt #footer p.gk_news_show_news_info {
		font-size:85%;
		padding:0px;
		color: #666;
		font-style: italic;
		margin-bottom: 5px;
		margin-top: 0px;
		margin-right: 0px;
		margin-left: 0px;
}

.moduletable_footerModules .banneritem_footerModules { margin-bottom:10px; }

.moduletable_sponsors {
		width:960px;
		margin-left:auto;
		margin-right:auto;
		border-top-width: 1px;
		border-top-style: solid;
		border-top-color: #333;
		padding-top:15px;
}

.moduletable_sponsors img {
		float:left;
		margin-left:15px;
		margin-right:15px;
}

.footerMenu {
		border-top-width: 1px;
		border-top-style: solid;
		border-top-color: #126ac5;
		padding: 20px;
		font-size:90%;
		color:#666;
}

/* ########## JomSocial Community Wrap ########## */
#community-wrap, #Kunena {
		font-size:100%;
		padding-top:10px;
		padding-left:20px;
		padding-right:20px;
		background-color:#fff;
}

#community-wrap a:link, #community-wrap a:active, #community-wrap a:visited { color:#126ac5; }

#community-wrap a:hover { color:#69b9e7; }

#vmMainPage {
		margin-top:0px;
		margin-bottom:0px;
		margin-left:-30px;
		margin-right:-20px;
		padding-left:30px;
		padding-right:20px;
		padding-top:25px;
		padding-bottom:0px;
}

/* ########## Article Edit Form ########## */


#editForm {
		background-color:#fff;
		padding:10px;
}

.contentMap {
		float:left;
		margin:10px;
}

.productsnap {
		width:30%;
		float:left;
		margin-left:2%;
		margin-bottom:25px;
}

.productsnap .product_name, .productsnap .image, .productsnap .desc, .productsnap .price {
		padding:3px;
		text-align:center;
}

/* The following is a dupliate from the VM Theme CSS File */
.productPrice {
		font-weight:bold;
		white-space: nowrap;
}

.product-Old-Price {
		color:red;
		text-decoration:line-through;
}

.addtocart_button_module {
		text-align:center;
		background-position:bottom left;
		width:160px;
		height:30px;
		cursor:pointer;
		color: #126ac5;
		text-decoration:underline;
		border: none;
		font-weight:bold;
		font-family:inherit;
		background: url( 'images/transparent.gif' ) no-repeat center transparent;
		vertical-align: middle;
		overflow:hidden;
}

input.addtocart_button_module:hover {
		color: #000;
		text-decoration:underline;
}


/* Misc. */
.searchResults { 
margin-left:30px;
margin-right:30px;
}
.searchResultItems {
		margin-bottom:20px;
		padding-bottom:20px;
		border-bottom-width: 1px;
		border-bottom-style: dotted;
		border-bottom-color: #ccc;
}

/* Store Table */

table.store-items {
		margin-top: 20px;
		margin-bottom: 20px;
		border-bottom-width: 1px;
		border-bottom-style: dotted;
		border-bottom-color: #CCC;
		padding-bottom: 15px;
}

table.store-items td {
		padding: 5px;
		vertical-align: top;
}
table.store-items label {
		color:#126ac5;
}

table.store-items .thumbnail { width: 150px; }

table.store-items .thumbnail img { border: 3px solid #DCDCDC; }

table.store-items .description { width: 470px; }

table.store-items .price { font-weight: bold;
color:#126ac5;
}