/* Main Stylesheet for myFreedomSigns.com */

/********** general styles pertaining to HTML tags **********/
@media all
{
    h1, h2 {
	    color: #009900;
	    font-family: sans-serif;
	    margin: 0;
	    text-align: center;
    }
    
    h3, h4
    {
	    color: #009900;
	    font-family: sans-serif;
	    margin: 0;
	    text-align: left;
    }

    p {
	    font-family: "Times New Roman", Times, serif;
	    font-size: 12pt;
    }

    hr {
	    color: #009900;
	    width: 700px;
	    margin: 0 0 0 50px;
    }

    fieldset {
	    margin: 10px 0 0;
    }

    legend {
	    color: #009900;
	    font-family: Arial, Helvetica, sans-serif;
	    font-size: 90%;
    }
    
    img
    {
        border: none;
    }
    
    .bigger
    {
        font-size:20pt;
        font-weight: bold;
        color: #3333CC;
        vertical-align: middle;
        line-height: 20px;
        text-decoration: none;
    }

    /********** Specialized IDs and classes to customize pages **********/
    .leftAlign {
	    width: 325px;
	    text-align: left;
	    float: left;
	    clear: both;
    }

    .rightAlign {
	    text-align: left;
	    float: right;
	    width: 325px;
    }

    #copyright 
    {
        font-family: Arial, Helvetica, Sans-Serif;
        font-size: 8pt;
        color: #009900;
        text-align: center;
        clear: both;
    }
    
    #copyright a
    {
        text-decoration:none;
        color:#009900;
    }

    #mainContent img
    {
        text-align: left;
        padding: 0 10px 0 0;
        float: left;
    }
    
    #mainContent .map
    {
        float:right;
    }
    
    #mainContent .coupon
    {
        margin: 10px 0 0;
    }
    
    #mainContent .tradeshow
    {
        font-family: Verdana, Arial, Helvetica, sans-serif;
        color: #666666;
        font-size: 9pt;
    }
}

@media screen
{
    body {
	    background-color: #C0C0FF;
	    margin: 0;
	    padding: 0;
    }

    #bodyContainer {
	    width: 1014px;
	    left: 50%;
	    margin: 0 0 0 -507px;
	    position: absolute;
	    background-image: url(../../images/FreedomSigns_bannerBackground.gif);
	    background-repeat: no-repeat;
        background-color: #EAF0F5;
	    height: auto;
	    border: solid 1px #009900;
    }
    #navigation 
    {
        margin: 12px 0 0 0;
    }
    
    .adjustedZIndex
    {
    	z-index:10;
    }

    #mainContent 
    {
	    width: 950px;
	    margin: 20px 0 0 20px;
	    padding: 0 20px 0 10px;
	    height: auto;
    }

    #mainContent marquee 
    {
        font-family: Verdana, Sans-Serif;
        font-size: 14pt;
        font-weight: bold;
        color: #3333CC;
        width: 500px;
        height: auto;
        margin: 0 0 0 225px;
    }
    
    #mainContent .coupon img
    {
        text-align: center;
    }
    
    /*#mainContent .gallerycontainer
    {
        position: relative;
        width: 900px;
    }
    
    #mainContent .galleryList
    {
        float: left;
        width: auto;
        margin: 0 0 0 -28px;
        color: Black;
    }
    
    #mainContent .gallery
    {
        margin: -10px 0 0 240px;
        width: 500px;
    }*/
    
    #mainContent .box 
    {
        width: 225px;
        height: 225px;
        margin: 2px 5px;
        float: left;
    }
    
    #mainContent .important
    {
    	color: Red;
    	font-size: 14pt;
    	font-weight: bold;
    }
    
    #mainContent .shareBox
    {
        /*float: right;
        margin: -30px 0 0 800px;
        position: absolute;
        margin: -25px 0 0 0;*/
        float: left;
        top: 180px;
        left:30px;
        position: absolute;
    }
    
    #mainContent .collapsePanelHeader
    {
        width: 115px;
        height: 20px;
        color: Gray;
        cursor: pointer;
        font-family:Courier New;
        font-size: 11px;
    }
    
    #mainContent .collapsePanel
    {
        width: 115px;
        height: 0px;
        overflow:hidden;
        background-color: White;
    }
    
    #mainContent .collapsePanel .shareText
    {
        vertical-align: bottom;
        height: 20px;
    }
    
    #mainContent .collapsePanel .shareText a
    {
        text-decoration: none;
        font-family: Arial;
        font-size:11px;
        font-weight: bold;
        color: Navy;
        text-align: left;
    }
    
    #mainContent .collapsePanel img
    {
        padding: 0;
        margin: 0;
    }
    
    #mainContent .modPopup
    {
    	background-color: Gray;
    	filter:alpha(opacity=80);
    	opacity:0.80;
    }

    #footer {
	    clear: both;
	    text-align: center;
	    border-bottom: 1px solid #009900;
	    border-top: 1px solid #009900;
	    width: 100%;
	    margin: 5px 0 0;
    }

    #footer ul {
	    margin: 0;
    }

    #footer ul li {
	    list-style: none;
	    display: inline;
    }

    #footer ul li a {
	    font-family: Arial, Helvetica, sans-serif;
	    font-size: 9pt;
	    color: #009900;
	    padding: 0 5px;
    }
}

@media print
{
    #bodyContainer {
	    width: 900px;
	    margin: 0 0 0 -125px;
    }
    
    #navigation
    {
        display: none;
    }
    
    #banner
    {
        display: none;
    }
    
    .breadcrumbs
    {
        display: none;
    }

    #mainContent {
	    width: 650px;
	    margin: 0 0 0 125px;
	    padding: 0 20px 0 10px;
    }
    
    #mainContent marquee
    {
        display: none;
    }
    
    #mainContent .coupon img
    {
        width: 100%;
        height: 100%;
        clear:both;
        float:none;
    }
    
    #mainContent .Message
    {
        display: none;
    }
    
    #footer
    {
        display: none;
    }
}