/*** Main Structure of Page ***/
body{ 
   background: url('../images/sbfc_back_new.gif');    
}    

html, body{
    font-size:13px;
}

.w3-myfont {
  font-family: "Comic Sans MS", cursive, sans-serif;
}

.center {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 50%;
}

p.pHead2{
     font-family:Verdana,sans-serif;
     font-size:14px;
     line-height:1.5;
     color: indigo;
}


hr {
    display: block;
    height: 2px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}

.vl {
    border-left: 6px solid green;
    height: 500px;
    position: absolute;
    left: 50%;
    margin-left: -3px;
    top: 0;
}
/*#divHeader{
   width:900px;
}
*/

#divTopScroller{
    width: 880px;
    padding-left:10px;
    padding-right:10px;
    padding-top: 1px;
    padding-bottom:1px;
}

#divTopPanelMain{
    float: left;
    width:896px;
    padding-left:2px;
    padding-right:2px;
    padding-top: 1px;
    padding-bottom:1px;
    background-color: rgb(75, 136, 209);
}

#divTopPanel{
    padding-left: 4px;
    padding-right:4px;
    padding-top: 1px;
    padding-bottom:1px;
    /*width:500px;*/ 
    float:left;
    margin-left:4px;
    margin-right:4px;
}

#divCPanel{
    float: left;
    width:896px;
    padding-left:2px;
    padding-right:2px;
    padding-top: 4px;
    padding-bottom:4px;
    background-color:white;  
    margin-top:4px;   
    margin-bottom:4px;
}

#divLpanel{
    text-align: center;
    padding-left: 2px;
    padding-right:2px;
    padding-top: 2px;
    padding-bottom:2px;
    width: 116px;
    background: rgb(75, 136, 209) ;
    float:left;
}

#divMain{
	width:772px;
    padding-left: 2px;
    padding-right:2px;
    padding-top: 0px;
    padding-bottom:4px;
    float:left;
}

#divMainTab{
    padding:0;  
    padding-top:0px;
    padding-left: 4px;
    padding-right: 2px;
    line-height: 8px;
    background: rgb(75, 136, 209);
    border-bottom:2px solid yellow;
    margin-bottom:2px;
}  

#divSubTab{
    padding: 0;
    padding-left: 5px;
    line-height: 8px;
    background: rgb(141, 179, 226);
    margin-bottom: 2px;
    clear:both;
    
}

#divMainContent{
    float:left;  
    width:512px;
    margin-right:4px; 
    margin-left:2px;
    padding-left: 2px;
    padding-right:2px;
    padding-top: 2px;
    padding-bottom:2px;
    background-color: rgb(141, 179, 226);   
}

#divMainContentNoUpdate{
    float:left;  
    width:766px;
    margin-right:4px; 
    margin-left:2px;
    padding-left: 2px;
    padding-right:2px;
    padding-top: 2px;
    padding-bottom:2px;
    background-color: rgb(141, 179, 226);   
}

#divUpdatesRecent{
    width:512px;        
    padding-left: 2px;
    padding-right:2px;
    padding-top: 2px;
    padding-bottom:2px;
    background-color: rgb(141, 179, 226);
 
}

#divUpdatesMain{
    width:246px;        
    padding-left: 4px;
    padding-right:0px;
    padding-top: 4px;
    padding-bottom:4px;
    background-color: rgb(75, 136, 209);
    float:left;
}

#divUpdates{
    width:242px;       
    padding-left: 4px;
	padding-bottom:4px;
    padding-right:4px;
}

#divFooter{
    height: 100px;
    background: url('../images/sbfc_foot_back.png');
    width:900px;
	clear:both;
}

#divScroll{
    padding-top: 10px;
    height: 172px;
    background: url('../images/scrollback.png');
    width:882px;
    float: left;
}

#divForm{
    width:500px;
    /*border: 2px solid yellow;*/
}

/* Code for Main Menu */

/*.bevelmenu{
    font: bold 11px arial;
    padding: 6px 0;
    margin: auto;
    background-color: blue;
    text-align: left; 
}  */                /*set value to "right" for example to align menu to the right of page*/  

