/************************************************
		APOLLO ADMIN
		STYLE DEFINITIONS
		VERSION 1.0
		Developed by Justin Kercher
        Apollo Internet Media
		Create: 02/02/2011
	************************************************/
	
	
	/**********************************************
        REQUIRED BY APOLLOADMIN.NET
    **********************************************/	
	/* Article Listing Layout */
		.box { display: block; margin-top: 20px; border-bottom: solid 1px silver; height: 210px}
			.box-content { float: left; clear: none;  padding: 10x 0px; width: 450px; }
			.box-image { float: right; clear: none; width: 200px; height: 200px; }
			.box-options { height: 50px; float: left; clear: none; width: 450px;  text-align: right; }
	
	/* Misc required classes */
	.fullwidth { width: 99.5%; }
	.error, .message { padding: 10px; background-color: #ffffcc; border: solid 1px #999999; font-size: 0.8em; margin-bottom: 10px; }
	    .message { display: block; }
	    .errorText { color: red !important; }
	    .messageText { color: green !important; }
	.breaker { clear: both; line-height: 1px; }
	
	
	/* Pagination */
	.pagination { position: absolute; right: 36px; width: 500px; text-align: right; clear: both; height: 30px; font-size: 0.8em; }
	    .pagination .pageOff { text-decoration: none; text-align: center; height: 30px; line-height: 30px; padding: 4px; border: solid 1px silver; color: silver;  }
	    .pagination .pageOn { text-decoration: none; text-align: center; height: 30px; line-height: 30px; padding: 4px; border: solid 1px silver; background-color: #ececec; color: #666666}
	    
    /* Article View Page Classes */
      .articleViewLeft { float: left; clear: none; width: 350px; }
      .articleViewRight { float: right; clear: none; width: 300px; }	    
      
      
    /* Gallery Layout */
    #gallery { border: solid 1px silver; padding: 10px; position: relative; }
        #gallery .thumbnail { float: left; clear: none; border: solid 1px silver; padding: 4px; margin: 5px; }


	/**********************************************
        MAIN SITE STYLES
    **********************************************/	
	
body { font-family: Arial, Helvetica, sans-serif; font-size: 1.0em; text-align: center; background-color: #ececec; background-image: url(../images/bg.jpg); margin: 0px; padding: 0px; }
	
	h1 { color: #006699; font-size: 1.4em; margin-top: 0px; }
	h2 { margin-top: 0px; font-size: 1.2em; }
	p { color: #666666; font-size: 0.8em; }
	td, li { font-size: 0.8em;color: #666666; }
	label { font-size: 1.2em !important; }
	
	a { color: #cc3333; }
	    a:hover { text-decoration: none; }
		
	a img { border: none !important; }
	
	#frame { width: 1000px; text-align: left; margin: 0px auto; background-color: #ffffff; position: relative; }
	#header { height: 130px; position: relative; border-bottom: solid 4px #006699; }
		#menu { position: absolute; top: 20px; right: 10px; width: 600px; text-align: right; color: #666666; font-size: 0.7em }
			#menu a { color: #666666; text-decoration: none; text-transform: uppercase; margin: 0px 4px; font-weight: bold; }
		#tel { position: absolute; bottom: 20px; right: 10px; width: 400px; color: #006699; font-size: 1.6em; font-weight: lighter; text-align: right; }
	#banner { height: 348px; border-bottom: solid 4px #006699; position: relative; background-color: #333333; }
	    #banner #banner-image { position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; }
	    #banner #article-image { position: absolute; left: 670px; top: 20px;  }
	    #banner #banner-content { position: absolute; left: 20px; top: 20px; height: 300px; width: 600px; color: #ffffff; z-index: 100; }
	        #banner #banner-content a { color: #ffffff; text-decoration: underline; }
	        #banner #banner-content a:hover { text-decoration: none; }
	    #banner h1 { color: #ffffff; }
	    #banner p { color: #ffffff; }
	
	#featured { padding-top: 0px !important; margin-top: 0px !important; }
		#featured .inner { margin: 0px 7px; }
		#featured .left { margin-right: 7px; }
		#featured .right { margin-left: 7px; }
			
	.container { padding: 20px; }
	
	.blue { color: #006699; }
	.breaker { clear: both; }
	.fullwidth { width: 98%; }
	.copyright { font-size: 0.6em !important; }
	
	.btn { display: block; width: 156px; height: 32px; color: #ffffff; line-height: 32px; padding: 0px 10px; background-image: url(../images/btn-bg.png); text-decoration: none !important; font-weight: bold }
	
	#footer { background-color: #006699; color: #ffffff; padding: 20px; }
		#footer p { color: #ffffff; margin-top: 0px }
		#footer a { color: #ffffff; text-decoration: none; }
		    #footer a:hover { text-decoration: underline; }
		#footer h2 { margin-bottom: 4px; }
		#footer .singleCol { float: left; clear: none; width: 235px; }
		#footer .doubleCol { float: left; clear: none; width: 445px; }
		#footer .margin { margin: 0px 20px; }
		
		.date { background-color: #cc3333; color: #ffffff; width: 62px; height: 76px; text-align: center; float: left; clear: none }
		    .date .day { font-size: 2.4em; font-weight: bold; text-align: center; }
		    .date .month { font-size: 1.0em; font-weight: bold; text-align: center; text-transform: uppercase; margin-top: 6px;  }
		#footer .news { float: right; clear: none; width: 370px; height: 76px; font-size: 1.0em; }
		    #footer .news a { text-decoration: underline; }
		
		#footer input, #footer textarea { background-color: #006699; color: #ffffff; border: solid 1px #ffffff; font-size: 1.0em; font-family: Arial; }
		
	/**********************************************
        NEWS STYLES
    **********************************************/			
    
    .newsItem { float: left; clear: none; width: 480px; height: 120px; }
        .newsItem .content { float: left; clear: none; margin-left: 10px; width: 380px }
        .newsItem .content p { margin-top: 0px; }
        .newsItem .newsTitle { }
        
	/**********************************************
        contact STYLES
    **********************************************/		        
    
    #contact-map { float: right; clear: none; width: 320px; text-align: right }
    #contact-details { float: left; clear: none; width: 600px; }
    
    /**********************************************
     cookie bar
    **********************************************/
    .cookieBar { position: fixed; top: 0px; left: 0px; width: 100%; height: 30px; line-height: 30px; background-color: #ececec; border: solid 1px silver; color: #333333; font-size: 0.8em; padding: 5px; z-index: 1000 !important }
    .cookieBar .cookieLeft { float: left; width: 700px; clear: none; position: relative; text-align: left; padding-left: 20px; }
        .cookieBar .cookieRight { float: right; width: 200px; clear: none; padding-right: 20px;}
    .cookieBar .cookieButton { position: absolute; cursor: pointer;  top: 4px;  width: 80px; height: 24px; border: solid 1px silver; text-align: center; text-decoration: none; color: #ffffff; padding: 2px; float: right;  text-transform: uppercase }
        .cookieButtonGreen { background-color: Green; right: 82px;  }
        .cookieButtonRed { background-color: Red; right: 0px; }