.mC {width:300px; margin:0px; border-top:1px solid #300;}
.mH {color:#E9E3D3; cursor:pointer;
     font-weight:bold;
     border-bottom:1px solid #300;
     background-color: #544935;
     text-align: center;
     padding: 5px 5px 5px 5px; }
.mL {display:none; padding: 7px 5px 7px 5px;
     background-color: #ffffff;
     border-bottom:1px solid #300;}
.mO {margin-left:3px; padding: 1px 5px 1px 17px;
     background: url(http://www.jcf.org/new/images/buttons/arrow.gif) left no-repeat;
     display:block;}

/******** General tags ********/
body{
font: 12px Verdana,Tahoma,Arial,sans-serif;
background:#ffffff url(images/background.jpg) top center repeat-y;
color:#000000;
line-height: 15px;
margin:0 auto;
padding:0;
}

hr {
	margin: 0px 0px 15px 0px;
}

.menu {
	font-size:12px;
        font-weight: bold;
        padding: 0px 0px 2px 0px;
}

img {
	padding: 10px 0px 0px 0px;
}

  a:link                { font-color: #244066; text-decoration: none; font-weight: normal; }
  a:active              { font-color: #244066; text-decoration: none; font-weight: normal; }
  a:visited             { font-color: #244066; text-decoration: none; font-weight: normal; }
  a:hover               { font-color: #244066; text-decoration: none; font-weight: normal; }
  a.quote_text:link     { font-color: #D0DCDC; text-decoration: none; font-weight: normal; }
  a.quote_text:active   { font-color: #D0DCDC; text-decoration: none; font-weight: normal; }
  a.quote_text:visited  { font-color: #D0DCDC; text-decoration: none; font-weight: normal; }
  a.quote_text:hover    { font-color: #D0DCDC; text-decoration: none; font-weight: normal; }

a img{border:0;}
p{margin:0px 0px 15px 0px;}
ul,ol,dl{font-size:0.9em; margin:2px 0 16px 35px;}
ul ul,ol ol{margin:4px 0 4px 35px;}

h1{
background: url(http://www.jcf.org/new/skins/crystal/images/logo_section_header_update.png) no-repeat left;
padding: 10px 10px 10px 45px;
margin: 10px 0px 15px 0px;
font-size: 15px;
line-height: 15px; 
font-weight: bold;
font-family: Arial, Helvetica, sans-serif;
text-align: left;
text-transform: uppercase;
color: #FFFFFF; 
}

h1 a{text-transform:none; color:#4088b8;}

h2{
color: #454d55;
margin: 0px 0px 7px 0px;
padding: 6px 0px 4px 0px;
font-size: 11px;
line-height: 13px;
font-weight: bold;
font-family: Arial, Helvetica, sans-serif;
text-align: center;
background-color: #F3F2EF;
border-bottom: 1px solid #c1c7cc;
text-transform: uppercase;  
letter-spacing:1px;
}

h3{
background: url(http://www.jcf.org/new/skins/crystal/images/logo_premium_header_update.png) no-repeat left;
padding: 10px 10px 10px 45px;
margin: 10px 0px 0px 0px;
font-size: 15px;
line-height: 15px; 
font-weight: bold;
font-family: Arial, Helvetica, sans-serif;
text-align: left;
text-transform: uppercase;
color: #FFFFFF;
}

blockquote{
font-size:0.9em;
border:1px solid #dadada;
margin:20px 10px;
padding:8px;
}

/******** Main wrap ********/
#wrap{
color:#000000;
margin:0px auto;
padding: 0px 0px 0px 0px;
}

#header{
margin:0;
background:#ffffff url(http://www.jcf.org/new/skins/crystal/images/update_header.png) top center no-repeat;
padding: 130px 15px 8px 520px;
font-size: 11px;
line-height: 12px;
font-weight: bold;
font-family: Arial, Helvetica, sans-serif;
text-align: right; 
}

#toplinks{text-align:right; padding:5px 2px 2px 3px;}

#slogan{
font-size:1.5em;
color:#808080;
font-weight:bold;
letter-spacing:-1px;
margin:15px 0px 20px 35px;
line-height:1.2em;
}

/******** sidebar ********/
#sidebar{
line-height:1.1em;
margin:0;
padding:0px 15px 0px 10px;
}

#sidebar ul{
list-style:none;
font-size:0.9em;
margin:0;
padding:0 0 15px 10px;
}

#sidebar li{
list-style:none;
margin:0 0 4px 0;
padding:0;
}

#sidebar li a{
font-size:1.1em;
font-weight:bold;
padding:2px;
}

#sidebar ul ul{
margin:4px 0 3px 15px;
line-height:1.2em;
padding:0;
}

#sidebar ul ul li a{font-weight:normal;}
#sidebar h2{margin:3px 0px 8px 0px;}

/******** Content variations ********/
#content{
line-height:1.1em;
text-align:left;
margin:0px 10px 0px 0px;
padding:5px 5px 5px 5px;
}

#content h3, #contentalt h3{margin:10px 0 8px;}

/******** Footer ********/


#footer{
clear:both; height: 25px; background-color: #38423D; padding: 7px 0px 0px 0px; }

#footer p{margin:0; padding:0;}
#footer a{color:#808080;}




/******** Various classes ********/
.box{
color:#ffffff;
font-size:0.9em;
background-color:#4088b8;
border:1px solid #c8c8c8;
line-height:1.3em;
padding:5px 5px 5px 8px;
}

.box a{color:#f0f0f0;}
.left{float:left; margin:0 15px 4px 0;}
.right{float:right; margin:0 0 4px 15px;}
.textright{text-align:right;}
.readmore{text-align:right; margin:-10px 10px 12px 0;}

.center{text-align:center;}
.blue{color:#4088b8;}
.big{font-size:1.3em;}
.small{font-size:0.8em;}
.bold{font-weight:bold;}

.clear{clear:both;}
.hide{display:none;}
.fade{color:#c8c8c8;}
.gray{color:#808080;}

.photo{
border:1px solid #bababa;
padding:2px;
background-color:#ffffff;
margin:6px 18px 2px 5px;
}