/* Default CSS */
/* Generated by the CoffeeCup HTML Editor - www.coffeecup.com */

.comp-space50 {width:10px; height:50px; background-color:#EFEFEF; }
              @media (max-width: 500px) {.comp-space50 {color:white }}




              
.opp-headiing {text-align:center;} 

@media (max-width: 500px) {.opp-headiing {color:#fff; margin-top:20px }}


.page-text {margin-top:10px;margin-bottom:0; }
           @media (max-width: 500px) {.page-text {margin-top:-40px;}}


.kc-wrapper {margin-bottom:0px; margin-top:-10px }
.kelly-club-image {width:280px; margin-top:-20px;}
                  @media (max-width: 500px) {.kelly-club-image {width:90%; padding-left:0; margin-left:0; }}
.kc-text {text-align:center; margin-top:-40px }



@media (max-width: 500px) {#course {margin-top:0px }}

.news-image {width:400px }
@media (max-width: 500px) {.news-image {width:90% }}

.Training-logo {width:200px; margin-top:30px }
               @media (max-width: 500px) {.Training-logo {width:120px; margin-top:0 }}

.Training-logo img {width:100%; margin-top:20px }


@media (max-width: 500px) {#course h4 {padding-left:0; margin-left:0 }}

@media (max-width: 500px) {#course table {padding-left:0; margin-left:0 }}

@media (max-width: 500px) {#course ul li {padding-left:0; margin-left:-30px; font-size:90% }}

@media (max-width: 500px) {#course dl dd {padding-left:0; margin-left:-50px; font-size:90% }}

@media (max-width: 500px) {.page_text ul > li {list-style: disc inside none; margin-left:-20px; font-size:90% }}

.screen-space30 {height:110px; width:10px; border:0px #CCC8C8 dashed }
                @media (max-width: 500px) {.screen-space30 {display:none; }}
                
                
 @media (max-width: 500px) {.dropdown-spcing {margin-top: 10px; }}     
 
 
/*  NEWS SECTION ON HOME PAGE  */

.slide-area {margin-right: 10px; display:inline-block; width:370px; vertical-align:top; border:0px red solid; min-height:200px}
		@media (max-width: 500px) {.slide-area {margin:10px 0 10px 0;}}
		
		
	.slide-area:last-child {margin-right:0 }
	
	.news-text-box {width:180px; background-color:#fff; padding:0 0 12px 0; float:left; }
	.news-text-box h3 {font-size:20px; color:#698591; margin:0; padding:0 12px}
                   @media (max-width: 500px) {.news-text-box h3 {font-size:16px; line-height:18px}}
    .green-bar {width:100%; height:2px; background-color:#C6D827; top:0; margin-bottom:12px;}
	.news-date {display:inline; position:absolute;}
	
	.news-text-box p {
    font-size: 16px;
    color: #698591;
    padding: 5px 12px;
	line-height:145%;
	}
    @media (max-width: 500px) {.news-text-box p {font-size:14px; line-height:16px}}
    
    .news-text-box a {padding-left:12px	} 
     
     
	.news-date h3 
	{background: #C6D827; /* GREEN */
    color: #fff;
    font-size: 14px;
    position:absolute;
    left: 0;
    top: 0;
    text-transform: uppercase;
    font-family: 'Karla', sans-serif;
    padding: 10px;
    font-weight: 600;
    margin-top: 0; }
	 @media (max-width: 500px) {.news-date h3 {font-size:11px; line-height:12px}}
     
	.news-date img {width: 190px }
		@media (max-width: 500px) {.news-date img {}}
        
    .news-section {padding-bottom:30px; padding-top:30px}         

  
    @media (max-width: 500px) {.container p, li, a {font-size:13px; line-height:120%}
    
    @media (max-width: 500px) {.footer p, li a {font-size:13px; line-height:120%}
    
    
    @media (max-width: 500px) {input[type=text] {font-size:12px; line-height:120%}
    @media (max-width: 500px) {input[type=submit] {font-size:12px; line-height:120%}
    
    
    @media (max-width: 500px) { 
    
    .footer-links ul li a {
        margin-left: -1px;
        font-size: 80%;
        letter-spacing:-1px
    }}
    
    .footer-links ul li {
        margin-left: -1px;
        font-size: 70%;
        letter-spacing:-1px
    }}