/* DEFAULT STYLES */
body
{
    font-family: Tahoma;
    font-size: 10pt;
    margin: 0px 0px 0px 0px;
}
p.alignright
{
    text-align: center;
}
address
{
    font-style: normal;
}
br
{
    clear: both;
}
p
{
    width: 100%;
}
/* Header */
#header
{
    width: 100%;
    background-color: #C11B17;
    background-image: url(  '../images/nav_img.jpg' );
    overflow: hidden;
    border: none;
    margin: 0px;
    padding: 5px 0 5px 0;
    height: 20px;
}
#header ul
{
    list-style: none;
    margin: 0;
    padding-left: 10px;
}
#header a
{
    color: white;
    margin: 0 5px;
    width: 110px;
}

#header a:hover
{
    color: #191A1B;
    width: 110px;
}
#header li
{
}

#headerleft
{
    margin-left: 20px;
    float: left;
    width: 50%;
    color: white;
}
#headerleft a
{
    text-decoration: none;
}


#headerright
{
    float: right;
    vertical-align: top;
    margin-right: 20px;
    padding-right: 5px;
}

#logo
{
    /*background-image: url( '../images/ATIHeaderBG.jpg' );soldierscircuited1*/
    background-image: url( '../images/ATISoldiers.jpg' );
    background-position: center;
    background-repeat: repeat;
    height: 113px;
}


/* Navigation */
div#nav-cont
{
    background-image: url(  '../images/nav_img.jpg' );
    width: 900px;
}
/* Root = Horizontal, Secondary = Vertical */
ul.mainmenu
{
    background-image: url(  '../images/nav_img.jpg' );
    margin-left: 10px; /*margin-right: 20px;*/
    margin-top: 0;
    margin-bottom: 0;
    list-style: none;
    height: 26px;
}
ul.mainmenu li
{
    margin: 0 5px 0 0;
    border: 0 none; /*padding: 1 em 0 0 0;*/
    float: left; /*For Gecko*/
    display: inline;
    list-style: none;
    position: relative;
    height: 24px;
    width: 140px;
    padding: 5px;
}
/* SUBMENUS */
ul.mainmenu ul
{
    margin: 0;
    border: solid 1px #111111;
    padding: 0;
    width: 150px;
    list-style: none;
    display: none;
    position: absolute;
    top: 24px;
    left: 0;
    height: 12px;
    background-color: #B40404;
    color: White;     
}
ul.mainmenu ul:after
{
    clear: both;
    display: block;
    font: 1px/0px serif;
    content: ".";
    height: 12px;
    visibility: hidden;
}
ul.mainmenu ul li
{
    width: 150px;
    float: left; /*For IE 7 lack of compliance*/
    display: block !important;
    display: inline; /*For IE*/ 
    background-color: #B40404;
    color: white;
    text-decoration: none;
    height: 12px;
    display: inline-block;
}
ul.mainmenu ul li a
{
    text-decoration: none;
    font-size: 10px;
    color: white;
    width: 150px; /*height: 12px;*/
}
ul.mainmenu ul li:after 
{
     content: ".";
     display: block;
     height: 0;
     clear: both;
     visibility: hidden;
}



