@charset "UTF-8";
/* CSS Document */

body{
background-color:#555;
margin:0px;
padding:0px;
color:#fff;
text-align:center;
font-size:12px;
font-family:Arial, Helvetica, sans-serif;
letter-spacing:0.02em;
}

/* remember to define focus styles! */
a:focus {
outline: none;
}

h1{
font-size:22px;
margin-top:0px;
}

h2{
font-size:18px;
margin-top:0px;
}

p{
font-size:12px;
line-height:16px;
}

a, a:visited{
color:#d4a83f;
}

a:hover, a:visited:hover{
color:#fff;
}

/* CONTAINER DIV
========================================================================= */

#global{
display:block;
position:relative;
text-align:left;
width:900px;
height:672px;
margin-left:auto;
margin-right:auto;
background-color:#13214a;
background-image:url(images/gradient_bkg.jpg);
background-position:0px 120px;
background-repeat:repeat-x;
/*
border-color:#66c;
border-style:solid;
border-width:1px;
*/
}

/* MASTHEAD ELEMENTS
========================================================================= */

#masthead{
display:block;
position:absolute;
left:0px;
top:0px;
width:900px;
height:70px;
background-color:#07122c;
border-bottom-color:#1d2b57;
border-bottom-style:solid;
border-bottom-width:1px;
background-image:url(images/masthead_bkg.jpg);
background-position:top left;
background-repeat:repeat-x;
}

#siteLogo{
position:absolute;
display:block;
text-indent:-9999px;
width:360px;
height:50px;
top:12px;
left:14px;
background-image:url(images/nltvLogo.gif);
background-position:top left;
background-repeat:no-repeat;
border:none;
}

#sasLogo{
position:absolute;
width:131px;
height:55px;
top:9px;
right:20px;
border:none;
}

/* VIDEO COLUMN ELEMENTS
========================================================================= */

#videoColumn{
position:absolute;
top:72px;
left:0px;
width:534px;
height:581px;
padding-top:20px;
padding-left:18px;
padding-right:18px;
line-height:16px;
}

#movie{
margin-bottom:15px;
width:534px;
height:324px;
display:block;
cursor:pointer !important;
}

/* NAVIGATION COLUMN ELEMENTS
========================================================================= */

#navigationColumn{
position:absolute;
top:71px;
right:0px;
width:326px;
height:581px;
padding-top:20px;
padding-left:0px;
padding-right:0px;
overflow-y:auto;
overflow-x:hidden;
background-color:#1d2b57;
display:block;
border-left-color:#142148;
border-left-width:1px;
border-left-style:solid;
}

#addThisSpace{
position:absolute;
bottom:0px;
left:0px;
z-index:50;
display:block;
width:306px;
height:auto;
padding-top:5px;
padding-bottom:4px;
padding-left:20px;
background-color:#0b1843;
color:#000000;
border-top-color:#1d2b57;
border-top-style:solid;
border-top-width:1px;
}

#at15s_head{ /* addThis style */
position:relative;
background-color:#f2f2f2;
background-image:none;
background-repeat:repeat;
background-attachment:scroll;
background-position:0% 0%;
padding-top:4px;
padding-right:4px;
padding-bottom:4px;
padding-left:4px;
cursor:default;
border-bottom-width:1px;
border-bottom-style:solid;
border-bottom-color:#e5e5e5;
color:#000 !important;
}

/* CHANNEL NAVIGATION ELEMENTS
=============================================================================================== */

.channelNavigation_table {
width:326px;
margin:0px;
}

.channelNavigation_table tr td {
padding:0px;
}

.channelNavigation_table th a,
.channelNavigation_table th a:visited{
display:block;
color:#ebf4fc;
clear:none;
width:auto;
cursor:pointer;
border-bottom-width:1px;
border-bottom-color:#193b61;
border-bottom-style:solid;
padding-left:20px;
padding-top:7px;
padding-bottom:7px;
padding-right:3px;
font-weight:bold;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
letter-spacing:0.02em;
text-decoration:none;
}

.channelNavigation_table th a:hover,
.channelNavigation_table th a:visited:hover{
display:block;
color:#fff;
clear:none;
width:auto;
cursor:pointer;
border-bottom-width:1px;
border-bottom-color:#193b61;
border-bottom-style:solid;
padding-left:20px;
padding-top:7px;
padding-bottom:7px;
padding-right:3px;
font-weight:bold;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
letter-spacing:0.02em;
text-decoration:none;
background-color:#2a70a4;
}

