
/* Clearfix */
  
  .clearfix:after {
  content: "."; 
  display: block; 
  height: 0; 
  clear: both; 
  visibility: hidden;
  }

  .clearfix {display: inline-block;}

  /* Hides from IE-mac \*/
  * html .clearfix {height: 1%;}
  .clearfix {display: block;}
  /* End hide from IE-mac */


/* Zero defaults */

  body,form,div,p,h1,h2,h3,h4,h5,h6,dl,dd,dt,ul,ol,li,table,th,td,img,a,fieldset { margin:0; padding:0; border:0; font-size: 100%; }
  input,select,textarea { font-size: 100%; font-weight: normal; color:#000;}
  legend,caption { display:none;}
  ul li, ol li { list-style: none; list-style-type: none;}

/* Global */

  body { background:#333; text-align:center; font-size:62.5%; font-family:arial,verdana,sans-serif; }
  
  #container { width:948px; margin:0 auto; text-align:left;}
  
  #header { height:98px; background:#000; }
  #header h1 { height:98px; width:170px; float:left; background:transparent url(../images/static/kick-logo.gif) no-repeat 0 0;}
  #header h1 a { display:block; height:98px; width:170px; text-indent:-9999px; }
  #header #banner { float:left; width:778px; overflow:hidden; }
  
  #content { padding:35px 10px; background:#fff url(../images/static/bg-content.gif) repeat-x 0 0; }
  
  #content #nav-col { width:160px; float:left; }
  #content #nav-col h3 { margin:0 1px 7px 0; padding:4px 0 4px 10px; color:#fff; text-transform:uppercase; background:#333 url(../images/static/bg-list-home.gif) no-repeat 0 0;}
  #content #nav-col h3 a { color:#fff; text-decoration:none;}
  #content #nav-col h3 a:hover { color:#2fb457;}
  #content #nav-col ul { padding-left:10px; padding-right:1px; }
  #content #nav-col ul li { padding:3px 0 3px 10px; line-height:1.3em; border-bottom:1px dotted #000; background:transparent url(../images/static/list-arrow.gif) no-repeat 0 7px;}
  #content #nav-col ul li a { color:#333; font-size:0.9em;  text-decoration:none; text-transform:uppercase;}
  #content #nav-col ul li a:hover {color:#000; text-decoration:underline;}
  #content #nav-col ul li a:active { color:#; text-decoration:none; }
  #content #nav-col ul li.active { background:transparent url(../images/static/list-arrow-active.gif) no-repeat 0 7px;}
  #content #nav-col ul li.active a { color:#2fb457;}
  #content #nav-col ul li.active a:hover { text-decoration:none; }
  
  /* 2nd level */
  #content #nav-col ul li.active ul {padding:8px 0 10px 8px;}
  #content #nav-col ul li.active ul li { margin-bottom:2px; border:none; background:none; padding:0; }
  #content #nav-col ul li.active ul li a { color:#333; text-transform:capitalize; }
  #content #nav-col ul li.active ul li a:hover { color:#000; text-decoration:underline; }
  #content #nav-col ul li.active ul li.active a { color:#2fb457;}
  
  /* 3rd level */
  #content #nav-col ul li.active ul li.active ul li a { color:#333; text-transform:capitalize; }
  #content #nav-col ul li.active ul li.active ul li.active a { color:#2fb457; text-transform:capitalize; }

  /* 4th level */
  #content #nav-col ul li.active ul li.active ul li.active ul li a { color:#333; text-transform:capitalize; }
  #content #nav-col ul li.active ul li.active ul li ul li.active a { color:#2fb457; text-transform:capitalize; }
  
  #content #nav-col ul li.open { background:transparent url(../images/static/list-arrow-open.gif) no-repeat 0 7px;}
  
  #content #content-col { width:588px; float:left; }
  #content #content-col .content-col-inner { padding:0 20px; }
  #content #content-col p { margin-bottom:12px; line-height:1.2em; color:#737373; font-size:1.2em; }
  #content #content-col #latest-news p { margin:0; line-height:1.3em; color:#737373; font-size:1.2em; }
  #content #content-col p strong { color:#333333; font-size:1em; }
  #content #content-col a, #content #content-col span { color:#333; text-decoration:none;}
  #content #content-col a:hover { color:#2fb457; text-decoration:underline; }
  #content #content-col a.btn-readmore { width:87px; height:20px; display:block; overflow:hidden; text-indent:-9999px;  background:#31b457 url(../images/static/btn-readmore.gif) no-repeat 0 0; }
  #content #content-col a.btn-readmore:hover { background:#31b457 url(../images/static/btn-readmore-over.gif) no-repeat 0 0; }

  #content #right-col { width:180px; float:right;}
  #content #right-col .feature-box { margin-bottom:20px; background:transparent url(../images/static/bg-feature-right.gif) no-repeat 0 20px;}
  #content #right-col .feature-box .inner {padding:8px 10px;}
  #content #right-col .feature-box h3 { padding:4px 0 4px 10px; color:#fff; text-transform:uppercase; background:#333 url(../images/static/bg-h3-right.gif) no-repeat 0 0;}
  #content #right-col .feature-box p { margin-bottom:8px; line-height:1.3em; color:#737373; font-size:1.2em;  }
  #content #right-col .feature-box p strong { color:#333; font-size:0.9em;}
  #content #right-col .feature-box a { color:#333; font-weight:bold; text-decoration:none;}
  #content #right-col .feature-box a:hover { text-decoration:underline; }
  #content #right-col .feature-box img { margin-bottom:15px; }
  
  #content #right-col .feature-box a.button { width:180px; height:20px; display:block; overflow:hidden; text-indent:-9999px; }
  
  /* Moved to the end of the file
  #content #right-col .feature-box a.btn-readmore  { background:#31b457 url(../images/static/bg-btn-readmore.gif) no-repeat 0 0; }
  #content #right-col .feature-box a.btn-readmore:hover  { background:#31b457 url(../images/static/bg-btn-readmore-over.gif) no-repeat 0 0; }
  
  #content #right-col .feature-box a.btn-subscribe  { background:#31b457 url(../images/static/bg-btn-subscribe.gif) no-repeat 0 0; }
  #content #right-col .feature-box a.btn-subscribe:hover  { background:#31b457 url(../images/bg-btn-subscribe-over.gif) no-repeat 0 0; }
  */
  
  #footer { background:transparent url(../images/static/bg-footer.gif) repeat-x 0 0; }
  #footer .inner { padding-bottom:30px; background:transparent url(../images/static/bg-footer-right.gif) no-repeat 100% 0; }
  #footer ul { padding:30px 0 0 20px; background:transparent url(../images/static/bg-footer-left.gif) no-repeat 0 0; }
  #footer ul li { color:#fff; }
  #footer ul li a { text-decoration:none; color:#ffff00; }
  #footer ul li a:hover { text-decoration:underline;}
  
/* Pages */
  
  /* search page */
  #searchpage { padding:15px 1px 30px 10px; background:transparent url(../images/static/bg-content-grad1.jpg) no-repeat 0 0; }
  #searchpage h1 { width:244px; margin-bottom:20px; padding-bottom:10px; border-bottom:1px solid #b4b4b4; }
  #searchpage h2 { font-size:1.2em; }
  #searchpage p { padding:0 15px 0 0; }
  #searchpage #searchform {margin-bottom:0px;}
  #searchpage #searchform .formrow { margin-bottom:15px; } 
  #searchpage #searchform .formrow label { width:152px; float:left; font-size:1.2em; color:#333;}
  #searchpage #searchform .formrow input.textfield { float:left; width:168px; padding:2px; border:1px solid #b4b4b4; }
  #searchpage #searchform .formrow input#search { float:left; margin-left:20px; }
  #searchpage #searchform .formrow select { float:left; width:174px; }
  #searchpage #results h2 { margin-bottom:10px; }
  #searchpage #results ul li { padding:20px 0 10px; border-bottom:1px dotted #000; } 
  #searchpage #results ul li p { width:480px; float:left; margin:0;}
  #searchpage #results ul li a.arrow {float:right; margin:0 10px 0 0; }
  
  #searchpage #send-to-friend { padding:20px 10px  40px; background:transparent url(../images/static/bg-content-grad1.jpg) no-repeat 0 0; }
  #searchpage #send-to-friend h2 {margin-bottom:20px; }
  #searchpage #send-to-friend input#send { float:left; margin-top:23px; }
  #searchpage #send-to-friend .formrow { float:left; margin-right:30px; }
  #searchpage #send-to-friend .formrow label { margin-bottom:10px; display:block; font-size:1.2em; color:#333; }
  #searchpage #send-to-friend .formrow input.textfield { width:168px; padding:2px; border:1px solid #b4b4b4; }
  #searchpage #send-to-friend .error { color:#ff0000; font-weight:bold; }
  
  			#content #right-col .feature-box a.btn-7  { background:#31b457 url() no-repeat 0 0; }
	 		#content #right-col .feature-box a.btn-7:hover  { background:#31b457 url() no-repeat 0 0; }
						#content #right-col .feature-box a.btn-2  { background:#31b457 url(http://www.kickitout.org/images/library/2c41f447-.gif) no-repeat 0 0; }
	 		#content #right-col .feature-box a.btn-2:hover  { background:#31b457 url(http://www.kickitout.org/images/library/32ba19b2-.gif) no-repeat 0 0; }
						#content #right-col .feature-box a.btn-3  { background:#31b457 url(http://www.kickitout.org/images/library/2c41f447-.gif) no-repeat 0 0; }
	 		#content #right-col .feature-box a.btn-3:hover  { background:#31b457 url(http://www.kickitout.org/images/library/32ba19b2-.gif) no-repeat 0 0; }
			