/* Root Menu */
ul.mainmenu a.mainmenu
{
    background-image: url(  '../images/arrow-below.gif' );
    background-repeat: no-repeat;
    background-position: left;
    padding: 0 15px !important;
    margin: 0 5px !important;
    float: none !important; /*For Opera*/
    float: left; /*For IE*/
    display: block;
    text-decoration: none;
    height: auto !important;
    height: 1%; /*For IE*/
    color: white;
}
ul.mainmenu a
{
    padding: 0 0;
    float: none;
    float: left;
    display: block;
    text-decoration: none;
    height: 12px;
    width: 120px;
}
a.mainmenu:hover
{
    font-weight: bold;
    background: none !important;
    background-image: url(  '../images/arrow-over.gif' ) !important;
    background-position: left !important;
    background-repeat: no-repeat !important;
}
/* Root Menu Hover Persistence */
ul.mainmenu ul a:hover
{
    /*background: #bdc1c5;*/
    color: black;
    width: 140px;
    height: 12px;
}
/* 2nd Menu */
ul.mainmenu li.iehover li a
{
    float: none;
}
ul.mainmenu li:hover li a
{
    float: none;
}
ul.mainmenu ul ul
{
    display: none;
    position: absolute;
    top: 0;
    left: 100px;
}
/* Do Not Move - Must Come Before display:block for Gecko */
ul.mainmenu li.iehover ul ul
{
    display: none;
}
ul.mainmenu li:hover ul ul
{
    display: none;
}
ul.mainmenu ul li:hover ul
{
    display: block;
}
ul.mainmenu li:hover ul
{
    display: block;
}
ul.mainmenu ul li.iehover ul
{
    display: block;
}
ul.mainmenu li.iehover ul
{
    display: block;
}
a.persistHover
{
    background: #CCC;
    color: #FFF;
}
li.persistHover
{
    background: #CCC;
    color: #FFF;
}

/* End CSS Drop Down Menu */
#footer
{
    margin-top: 5px;
    text-align: center;
    font-size: 12px;
    color: #6e6e6e; /*bdc1c5;*/
}
#footer span
{
    width: 100px;
}

#footer > a
{
    font-size: 12pt;
    text-decoration: none;
    color: rgb(51,102,255);
}
#footer table
{
    background-color: #e6e6e6;
    width: 100%;
}

#footer div
{
    vertical-align: middle;
}

#frontpage #left
{
    width: 220px;
    float: left;
}
#frontpage #middle
{
    border-right: thin gray dotted;
    border-left: thin gray dotted;
}
#frontpage #right
{
    width: 220px;
    float: right;
}
#frontpage h3
{
    border-bottom: medium black solid;
}
#frontpage td
{
    padding: 5px;
}
/* Content Pages */
#content
{
    width: 900px;
    margin-left: 0%;
    width: 60%;
}
#content p
{
    width: 900px;
}
#left-panel
{
    border-style: solid;
    border-width: thin;
    border-color: #d9d9d9;
    font-size: 8pt;
    margin-left: 1%;
    width: 22%;
}

#right-panel
{
    width: 19%;
}


div.left-panel a
{
    font-size: 8pt;
}


div.left-panel span
{
    font-size: 8pt;
}


div.left-panel td
{
    font-size: 8pt;
}


div.left-panel li
{
    font-size: 8pt;
}
div.left-panel-title
{
    background-color: #9a9ca0;
    color: #ffffff;
    font-size: 10pt;
    font-weight: bold;
    text-align: center;
}
div.left-panel:after
{
    clear: both;
}

div.section_title
{
    font-weight: bold;
    font-size: 14pt; /*color: #d73535;background-image: url( '../images/nav_img.jpg' );*/
    margin-top: 1em;
    margin-bottom: 1em;
    font-family: Tahoma;
    background-color: #B40404;
    color: white;
    vertical-align: top;
    padding: 0 0 0 5px;
}
div.title
{
    font-size: 11pt;
    font-weight: bold;
    margin-top: 1em;
    margin-bottom: 1em;
    font-family: Tahoma;
}

em
{
    font-weight: bold;
    font-style: normal;
}
.arial10
{
    font-family: arial;
    font-size: 10pt;
}
span.tooltip
{
    color: rgb(51,102,255);
    border-style: dotted;
    border-width: 0px;
    border-bottom-width: 1px;
    border-color: rgb(51,102,255);
}
span.tooltip:hover
{
    color: #FF0000;
    border-color: #FF0000;
}
div.tt
{
    text-align: justify;
    font-size: 11px;
}

.border_medium_double
{
    border-bottom: double;
    border-left: double;
    border-top: double;
    border-right: double;
}