.channelNavigation_table th.selected a,
.channelNavigation_table th.selected a:hover{
display:block;
color:#000;
clear:none;
width:auto;
cursor:pointer;
border-bottom-width:1px;
border-bottom-color:#f8cd65;
border-bottom-style:solid;
padding-left:20px;
padding-top:7px;
padding-bottom:7px;
padding-right:3px;
font-weight:bold;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
letter-spacing:0.02em;
text-decoration:none;
background-color:#ce9c23;
background-image:url(images/channelPointer.gif);
background-position:314px 0px;
background-repeat:no-repeat;
cursor:default;
}

/* FOOTER ELEMENTS
========================================================================= */

#pageFooter{
position:relative;
bottom:0px;
height:28px;
width:900px;
margin-left:auto;
margin-right:auto;
text-align:left;
display:block;
background-color:#0b1843;
border-top-color:#1d2b57;
border-top-style:solid;
border-top-width:1px;
}

.footLink{
position:relative;
margin-left:14px;
margin-right:30px;
top:7px;
color:#b7bfcc;
font-size:11px;
}

a.footLink,
a.footLink:visited{
text-decoration:none;
color:#b7bfcc;
}

a.footLink:hover,
a.footLink:visited:hover{
text-decoration:underline;
color:#d4a83f;
}

#EFXTVPlug{
position:absolute;
right:14px;
top:4px;
border:none;
}














#clearnone{
margin:0px;
clear:both;
display:block;
width:100%;
}



/* MEDIA LIST ELEMENTS
=============================================================================================== */

#mediaList {
position:relative;
margin-top:25px;
height:125px;
width:534px;
overflow-x:hidden;
overflow-y:auto;
white-space:normal;
border-bottom-color:#193b61;
border-bottom-style:solid;
border-bottom-width:1px;
}

#mediaList .scroll div {
margin-right:10px;
border:none;
width:90px;
display:inline-block;
text-align:left;
vertical-align:top;
margin-bottom:5px;
/* NOTE: IE6 & 7 doesn't support the inline-block display attribute, 
   so a float hack was assigned to the thumbnail divs. */
*float:left;
*clear:none;
}

#mediaList .scroll{
width:534px;
/* IE doesn't support the nowrap on divs, so here we define the width 
   of the "scroll" div for just IE. This assures a scrolling area.
   The width must be increased or decreased by hand. The initial width
   of 700px was set to handle 5 thumbs within the mediapod's Media channel.
   Since the site is based on a template, other channels with less media 
   will still scroll. */
}

#mediaList img {
margin: 0px 0px 5px 0px;
background-color:#222c3d;
border-style:solid;
border-width:1px;
border-color:#888;
width:90px;
height:60px;
display:block;
*margin-bottom:-1px;
}

#mediaList p {
font-size: 1px;
display:block;
height:1px;
visibility:hidden;
overflow:hidden;
margin-top: 0px;
line-height:140%;
width:100px;
}

#mediaList h2 {
clear:none;
font-weight:normal;
width:86px;
height:27px;
line-height:14px;
white-space:normal;
display:block;
overflow:hidden;
text-align:left;
font-size:9px;
padding-right:2px;
padding-left:2px;
}

#mediaList h2 a:link {
color:#fff;
font-size:10px;
text-decoration:none;
width:110px;
font-weight:normal;
}

#mediaList h2 a:hover {
color: #fff;
font-size: 10px;
text-decoration:underline;
width:110px;
font-weight:normal;
}

#mediaList h2 a:visited {
color:#fff;
font-size: 10px;
text-decoration:none;
width:110px;
font-weight:normal;
}

#mediaList h2 a:visited:hover {
color:#fff;
font-size: 10px;
text-decoration:underline;
width:110px;
font-weight:normal;
}

/* DOWNLOAD ICON STYLE
========================================================================================== */

.powerPoint{
position:relative;
background-image:url(http://www.navyleaguetv.org/images/powerPointLogo.gif);
background-position:0px 0px;
background-repeat:no-repeat;
padding-top:5px;
padding-bottom:4px;
padding-left:32px;
display:block;
margin-bottom:3px;
}

.pdfIcon{
position:relative;
background-image:url(http://www.navyleaguetv.org/images/pdfLogo.gif);
background-position:0px 0px;
background-repeat:no-repeat;
padding-top:5px;
padding-bottom:4px;
padding-left:32px;
display:block;
margin-bottom:3px;
}