/*.bevelmenu li{
    list-style: none;
    display: inline;
}

.bevelmenu li a{
    padding: 3px 0.5em;
    text-decoration: none;
    color: black;
    background-color: rgb(141, 179, 226);
    border: 2px solid rgb(141, 179, 226);
    letter-spacing: 1px;
}

.bevelmenu li a:hover{
    color: black;
    background-color: white;
    border-style: outset;
}

body#sbfchome #divMainTab #lisbfchome a,
body#sbfcclub #divMainTab #lisbfcclub a,
body#sbfcacademy #divMainTab #lisbfccoaching a,
body#sbfccontacts #divMainTab #lisbfccontacts a,
body#ileague #divMainTab #current a,
body#sbfccontact #divMainTab #current a{ 
    background-color: white;
}

html>body .bevelmenu li a:active{ *//* Apply mousedown effect only to NON IE browsers */
    /*border-style: inset;
}      */

/*Code for Main Menu*/

/*Code for Sub menu*/

/*.bevelsubmenu{
    font: bold 11px arial;
    padding: 6px 0;
    margin: auto;
    background-color: rgb(141, 179, 226);
    text-align: left; *//*set value to "right" for example to align menu to the right of page*/
/*}

.bevelsubmenu li{
    list-style: none;
    display: inline;
}

.bevelsubmenu li a{
    padding: 3px 0.5em;
    text-decoration: none;
    color: black;
    background-color: rgb(141, 179, 226);
    border: 2px solid rgb(141, 179, 226);
    letter-spacing: 1px;
}

.bevelsubmenu li a:hover{
    color: black;
    background-color: white;
    border-style: outset;
}

.profile #divSubTab #lisbfcprofile a,
.history #divSubTab #lisbfchistory a,
.management #divSubTab #lisbfcmanagement a,
.acknowledgement #divSubTab #lisbfcacknowledgement a,
.coaching #divSubTab #lisbfcacademy a,
.camps #divSubTab #lisbfccamps a{ *//*currently selected tab*/
    /*background-color: white;
}      */

/*html>body .bevelsubmenu li a:active{*/ /* Apply mousedown effect only to NON IE browsers */
    /*border-style: inset;
}  */
/*-----*/

#HeadText{
    font: 16px times, sans-serif;
    letter-spacing: 4px;
    color: white;
    font-style: normal;
    text-align:center; 
    font-weight: bold;
    line-height: 12px;
    margin-top:4px;
    margin-bottom:4px;
}

p.Content-H2{
    font: 14px verdana, arial; 
    font-weight:bold;
    color:yellow;
    letter-spacing: 2px;
    padding-top:0px;
    padding-left:10px; 
    margin-top:0px; 
    margin-bottom:0px;
    text-align: right;
}

p.pNews{
    font: bold 14px arial, sans-serif;
    text-align: left;
    color: black;
    margin:0;
    padding-top: 4px; 
    padding-bottom: 0px;
}


p.pHead3{
    font: bold 14px "arial narrow", sans-serif;
    color: blue;
    margin:0;
    padding-top: 4px; 
    padding-bottom: 0px;
    
}

p.Footer{
    font: 12px times;
    color: white;
    text-decoration:none;
    letter-spacing: 1px;
}

span.Footer{
    font: 14px arial;
    color: white;
    padding-left:5px;
    padding-right:5px;
}

p{
    padding:0;
    margin:0;
    padding-left:4px;
}

p.Content{
	/*font: 12px arial, verdana;
	color: black; 
    line-height:15px;
    letter-spacing: 0.5px; */
	text-align:left;
	padding-left:10px;
	padding-right:10px; 
	margin-top:2px; 
	margin-bottom:2px;
	padding-bottom:0px;
    color: black;
}

ul.UlContent{
    list-style-image: url('../images/bullet_8px.png'); 
    margin:2px;
    padding-left:4px;
	margin-left:10px;
}

li.LiContent{
    margin:1px;
    padding:1px;
    padding-bottom: 4px;
}

