﻿	/************************************************
		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; border-bottom: solid 1px #cccccc; font-size: 0.8em; margin-bottom: 10px; }
	    .message { display: block; }
	    .errorText { color: red !important; background-image: url(../images/warning_16.png); background-repeat: no-repeat; background-position: left center; padding-left: 30px; height: 20px; line-height: 20px;  }
	    .messageText { color: green !important; height: 20px; line-height: 20px;  }
	.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;  }
	    .pagination .pageOn { text-decoration: none; text-align: center; height: 30px; line-height: 30px; padding: 4px; border: solid 1px silver; background-color: #ececec; }
	    
    /* Article View Page Classes */
      .articleViewLeft { /* float: left; clear: none;*/  width: 420px; }
      .articleViewRight { float: right; clear: none; width: 230px; margin: 0px 0px 20px 20px }	    
      
    /* News Items */
    .newsItem { float: left; clear: none; width: 600px; height: auto !important; margin-bottom: 10px; }
        .newsItem .content { float: left; clear: none;  width: 520px }
        .newsItem .content p { margin-top: 0px; }
        .newsItem .newsTitle { }
        
        .newsItem img { float: left; clear: none; width: 62px; margin-right: 0px; margin-right: 10px; }


		.date { background-color: #ffffff; color: #ffffff; width: 62px; height: 76px; text-align: center; float: left; clear: none; margin-right: 10px;  }
		    .date .day { font-size: 2.4em; font-weight: bold; text-align: center; color: #000000; }
		    .date .month { font-size: 1.0em; font-weight: bold; text-align: center; text-transform: uppercase; margin-top: 0px; background-color: #cc3333; }
		    
		 #content .date { border: solid 1px #cc3333; }      
      
    #links a { display: block; font-size: 0.8em; }
      
    /* 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; }

    /***************************************************
        QUICK SEARCH RESULTS SETUP
    **************************************************/        
    .resultsGroup { padding: 0px; text-transform: capitalize; }
        .resultsGroup h2 { font-size: 1.0em; border-bottom: solid 1px silver; padding: 2px 4px }
        .resultsGroup .resultViewAll { float: right; clear: none; text-align: right; font-size: 0.8em; }
            .resultsGroup .resultViewAll a  { text-decoration: none;  }
       
    .highlight { background-color: Yellow; }

	/**********************************************
        MAIN SITE STYLES
    **********************************************/	
	
	body { background-color: #ffffff; font-family: Arial, Helvetica, sans-serif; font-size: 1.0em; text-align: center; margin-top: 0px; }
		h1 { font-size: 1.4em; margin-top: 0px; color: #003366; font-weight: lighter }	
		p, td { font-size: 0.8em; margin-top: 0px; margin-left: 0px; }
		    td li { font-size: 1.0em !important; }
		a img { border: 0px; }
		a { color: #003366; text-decoration: underline; }
		    a:hover { text-decoration: none; }
	
	#frame { position: relative; width: 960px; text-align: left; margin: 0px auto; }
	#header { position: relative; height: 90px; background-image: url(../images/header.jpg); }
		#header #logo { width: 186px; height: 84px; position: absolute; left: 0px; top: 3px; }
		#header #search { position: absolute; bottom: 10px; right: 14px; width: 200px; height: 25px; background-color: #ffffff; border: solid 1px #cccccc; }
			#header #search input[type='text'] { position: absolute; left: 0px; top: 0px; height: 23px; line-height: 23px; width: 170px; 
												border: 0px none; background-color: none; color: #666666; font-weight: bold; font-family: arial; padding-left: 5px; text-transform: uppercase}
			#header #search input[type='image'] { position: absolute; right: 0px; top: 0px; } 												

	#menu { position: relative; height: 38px; line-height: 38px; background-color: #013366; overflow: hidden; }
		#menu .mnu-left { width: 14px; height: 38px; float: left; clear: none; background-image: url(../images/mnu-left.jpg); }
		#menu .mnu-right { width: 14px; height: 38px; float: right; clear: none; background-image: url(../images/mnu-right.jpg); }
		#menu .mnu-inner { width: 922px; float: left; clear: none;  }
		#menu .mnu-inner a { height: 38px; line-height: 38px; float: left; clear: none; border: 0px; vertical-align: middle; margin-right: 20px; }
		#menu .mnu-inner .tel { float: right; clear: none; width: 162px; height: 38px; background-image: url(../images/menu/mnu-tel.png); background-repeat: no-repeat; } 

	#content { clear: both; position: relative; background-image: url(../images/content-tile.jpg); background-repeat: repeat-y; margin-top: 20px;  text-align: left; }	
		#content .content-top { height: 15px; line-height: 15px; font-size: 1px; background-image: url(../images/content-top.jpg); }
		#content .content-bottom { height: 15px; line-height: 15px; font-size: 1px; background-image: url(../images/content-bottom.jpg); }
		#content .content-inner { background-image: url(../images/content-tile.jpg); background-repeat: repeat-y; min-height: 360px;  }
			#content .content-inner #content-left { float: left; clear: none; width: 200px; margin: 0px 0px 0px 20px; min-height: 360px; }
				
					/* Side Menu Stylig */
					#content .content-inner #content-left a { display: block; padding: 4px; border-bottom: dotted 1px silver; color: #003366; text-decoration: none; font-weight: bold }
					#content .content-inner #content-left a:hover { color: #666666; }		
					
			#content .content-inner #content-right { float: right; clear: none; width: 700px; margin: 0px 20px;  min-height: 360px; 
					background-image: url(../images/content-bg.jpg); background-repeat: no-repeat; background-position: top left; position: relative; z-index: 1 !important }			

					#content .content-inner #content-right p, #content .content-inner #content-right td,  #content .content-inner #content-right li {   color: #666666; }
					#content .content-inner #content-right li { font-size: 0.8em; }					
					    td p { font-size: 1.0em; }
		
	#footer { clear: both; position: relative; margin-top: 20px; }		
		#footer .footer-top { height: 17px; line-height: 17px; font-size: 1px; background-image: url(../images/footer-top.jpg); }
		#footer .footer-inner { background-color: #003466; height: 258px; padding: 0px 20px; }
			#footer .footer-inner .footer-left { float: left; clear: none; width: 624px; }
			#footer .footer-inner .footer-right { float: right; clear: none; width: 275px; }
		#footer .footer-bottom { height: 17px; line-height: 17px; font-size: 1px; background-image: url(../images/footer-bottom.jpg); }	
			
			/* footer 'tabs' */
			.footer-tab-on { height: 36px; line-height: 36px; color: #ffffff; float: left; clear: none; background-color: #1a4876; padding: 0px 10px; text-decoration: none; font-size: 1.2em; }
			.footer-tab-off { height: 36px; line-height: 36px; color: #4d7194; float: left; clear: none; background-color: none;  padding: 0px 10px; text-decoration: none; font-size: 1.2em; }
			
			.footer-page { background-color: #1a4876; clear: both; height: 200px; color: #ffffff; padding: 10px }
				.footer-page a { color: #ffffff; }

	#base { margin-top: 20px; height: 64px; }
		#base .base-top { height: 15px; line-height: 15px; font-size: 1px; background-image: url(../images/content-top-nobg.jpg);  } 
		#base .base-bottom { height: 15px; line-height: 15px; font-size: 1px; background-image: url(../images/content-bottom.jpg); margin-bottom: 20px; }
		#base .base-inner { background-image: url(../images/content-tile.jpg); background-repeat: repeat-y; padding: 0px 10px;  }
	
		#base #social { float: left; clear: none; height: 64px; width: 400px; }
		#base #copyright { float: right; clear: none; width: 500px; color: #666666; font-size: 0.8em; text-align: right; padding-top: 8px; line-height: 1.8em; }
			#base #copyright a { color: #666666; text-decoration: none; }

	/* News Items */
    .newsItem { float: left; clear: none; width: 600px; height: 80px; margin-bottom: 10px; }
        .newsItem .content { float: left; clear: none;  width: 520px }
        .newsItem .content p { margin-top: 0px; }
        .newsItem .newsTitle { }
        
        .newsItem img { float: left; clear: none; width: 62px; margin-right: 0px; margin-right: 10px; }


		.date { background-color: #ffffff; color: #ffffff; width: 62px; height: 76px; text-align: center; float: left; clear: none; margin-right: 10px;  }
		    .date .day { font-size: 2.4em; font-weight: bold; text-align: center; color: #000000; }
		    .date .month { font-size: 1.0em; font-weight: bold; text-align: center; text-transform: uppercase; margin-top: 0px; background-color: #cc3333; }
		    
		 #content .date { border: solid 1px #cc3333; }

	
	.viewall { color: #ffffff; font-weight: bold; text-transform: uppercase; text-decoration: none !important; float: right; clear: none;  }
	.breaker { clear: both; }			
	
	/*************************************
        Vertical Menu Styles 
    *************************************/
    .navigation { z-index: 500 !important; }
    .navigation ul {margin:0px; padding:0px;  z-index: 501 !important; }
    .navigation li {list-style: none;  z-index: 502 !important; } 

    ul.top-level { }
        ul.top-level li {
    }

    .navigation a {  z-index: 503 !important;  }
    .navigation a.parent-item { background-image: url(../images/mnuArrow.gif); background-repeat: no-repeat; background-position: 190px center }
    
    .navigation a:hover{
        text-decoration:underline;
    }

    .navigation li:hover {
         /* background: #f90; */
         position: relative;
          z-index: 505 !important; 
    }
    
    ul.sub-level {
     display: none;
    }

    li:hover .sub-level {
        background: #fff;
        border: dotted 1px silver;
        border-left: solid 0px #ffffff;
        display: block;
        position: absolute;
        left: 200px;
        top: -1px;
        z-index: 1000 !important;
    }
    
    .sub-level li:last-child a { border-bottom: solid 0px #ffffff !important;  }
    
    ul.sub-level li {
        border: none;
        float:left;
        width:200px;
    }
	    
   /*Seconda Level*/
    .navigation .sub-level {
        background: #ececec;
         z-index: 507 !important; 
    }

    /*Third Level*/
    .navigation .sub-level .sub-level {
        background: #09C;
    }
    
    /*RESET STYLES*/
    li:hover .sub-level .sub-level {
	    display:none;
    }
    .sub-level li:hover .sub-level {
	    display:block;
}

.socialButtons { clear: both; margin-top: 10px; }

/***************************************************
    QUICK SEARCH RESULTS SETUP
**************************************************/

