﻿    *                   {border: solid 0px black; font-family: verdana, Arial, Sans-serif; font-size: 12px; color: black; }
    body                {background: #ffffff url(images/5Star_Background.jpg) repeat-y 50% 0; background-attachment: fixed; margin: 0; padding: 0;}

    .wrapper_outer      {text-align: left; width: 960px; margin: 0 auto; border: 0px black solid; padding: 10px 0 0px 0px;}
    #_mainContentBox     {text-align: left;  width: 660px; padding: 0 0px 0 0px; margin: 0 auto; background: transparent;	border: solid 0px #aeb0b7; float: left;
        background-image: url(images/5star_map2.jpg); background-repeat: repeat; }
    #mainContentBox    {text-align: left;  width: 760px; padding: 0 0px 0 0px; margin: 0 auto; background: transparent;	border: solid 0px #aeb0b7;}
    .wrapper_inner      {float: left;       width: 190px; background: white; color: yellow;} 

    #contentArea    {background-image: url(images/5star_map2.jpg); background-repeat: repeat; top: 0px; left: 0px; width: 100%;}
    .column_left    {float: left; width: 195px; background: transparent;}   
    .column_center  {background: white; width: 650px; float: left; padding: 0px; font-size: 10px; color: black;}    
    .column_right   {float: right; width: 100px; background: white; border-left: solid 0px #C7D6B5; margin: 0px;} 
    
    #header_banner      {height: 230px; background-image: url(images/5StarBanner.jpg); background-repeat: no-repeat; padding: 0; z-index: 50;}
    #sideNavigationDiv  {float: left; width: 200px; background: transparent; color: white; padding: 130px 15px 0px 15px;} 
    #TopNavigationDiv   {text-align: right; float: right; width: 200px; background: transparent; color: white; margin: 0px 0px 0px 315px;} 
    
    h1          {background-color: transparent; color: #49413E; font-size: 30px; font-weight: 300; text-align: center; padding: 10px 0 0px 0;
        height: 40px; vertical-align:middle;}
    
    h1.USA      {background-image: url(images/5Star_h1_USA.gif); background-repeat: no-repeat; }
    
    h2 {background: transparent; color: black; font-size: 20px; font-weight: 200; }
    h3 {color: gray;margin: 5px 15px 5px 30px;font-size: 12pt;width: 200px;letter-spacing: 9px; display: block; background : transportation;
        vertical-align: baseline; border-bottom: gray thin solid;text-transform: uppercase;
        font-variant: small-caps;font-family: Georgia, verdana, Arial, Sans-serif;}

    #HotMap     {color: red;letter-spacing: 1px;margin: 0px 0px 0px 10px;clear:both;
        border: solid 0px white;background-color: transparent; float: left; position: relative; left: -20px; top: 200px; z-index: 999;
       background-image: url(images/5Star_h1_USA.gif); background-repeat: repeat-y; height: 200px; width: 300px;
                }

    img.portrait    {padding: 0 20px 0 0px;float: left;}
    
    img.floatleft   {margin: 5px; float: left;}
    img.floatright  {margin: 5px -50px 5px 5px; float: right; overflow: scroll; }
    img.floatright2 {margin: 5px; float: right; position: absolute;}
    
    zcursor: url(images/AimingReticule.gif);
    cursor: pointer;
    
    /*
    Allows stacking three images:
    <div class="image1"><div class="image2"><div class="image3"></div></div></div> 
    */
    
    .image1  {height: 510px; width: 660px; background-image: url(images/5Star_Frame2.gif); background-repeat: no-repeat; }
    .image2  {height: 510px; width: 660px; background-image: url(images/5Star_h1_SSI.gif); background-repeat: no-repeat; }
    .image3  {height: 510px; width: 660px; background-image: url(images/5Star_h1_Napoleon.gif); background-repeat: no-repeat; background-position: bottom right; z-index: 999;}
    
    img.normal      {padding: 0px;}
    img.landscape   {margin: 0 0px 0 -100px;float: left;}


    li          {color: #49413E; text-align: left; margin: 0 0 0 0px; }

	
    #contentText    {width: 600px; margin: 0 auto; color: black; text-align: left; line-height: 2em;}
    p  							{font-size: 12px; background: transparent; padding: 0 30px 0 30px; color: black; text-align: justify; line-height: 16px;}
    p.homepage  {width: 500px; font-size: 12px; background: white; padding: 0 30px 0 30px; color: gray; text-align: justify; line-height: 16px;}
    p.leftcolumn  {width: 100px; font-size: 12px; background: blue; padding: 0 0px 0 0px; color: gray; text-align: justify; line-height: 16px;}
    p.rightcolumn {text-align: justify; line-height: 16px; line-height: 2em;}

    p.footnote  {margin: 15px; color: #081F7C; font-size: 10px;}
    p.footer    {font-size: 12px; background: #018FD7; margin: 0px; color: white; text-align: center;}

/*  These started out as different styles and then became the same along the way.   */
    .emphasis       {color: black; text-align: center; font-style: italic; font-weight: bold;}
    .emphasis2      {color: black; text-align: center; font-style: italic; font-weight: bold;}
    .emphasis3      {color: blue; font-weight: bold;}
    .photocaption   {color: brown; font-weight: bold; text-align: center;}
    
    .clear_across   {clear: both; background: transparent; height: 0px; color: white; border-top: solid 0px #C7D6B5; }

    a.bodyLinksBlock        {font-size: 8pt; padding: 0 10px 0 10px;height: 20px;width: 140px;border: solid 0px gray; text-align: center;}
    a.bodyLinksBlock:link   {color: white; background: transparent;}
    a.bodyLinksBlock:visited{color: white; background: transparent;}
    a.bodyLinksBlock:hover  {color: white; background: #0FB14A;}
    a.bodyLinksBlock:active {color: white; background: #0FB14A;}
    
    input       {color: Black; background: #C7D6B5;}
    select      {color: Black; background: #C7D6B5;}
    textarea    {color: Black; background: #C7D6B5;}
    option      {color: Black; background: #C7D6B5;}

    a                   {margin: 0px 0px 0px 0px; }
    a:link              {font-size: 12px; font-weight: 100; letter-spacing: 0px;}
    a:visited, a:hover  {font-size: 12px;  font-weight: 100; text-decoration: dotted; }
    
    a.text                          {margin: 0px 0px 0px 0px; color: blue;font-size: 12px;text-decoration: none; }
    a.text:link                     {text-decoration: none; color: blue; letter-spacing: 0px;}
    a.text:visited, a.text:hover    {text-decoration: dotted; color: blue;}

    p.footer a  {font-size: 12px; color:white;}
    i           {color: gray;}
    a.centered  {text-align: center; font-weight: 100; text-decoration: underline; color: gray; padding: 0 0 4px 0;
        width: 100%; margin: 0 0 4px 0; display: block; border: solid 0px gray; background: transparent;}

    .col0  {border: solid 0px gray;float: left; padding: 2px; text-align: center; color: white; height: 20px; background: #000000;width: 590px; } 
    .col1, .col1b, .col1c, .col2, .col3, .col4, .col5    
           {border-bottom: solid 1px gray;float: left; padding: 2px; text-align: left; height: 70px; background-repeat: no-repeat;}   
    .col2, .col3, .col4     {border-right: dashed 1px gray; }   

    .col1    {width: 120px; background-image: url(images/FRv.png);   background-position:left;}   
    .col1b   {width: 120px; background-image: url(images/FRl.png);   background-position:right;}   
    .col1c   {width: 120px; background-image: url(images/FRtie.png); background-position:center;}   
    .col1d   {width: 590px; height: 100px; text-align: left; background: #000000;}   
    .col2    {width:  50px; background: #F3F3EF;}   
    .col3    {width: 150px; background: #F3F3EF;}   
    .col4    {width: 150px; background: #F3F3EF;}   
    .col5    {width: 100px; background: #F3F3EF;}   

    .thXML    {background: teal;}
    
    .col1bold    {width: 250px; color: blue;  font-weight: bold;background-image: url(images/zFRv.png);   background-position:left;}   
    .col3b       {width: 250px; background: #F3F3EF;}   

.row				{width:960px;}
.textcol		{float:left;margin:0; height:140px; width:630px;background:transparent; padding: 40px;}
.imagecol 	{float: left;height:220px; width:250px; background:transparent;display: block;margin: 0 auto;}
img.gallery {display: block; margin-left:auto;margin-right:auto; }