span.readon{
	color: blue;
    padding-left:5px;
}

span.EventTitle{
color: white;
}

span.ImageTitle{
font: 11px arial,verdana;
font-style: italic;
color: black;
}


img.spacepad{
    margin: 0;
    margin-bottom: 2px;
    padding: 0;
    border:0;
}

td.GreenRow1{
	font: 12px verdana, arial;
	text-align: left;
	padding: 2px;
	padding-left: 20px;
	color: black;
	background-color: rgb(194, 214, 155);
}

td.GreenRow1B{
	font: 12px verdana, arial;
	text-align: left;
	padding-left: 40px;
	color: black;
	background-color: rgb(194, 214, 155);
	font-weight: bold;
}

td.GreenRow2{
	font: 12px verdana, arial;
	text-align: left;
	padding: 2px;
	padding-left: 20px;
	color: black;
	background-color: rgb(234, 241, 221);
}

td.GreenRow2B{
	font: 12px verdana, arial;
	text-align: left;
	padding-left: 40px;
	color: black;
	background-color: rgb(234, 241, 221);
	font-weight: bold;
}

td.tdFormLabel{
font: 11px verdana, arial;
background-color: rgb(149, 179, 215);
text-align: left;
padding: 2px 0px 2px 4px;
color: black;
}

td.tdFormText{
font: 11px verdana, arial;
background-color: white;
text-align: left;
padding: 2px 0px 2px 4px;
color: black;
}

/* SPAN class Footer not found in CSS */
/************ MAIN MENU *************/
#divMainTab ul{
    font: bold 11px arial;
    padding: 6px 0;
    margin: auto;
    background-color: rgb(75, 136, 209);
    text-align: left; /*set value to "right" for example to align menu to the right of page*/
}

#divMainTab li{
    list-style: none;
    display: inline;
}

#divMainTab li a{
    padding: 3px 0.5em;
    text-decoration: none;
    color: black;
    background-color: rgb(75, 136, 209);
    border: 2px solid rgb(75, 136, 209);
    letter-spacing: 1px;
}

#divMainTab li a:hover{
    color: black;
    background-color: white;
    border-style: outset;
}

body#sbfchome #divMainTab #lisbfchome a,
body#sbfcclub #divMainTab #lisbfcclub a,
body#sbfcacademy #divMainTab #lisbfccoaching a,
body#sbfccontacts #divMainTab #lisbfccontacts a,
body#ileague #divMainTab #current a,
body#sbfccontact #divMainTab #current a{ 
    background-color: white;
}

html>body #divMainTab li a:active{ /* Apply mousedown effect only to NON IE browsers */
    border-style: inset;
}

/************* SUB MENU **************/

#divSubTab ul{
    font: bold 11px arial;
    padding: 6px 0;
    margin: auto;
    background-color: rgb(141, 179, 226);
    text-align: left; /*set value to "right" for example to align menu to the right of page*/
}

#divSubTab li{
    list-style: none;
    display: inline;
}

#divSubTab li a{
    padding: 3px 0.5em;
    text-decoration: none;
    color: black;
    background-color: rgb(141, 179, 226);
    border: 2px solid rgb(141, 179, 226);
    letter-spacing: 1px;
}

#divSubTab li a:hover{
    color: black;
    background-color: white;
    border-style: outset;
}

.profile #divSubTab #lisbfcprofile a,
.history #divSubTab #lisbfchistory a,
.management #divSubTab #lisbfcmanagement a,
.acknowledgement #divSubTab #lisbfcacknowledgement a,
.coaching #divSubTab #lisbfcacademy a,
.camps #divSubTab #lisbfccamps a{ /*currently selected tab*/
    background-color: white;
}

html>body #divSubTab li a:active{ /* Apply mousedown effect only to NON IE browsers */
    border-style: inset;
}
/*-----*/

/************* INNER TAB MENU ***********/
#divInTab{
    padding:0;  
    padding-top:0px;
    padding-left: 4px;
    padding-right: 2px;
    line-height: 8px;
}

