/* ------------------------------------------------------------------------- */
/* -- General -------------------------------------------------------------- */
/* ------------------------------------------------------------------------- */

html
{
    -webkit-font-smoothing: antialiased;
    font-family: 
        Arial,
        Verdana,
        "Lucida Sans Unicode",
        "Lucida Grande",
        "URW Gothic L",
        "Nimbus Sans L",
        sans-serif;
}

body
{
    margin: 0px;
    padding: 0px;
    font-size: 14/18px;
    color: #CC9900;
    background-color: #990000;
    background: url(../Assets/Black_to_Red_to_Black_gradient.jpg) repeat;
    
}


a, a:link, a:visited
{
    text-decoration: none;
}

a:active, a:focus, a:hover
{
    text-decoration: underline;
}

a:link, a:visited
{
    color: #FFFF99;
}

a:active, a:focus, a:hover
{
    color: White;
}

img 
{
    border-style: none;
}

.ErrorMessageText
{
    color: Red;
}

/* ------------------------------------------------------------------------- */
/* -- Containers Within Page ---------------------------------------------- */
/* ------------------------------------------------------------------------- */

.DefaultContainer
{
    text-align: left;
    vertical-align: top;
    padding: 0px;
    margin: 0px;
    width: 100%;
    
}

.DefaultContainer:after /* fix needed to stretch container when using floating divs */
{
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.PageContainer
{
    width: 1000px;
    min-height: 600px;
    margin: 15px auto auto auto;
    background: url(../Assets/BlackBar_200x2.jpg) repeat-y;
}

.PageContainer:after /* fix needed to stretch container when using floating divs */
{
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.MenuContainer{}

.ContentContainer{}

.FooterContainer{
    background-color: Black;
    width: 1000px;
    margin: 0 auto 0 auto;
    font-size: smaller;
}


    
/* ------------------------------------------------------------------------- */
/* -- Zones Within Containers ---------------------------------------------- */
/* ------------------------------------------------------------------------- */

.DefaultZone
{
    float: left;
    padding: 0px;
    margin: 0px;
}

.HeaderZone{}

.SectionZone
{
    width: 200px; 
    background-color: Black;
}

.ArticleZone
{
    width: 800px;    
    /*background-color: #330000;*/
    float: right;   
}

.FooterZone{}

    
/* ------------------------------------------------------------------------- */
/* -- Areas Within Containers ---------------------------------------------- */
/* ------------------------------------------------------------------------- */

.DefaultArea {}

.HeaderArea {}

.SectionArea 
{
    /*min-height: 600px;*/
    /*background-color: Yellow;*/
}

.ArticleArea 
{
    min-height: 450px;
    /*background-color: Green;*/
}

.AdvertisementArea 
{
    width: 200px;
} 

.FooterArea
{
    width: 1000px;
    margin: 5px auto 5px auto;
    /*background-color: Black;*/

}

/* ------------------------------------------------------------------------- */
/* -- Media Within Zones --------------------------------------------------- */
/* ------------------------------------------------------------------------- */

.DefaultMedia{}

.ArticleMedia{}

.SectionMedia{}

.AdvertMedia 
{
    text-align: center;
    vertical-align: middle;
}


/* ------------------------------------------------------------------------- */
/* -- Titles Within Areas -------------------------------------------------- */
/* ------------------------------------------------------------------------- */

.DefaultTitle
{
    z-index: 2;
    margin: 0px;
    padding: 0px;
    left: 0px;
    min-height: 1px;
    font-size: medium;
    font-weight: bold;
    vertical-align: middle;
    text-align: center;
    border: None thin Transparent;
    border-bottom: None thin #CCFFFF;
}

.SectionTitle, .SectionTitle a
{
    color: #FFFF66;
    font-weight: bold;
    text-align: center;
    background-color: Black;
    position: relative;
    /*top: -2px;*/
    width: 200px;
    left: 0; /*5px;*/
    padding-left: 0; /*10px;*/
    /*font-size: small;*/
    
    font-size: larger;
    text-transform: none;
    letter-spacing: 1.0px;
    
   /* border: solid thin Transparent;
    border-bottom: solid thin #CCFFFF;*/

}

.ArticleTitle
{
    color: #FFCC33;
    text-align: Left;
    font-size: x-large;
}

.AdvertTitle, .AdvertTitle a
{
    display: block;
    color: #FFFF66;
    background-color: Black;
    vertical-align: middle;
    font-size: small;
    font-weight: bold;
    text-align: center;
    text-transform: none;
    padding: 5px 0 0 0;
    width: 200px;
}

a.ArticleLink 
{
    /*color: Black;*/
    /*font-size: small;*/
    font-weight: bold;
}



/* ------------------------------------------------------------------------- */
/* -- Text Within Areas ---------------------------------------------------- */
/* ------------------------------------------------------------------------- */

.DefaultText 
{
    padding: 0px;
    margin: 0px;
    font-weight: normal;
    vertical-align: top;
    z-index: 2;
}

.ArticleText
{
  padding: 20px;
  background-color: Transparent;
  width: 780px;
  /*min-height: 400px;*/
  vertical-align: top;
}



.SectionText
{
    padding:  10px 10px 10px 10px;
    /*background: url(../Assets/AAAAAA_to_CCCCCC_gradient.jpg) repeat-x;*/
    /*position: relative;
    top: -16px;*/
    background-color: Black;
}

.AdvertText
{
    margin:  0px 0px 0px 0px;
}

.ArticleTeaserText
{
    /*font-size: smaller;*/
    color: #CC9900;
}

.FooterLeftText
{
    width: 47%;
    float: left;
}

.FooterRightText
{
    width: 47%;
    text-align: right;
    float: right;
}


/* ------------------------------------------------------------------------- */
/* -- Advertisements and Banners ------------------------------------------- */
/* ------------------------------------------------------------------------- */

.DefaultBanner 
{
    text-align: center;
    vertical-align: middle;
    margin: 0;
    padding: 0;
}

.VerticalBanner 
{
}

.HorizontalBanner
{
}



/* ------------------------------------------------------------------------- */
/* -- Menus ---------------------------------------------------------------- */
/* ------------------------------------------------------------------------- */


.DefaultMenu {
    background-color: Black;
    font-size: small;
    overflow: hidden;
    width: 1000px;
}

.PrimaryMenu
{
    color: #CCFF33;
    text-align: Left;
    float: right;
    vertical-align: top;
    margin: 0;
    padding: 0;
}

.SecondaryMenu
{
    color: #CCFF33;
    text-align: right;
    margin: 0 5px 0 0;
    vertical-align: middle;
}

.MainMenuContainer
{
    width: 800px;
    height: 150px;
    float:left;
}

    

#MainMenu
{
    padding: 0;
    margin: 0;
    overflow: hidden;
    list-style: none;
    background-color: Black;
    border-style: none;
    vertical-align: middle;
    text-align: right;
    height: 150px;
}

span.MainMenuLinks
{
    display: block;
    position: relative;
    top: -25px;
    left: 0px;
    z-index: 999; 
    margin-left: 5px;
    padding-left: 10px;
    color: #FFFF66;
    background-color: Transparent;
    vertical-align: middle;
    text-align: left;
    font-size: larger;
    font-weight: bold;
    text-transform: none;
    letter-spacing: 1.0px;
}

span.MainMenuLinks a:link, span.MainMenuLinks a:visited
{
    color: #FFFF66;
}

span.MainMenuLinks a:hover 
{
    color: #FFFF66;
    text-decoration: underline;
}

.MenuImage
{
    display: none;
}

.LogoContainer
{
    float: left;
    width: 200px;
    height: 150px;
    overflow: hidden;
    
}    
    
/* ------------------------------------------------------------------------- */
/* -- Definitions For Within Articles -------------------------------------- */
/* ------------------------------------------------------------------------- */

.ArticleText p strong, .ArticleText p b, .ArticleText li strong
{
    font-weight: bold;
}

.ArticleText pre
{
    font-family: Courier New, Courier, sans-serif;
}

.ArticleText h1
{
    font-size: 125%;
    font-weight: bold;
    color: #FFCC33;
}
.ArticleText h2
{
    font-size: 110%;
    font-weight: Bolder;
    color: #FFCC33;
}
.ArticleText h3
{
    font-size: 100%;
    /*font-weight: bolder;*/
    font-style: italic;
    color: #FFCC33;
}
.ArticleText h4
{
    font-size: 95%;
    /*font-weight: Bolder;*/
    font-style: italic;
    color: #FFCC33;
}
.ArticleText h5
{
    font-size: 90%;
    font-weight: lighter;
}
.ArticleText h6
{
    font-size: 80%;
    font-weight: lighter;
    font-style: italic;
}

.TextSize_Huge
{
    font-size: 24px;
}
.TextSize_Large
{
    font-size: 18px;
}
.TextSize_Normal
{
    font-size: 12px;
}
.TextSize_Small
{
    font-size: 10px;
}
.TextSize_Tiny
{
    font-size: 9px;
}


.ArticleText p, .ArticleText ol li, .ArticleText ul li
{
    color: inherit;
    font-weight: inherit;  
}

.ArticleText ul li 
{
    list-style-image: url(../Assets/Bullet-FFCC33.gif);
}
    
/*
.ArticleText a, .ArticleText p a
{
   color: Blue; 
}

.ArticleText a:hover, .ArticleText p a:hover
{
    text-decoration: underline;
}
*/
.AdvertTitle a
{
    color: #FFFF66;
    background-color: Black;
    vertical-align: middle;
    font-size: small;
    text-align: center;
    font-weight: bold;
    text-decoration: none;
}

.AdvertTitle a:hover
{
    color: White;
    text-decoration: underline;
}

.FooterArea
{
    color: #999999;
    text-decoration: none;
}

.FooterArea a, .FooterLeftText a, .FooterRightText a

{
    color: Yellow;
    /*text-decoration: none;*/
}

.FooterArea a:hover 
{
    /*text-decoration: underline;*/
}




#Promotion1
{
    background-image: url(../Assets/buzzed_driving_amber.jpg);
}
#Promotion1:hover
{
    background-image: url(../Assets/buzzed_driving_white.jpg);
}

#Promotion2
{
    background-image: url(../Documents/ABCs_tall_amber.jpg);
}
#Promotion2:hover
{
    background-image: url(../Documents/ABCs_tall_white.jpg);
}

.NotShown {
    display : none;
    visibility : hidden;
}

.Invisible {
    visibility : hidden;
}

.Visible {
    visibility : visible;
}