???????html,body{font:12px/18px Verdana,helvetica,sans-serif;color:#333D43;margin:0;padding:0;background-color: transparent;}
h1,h2,h3,h4,h5,h6{font:bold 13px/18px Cantarell,helvetica,sans-serif;text-transform:uppercase;margin:0 0 5px 0}
h4{line-height:17px}
p,ul{margin:0 0 0px 0}
a{color:color:#333}
//a{color:#333}
a:hover{color:#000}
@img { -ms-interpolation-mode: bicubic; }

@media print
{
    * {-webkit-print-color-adjust:exact;}
}



#1gbred{width:180px;}
#1g2bred{ width:160px;}
#g{background-color: rgb(210, 210, 210);color:#000000;}
//#s{background-color: #400040;color:#FFFFFF;}
#s{background-color: #9f070c;font:'Times New Roman';color: #fff;}
#o{background-color: #cd3035;color:#fff;}
//#o{background-color: #c55f62;color:#fff;}
//#o{background-color: #F5FFAA;color:#000000;}
//#o{background-color: #18D1D8;color:#000000;}
#v{background-color: #ef8084;color:#000;}
//#v{background-color: #BA4A36;color:#000000;}
#contentArea{
	width: auto;
    max-width: 1000px;
	margin: 0 auto;
    background-color: transparent;
}
#contentWrap{width:620px;margin:0 2px auto 2px;padding:0px 0 0px 0;background-color: transparent;}
// #contentWrap{width:740px;margin:0 px auto 0px;padding:0px 0 0px 0;}
#topWrap{ text-align:center;padding:0.2em;;border:1px solid grey;position:absolute;top:90px;left:580px;width:300px;  top center no-repeat;z-index:0;background-color: transparent;}
// #topWrap{position:absolute;top:80px;left:680px;width:100%;min-width:100px;height:500px;border-bottom:5px solid #fff; top center no-repeat;z-index:0}
#top{float: left;width:768px;margin:3px auto;position:relative;z-index:30}
//#top{float: left;width:940px;margin:3px auto;position:relative;z-index:30}
#logo{padding-top:2px;width:768px;padding-left:3px;}
#search{position:absolute;top:40px;right:0}
#search fieldset{margin:0;padding:0}
#search input{float:left;display:block;border:0;background:none;height:20px;width:20px;overflow:hidden}
#search input[type=text]{width:200px;padding:0 5px}
#printIcon{position:absolute;right:0;top:123px;text-decoration:none}
#content{
	float: left;
	width: auto;
	margin-top: 200px;
}


            body {
                padding-top: 50px;
background-color: rgb(238, 130, 238);
            //    background-color: transparent;
            }
            .navbar-template {
                padding: 40px 15px;
            }

  
nav {
	margin: 0px auto;
	text-align: left;
	float: left;
    
}

.dropdown-submenu{position:relative}
.dropdown-submenu>.dropdown-menu{top:0;left:-85%;max-width:495px;margin-top:-6px;margin-right:-1px;-webkit-border-radius:6px 6px 6px 6px;-moz-border-radius:6px 6px 6px 6px;border-radius:6px 6px 6px 6px;}
.dropdown-submenu:hover>.dropdown-menu{display:block;}
.dropdown-submenu:focus>.dropdown-menu{display:block;}
.dropdown-submenu>a:after{display:block;content:" ";float:left;width:0;height:0;border-color:transparent;border-style:solid;border-width:5px 5px 5px 0;border-right-color:rgb(238, 130, 238);margin-top:5px;margin-right:10px;}
.dropdown-submenu:hover>a:after{border-left-color:#ffffff;}
.dropdown-submenu:focus>a:after{border-left-color:#ffffff;}
.dropdown-submenu.pull-left{float:none;}.dropdown-submenu.pull-left>.dropdown-menu{left:-100%;margin-left:10px;-webkit-border-radius:6px 6px 6px 6px;-moz-border-radius:6px 6px 6px 6px;border-radius:6px 6px 6px 6px;}
.dropdown-menu-right {margin-left:0;}




fieldset {
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
width: 291px;
}



fieldset {
  padding: 1em;
  font:70%/1 sans-serif;
  }
label {
  font-size:12px;
  float:left;
  width:28%;
  margin-right:0.5em;
  padding-top:0.9em;
  text-align:right;
  font-weight:bold;
  }
  
  fieldset { border:px solid grey }
  input { font-size:12px;
    border: 1px solid #000000; /* some kind of blue border */
    
    /* other CSS styles */

    /* round the corners */
    -webkit-border-radius: 4px;
       -moz-border-radius: 4px;
            border-radius: 4px;



    /* make it glow! */
    -webkit-box-shadow: 0px 0px 4px #000000;
       -moz-box-shadow: 0px 0px 4px #000000;
            box-shadow: 0px 0px 4px #000000; /* some variation of blue for the shadow */

}

#ccomment{width: 25.3em;
           height: 4em; }

textarea{
	 margin-right:0.5em;
 padding-top:0.2em;
 border: 1px solid #000000; /* some kind of blue border */
width: 13em;
    height: 2.0em;
    /* other CSS styles */

    /* round the corners */
    -webkit-border-radius: 4px;
       -moz-border-radius: 4px;
            border-radius: 4px;



    /* make it glow! */
    -webkit-box-shadow: 0px 0px 4px #000000;
       -moz-box-shadow: 0px 0px 4px #000000;
            box-shadow: 0px 0px 4px #000000; /* some variation of blue for the shadow */



}



#footer{width:840px;height:20px;font-size:11px;color:#000;margin:0 auto;background:url('../../typo3conf/ext/hjgymtemplates/Resources/Public/Images/FFFx085.png') 0 0;position:relative;padding:0 5px}
#leftContent{font-size:11px;line-height:17px}
th.align-left,td.align-left{text-align:left}
th.align-center,td.align-center{text-align:center}
th.align-right,td.align-right{text-align:right}
.tx-yag-thumb-innerframe img,.tx-yag-image img{padding:5px !important;border:none !important}
.yag_wildside_themes.basicLightBox .imageThumbnail{border-radius:0 !important}
.tx-wsmediaplayer-pi2 .playlistEntry .img{vertical-align:bottom}
.tx-wsmediaplayer-pi2 .playlistEntry .noimg,.tx-wsmediaplayer-pi2 .playlistEntry .img{margin:0 0 0 5px !important;padding:0 !important}
.tx-wsmediaplayer-pi2 .playlistEntry{padding-right:5px !important;overflow:auto;font-size:11px}
.tx-wsmediaplayer-pi2 .playlistFrame{border:1px solid silver !important}
.tx-hjgymkeywords-pi1 .list{margin-bottom:20px}
.tx-hjgymkeywords-pi1 h2{margin-top:20px;border-bottom:1px solid #ccc}
.tx-personnel .controls,.tx-personnel .notice{*display:none}
.tx-personnel table{margin:20px 0}
#newsSlider{background-color:white;border-top:5px solid #E0591F;float:left;margin-bottom:40px}
#newsSlider ul{list-style-type:none;padding:0px;margin:0px}
#newsSlider li .footer{width:100px;height:77px;float:left;padding-left:10px;padding-top:10px}
#newsSlider li .header{padding-top:10px;width:720px}
#newsSlider li .bodytext{width:720px}
#newsSlider li .header a:link{text-decoration:none}
.readAll{background-color:white;border-top:5px solid #E0591F;width:210px;height:46px;float:right;text-align:right;padding-top:31px;padding-right:10px;color:#801146}
.readAll a,.readAll a:hover{color:#801146 !important;text-decoration:none}
.largeImageBox{clear:both}