#divInTabContent{
    border: 2px solid #48f;
    clear: left;
    padding: 1px;
    padding-left: 0;
}

ol#toc {
    height: 2em;
    list-style: none;
    margin: 0;
    padding: 0;
}

ol#toc a {
    background: #bdf url(tabs.gif);
    color: #008;
    display: block;
    float: left;
    height: 2em;
    padding-left: 10px;
    text-decoration: none;
}

ol#toc a:hover {
    background-color: #3af;
    background-position: 0 -120px;
}

ol#toc a:hover span {
    background-position: 100% -120px;
}

ol#toc li {
    float: left;
    margin: 0 1px 0 0;
}

ol#toc li.current a {
    background-color: #48f;
    background-position: 0 -60px;
    color: #fff;
    font-weight: bold;
}

ol#toc li.current span {
    background-position: 100% -60px;
}

ol#toc span {
    background: url(tabs.gif) 100% 0;
    display: block;
    line-height: 2em;
    padding-right: 10px;
}

#divtab2{
    display:none;
}

#divtab3{
    display:none;   
}
/*------------------- NOT USED -----------------*/

#divMainContentOthers{
    float:left;
    width:700px;
    margin-top: 4px;
    margin-right:2px;
	background-color: white;
}

#divScoredBy{
    float: left;
    margin-right:2px;
    
}

#divFocus{
    width:300px;
    /*background-color: white; */
    float: left;
    /*border: 2px solid yellow;*/
    margin-top:4px;
    margin-right:2px;
    margin-bottom:2px;
    clear: both;
}

#divPointer{
    width:280px;
    /*width:468px;
    background-color: white; */
    float: left;
    margin-top:4px;
    margin-left:2px;
    margin-bottom:2px;
    padding-left: 10px;
}

 
#ulScoredBy{
    list-style-type: none;
    width:54px;
    margin:0;
    padding:2px;
}

#liScoredBy{
     font: 12px verdana;
     padding:2px;
}

td.tdBlueHead{
font: 13px verdana, arial;
font-weight: bold;
text-align: center;
/*padding-left: 0px;*/
padding: 5px 0 5px 0;
color: yellow;
background-color: rgb(31, 73, 125);
border-bottom: 2px solid yellow;
}

td.tdBlueRow1{
text-align: left;
padding: 2px 2px 2px 2px;
color: black;
background-color: rgb(219, 229, 241);
}

td.tdBlueRow2{
text-align: left;
padding: 2px 2px 2px 2px;
color: black;
background-color: rgb(149, 179, 215);
}

span.date{
color: black;
font: bold 12px verdana;
/*background-color: blue;
padding-right:4px;*/
}

p.pHead4{
background-color: rgb(194, 214, 155);
font: 12px verdana, arial;
font-weight: bold;
letter-spacing: 1px;
padding-top: 2px;
/*padding-left: 20px;*/
padding-bottom: 2px;
text-align:center;
color: blue;
border-top: 2px solid black;
border-bottom: 2px solid black;
}

/* FORM */
form.cmxform fieldset {
  margin-bottom: 10px;
}
form.cmxform legend {
  padding: 0 2px;
  font-weight: bold;
}
form.cmxform label {
  display: inline-block;
  line-height: 1.8;
  vertical-align: top;
}
form.cmxform fieldset ol {
  margin: 0;
  padding: 0;
}
form.cmxform fieldset li {
  list-style: none;
  padding: 5px;
  margin: 0;
}
form.cmxform fieldset fieldset {
  border: none;
  margin: 3px 0 0;
}
form.cmxform fieldset fieldset legend {
  padding: 0 0 5px;
  font-weight: normal;
}
form.cmxform fieldset fieldset label {
  display: block;
  width: auto;
}
form.cmxform em {
  font-weight: bold;
  font-style: normal;
  color: #f00;
}
form.cmxform label {
  width: 120px; /* Width of labels */
}
form.cmxform fieldset fieldset label {
  margin-left: 123px; /* Width plus 3 (html space) */
}
/*FORM*/