﻿/* not tested: need to test all these lines, including in Peter.master.  Also remove style="float: left;" from Search.aspx

/*-----------------------------------------------------------*/
/*  CSS Reset
/*-----------------------------------------------------------*/
    
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
	margin:0;
	padding:0;
}
table {
	border-collapse: separate;  /* not tested - changed from "collapse" */
	border-spacing: 0;
}
fieldset,img { 
	border:0;
}
address,caption,cite,code,dfn,em,strong,th,var {
	font-style:normal;
	font-weight:normal;
}
ol,ul {
	list-style:none;
}
caption,th {
	text-align:left;
}
h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	font-weight:normal;
}
q:before,q:after {
	content:'';
}
abbr,acronym { border:0;
}
 
/* the next two are from http://www.w3.org/TR/CSS2/sample.html - not tested */    
html, body, form, frame, frameset, noframes {
    display: block; 
}

html /* not tested - added */
{
    min-height: 100%; /* forces scroll bars to eliminate page shift - not tested - added */
    margin-bottom: 1px; /* forces scroll bars to eliminate page shift - not tested - added */
    overflow: -moz-scrollbars-vertical;  /* forces scroll bars to eliminate page shift - not tested - added */
}

head {
    display: none;
}    
    
    
/*-----------------------------------------------------------*/
/*  Header
/*-----------------------------------------------------------*/

#header
{   
    font-family: Arial, Helvetica, sans-serif; 
    font-size: 12px; 
    font-weight: bold; 
    font-variant: small-caps;
    margin-bottom: 5px;
}

#login 
{
    float: left; /* displays text above left edge of tablet */
    margin-left: 7px; /* indents text to line up over straight top of tablet */
}

#search 
{
    float: right; /* displays text above right edge of tablet */
    margin-right: 14px; /* indents text from right to line up over straight top of tablet */
    vertical-align: top;
    position: relative; /* not tested - added */
    top: -4px;  /* not tested - added */
}

#search input  /* not tested - added */
{
    padding: 0 2px;  /* not tested - added */
    font-size: 13px; /* not tested - added */
    font-family: Arial, Helvetica, sans-serif; /* not tested - added */
}

#searchtext /* not tested - added */
{
    border: #04359b 1px solid; /* not tested - added */
}
    
/*-----------------------------------------------------------*/
/*  Template
/*-----------------------------------------------------------*/
  
body 
{
    background-color: #CCCC99; /* sets color behind tablet */
    overflow-y: scroll; /* forces scroll bars to eliminate page shift - not tested - added */
}
#wrapper
{ 
    max-width: 960px; /* sets maximum tablet width */
    min-width: 760px; /* sets minimum tablet width */   /* not tested - added */
    _width: 960px; /* sets specific tablet width for ie 6 since ie 6 does not support max-width */
}
#top_border 
{
    background-position: left top;
    background-image: url('../images/expander_top.jpg');
    background-repeat: repeat-x;
    clear: both; /* clears float from header */
    height: 11px; /* sets height for background image */
    _margin-bottom: -8px; /* ie6 fix to remove gap between top_border and rest of tablet */
}
#top_left_corner 
{
    background-image: url('../images/corner_TL.jpg');
    background-repeat: no-repeat;
    width: 18px;
    height: 11px;
    float: left;
}
#top_right_corner 
{
    background-image: url('../images/corner_TR.jpg');
    background-repeat: no-repeat;
    width: 21px;
    height: 11px;
    float: right;
}
#left_container
{
    background-position: left top;
    background-image: url('../images/expander_left.jpg');
    background-repeat: repeat-y;
    zoom: 1;
}
#left_border 
{
    _margin-right: -3px;  /* ie6 fix - left border 3px bug */
    background-image: url('../images/border_left.jpg');
    background-repeat: no-repeat;
    width: 6px; height:496px;
    float: left;
}
#right_container 
{
    margin-left: 6px;
    background-position: right top;
    background-image: url('../images/expander_right.jpg');
    background-repeat: repeat-y;
    zoom: 1;
    _margin-left: 0px; /* ie6 fix - left border 3px bug */
}
#right_border 
{
    _margin-left: -3px;  /* ie6 fix - right border 3px bug */
    background-image: url('../images/border_right.jpg');
    background-repeat: no-repeat;
    width: 12px;
    height: 496px;
    float: right;
}
#page 
{
    margin: 0px 12px 0px 0px;
    background-image: url('../images/expander_center.jpg');
    background-repeat: repeat-x;
    background-color: #FFFFFF;
    zoom: 1;
    _margin-right: 0px;   /* ie6 fix - right border 3px bug */
}         
#sidebar 
{
    float: left;
    width: 135px;
    background-repeat: no-repeat;
    background-image: url('../images/logo.jpg');
    background-position: 3px top;
    padding-right: 1px; /* added to fix ie7 bug - also affects ie8 but is acceptable */
    _margin-right: -3px;  /* ie6 fix for - sidebar 3px bug */
}
#navigation 
{
    background-image: url('../images/line_vertical.png');
    background-repeat: repeat-y;
    background-position: right;
    margin-top: 84px; /* moves vertical line down to align with corner image */
    padding-top: 35px; /* controls height of first navigation button*/
    margin-right: -2px; /* moves line between tabs and content into correct place */
}
#bottom_line 
{
    background-image: url('../images/line_horizontal.png');
    background-repeat: repeat-x;
    background-position: bottom;
    margin-left: 3px;
    margin-right: 24px;
        
}
#lower_corner 
{
    background-image: url('../images/line_lrc.png');
    background-repeat: no-repeat;
    background-position: right;
    height: 26px;
    margin-right: -26px;
    _position: relative; /* ie6 fix */
    _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/line_lrc.png');  /* ie6 fix for alpha transparency */
    _left: expression(parentNode.offsetWidth - offsetWidth + 26 + 'px'); /* ie6 fix - moves corner right into correct position */
}
#top 
{
    margin-left:135px;
    _margin-left: -3px;  /* ie6 fix - sidebar 3px bug */
}
#tabs 
{
    margin-left:155px; 
    height: 32px;
    vertical-align: bottom;
    position: relative;
    top: 10px; /* moves entire tab block down over page */
    _margin-left: -3px;  /* ie6 fix - sidebar 3px bug */
}
#content_wrapper 
{
    margin-left:135px;
    /* *margin-left:136px; /* tagrets IE 6-7 */
    margin-right: 3px;
    background-color: #FFFFFF;
    min-height: 430px; /* ensures page is at least as long as the navigation bar */
    _height: 450px; /* ie6 fix - ensures page is at least as long as the navigation bar */
    margin-top: -2px;
    _margin-left: -3px;  /* ie6 fix - sidebar 3px bug */
}
#top_corner 
{
    background-image: url('../images/line_tlc.png');
    background-repeat: no-repeat;
    width: 26px;
    height: 26px;
    margin-left: -4px; /* moves corner left into correct position - additional neg 1 added to correct for 1px pad added to sidebar */
    float: left;
    _margin-right: -7px;  /* ie6 fix - 3px bug (4 + -3 = -7) */
    position: relative; /* causes graphic to display as top layer - necessary for ie6 and Safari */
}
#top_line 
{
    background-image: url('../images/line_horizontal_top.jpg');
    background-repeat: repeat-x;
    background-position: top;
    height: 26px;
    _margin-left: 0; /* ie6 fix - 3px bug */
}
#right_corner
{
    background-position: bottom;
    background-image: url('../images/right_corner.png');
    background-repeat: no-repeat;
    float: right;
}
#star
{
    background-image: url('../images/star.png');
    background-repeat: no-repeat;
    height: 26px; /* size of graphic */
    width: 26px; /* size of graphic */
    position: relative; /* enables top to be set */
    top: -13px; /* moves star up into correct position */
    _background: transparent; /* ie6 fix - hides background image with incompatible transparency */
    _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/star.png'); /* ie6 fix for alpha transparency */
}
#content 
{
    padding-left: 20px; /* not tested - was 10px */
    padding-right: 20px; /* not tested - added */
    position: relative;
    top: -10px;
    margin-left: 1;
}  
#bottom 
{
    clear: both;  /* not tested - added */  
}
#bottom_border 
{
    background-image: url('../images/expander_bottom.jpg');
    background-repeat: repeat-x;
    height: 22px; /* sets height for background image */
}
#bottom_left_corner 
{
    background-image: url('../images/corner_BL.jpg');
    background-repeat: no-repeat;
    width: 18px;
    height: 22px;
    float: left;
}
#bottom_right_corner 
{
    background-image: url('../images/corner_BR.jpg');
    background-repeat: no-repeat;
    width: 21px;
    height: 22px;
    float: right;
}
/*-----------------------------------------------------------*/
/*  Navigation Buttons
/*-----------------------------------------------------------*/

#navlist
{   
    font-family: Arial, Helvetica, sans-serif; 
    font-size: 14px; 
    list-style-type: none; /* gets rid of bullets */
    font-weight: bold; 
    text-align: right;
    font-variant: small-caps;
    line-height: 10px; /* controls space between double line buttons */
    position: relative;
    right: -2px; /* moves nav tabs right over divider line */
}
#navlist li a:link, #navlist li a:visited
{ 
    color: #000; /* sets button text color*/
} 
#navlist li a 
{
    text-decoration: none; /* gets rid of underline */
    display: block; /* makes entire button clickable */
    height: 15px; /* sets single button height - note: it is 5px less than actual height to account for 5px padding */
    padding-right: 18px; /* shifts button text left to make room for arrow */
    padding-top: 5px; /* shifts text down to center of button */
    /* margin-bottom: -5px; /* top padding seems to move button content below button-this fixes it */
}

#navlist li.double a
{ 
    height: 25px; /* sets double button height - note: it is 5px less than actual height to account for 5px padding */
} 
#navlist li a:hover, /* first sets single line hover state, rest apply same state to page being viewed */
#home #navlist .home a, 
#about_us #navlist .about_us a,
#membership #navlist .membership a,
#convention #navlist .convention a,
#exhibitors #navlist .exhibitors a,
#hall_of_fame #navlist .hall_of_fame a,
#awards_program #navlist .awards_program a,
#airlift_tanker_quarterly #navlist .airlift_tanker_quarterly a,
#links #navlist .links a,
#contacts #navlist .contacts a,
#chapters #navlist .chapters a,
#login #navlist .login a
{
    color: #060;
    background-image: url('../images/nav_single.png'); 
    background-repeat: no-repeat;
}
#navlist li a:hover 
{
    background-image: url('../images/nav_single_hover.png');  /* makes hovered link appear to be behind current page */
}
#navlist .double a:hover, /* first sets single line hover state, rest apply same state to page being viewed */
#industry_partners #navlist .industry_partners a,
#enlisted_education_grant #navlist .enlisted_education_grant a
{
    color: #060;
    background-image: url('../images/nav_double.png');
    background-repeat: no-repeat;
}
#navlist .double a:hover /* makes hovered link appear to be behind current page */
{
    background-image: url('../images/nav_double_hover.png');
}

/*-----------------------------------------------------------*/
/*  Tabs
/*-----------------------------------------------------------*/

#tablist
{   
    font-family: Arial, Helvetica, sans-serif; 
    font-size: 14px; /* must be <= tab font size or tab background gets shifted up for some reason */
    list-style-type: none; /* gets rid of bullets */
    font-weight: bold; 
    font-variant: small-caps;
    margin-bottom: 5px; /* moves bottom of tabs up to sit on following line */
}
#tablist li 
{
    display: inline; /* makes list display horizontally */
}
#tablist li .title 
{
    font-size: 14px;
    color: #FFFFFF;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    position: relative;
    top: 5px;
    padding-right: 5px;
}
#tablist li a:link, #tablist li a:visited { color: #000; } /* sets button text color*/
#tablist li a 
{
    text-decoration: none; /* gets rid of underline */
    padding: 0px 0px 5px 0px; /* 3rd sets amount of button that hangs below the line */
    margin-right: 5px; /* controls space between tabs */
    background-color: #CCC; /* tab background color */
    position: relative; /* ie 7 fix */
}
#tablist .left_graphic
{
    top: 9px; /* moves graphic down */
    left: -3px; /* moves graphic left */
    position: relative;
    margin-top: -12px; /* gets rid of 'ghost' space where graphic was */
    _visibility: hidden; /* ie6 fix - hides graphic since ie6 can't display alpha transparency */
}

#tablist .right_graphic 
{
    top: 9px; /* moves graphic down */
    right: -3px; /* moves graphic right */
    position: relative;
    margin-top: -12px; /* gets rid of 'ghost' space where graphic was */
    _visibility: hidden; /* ie6 fix - hides graphic since ie6 can't display alpha transparency */
}

#tablist .tab_background 
{
    margin-right: -7px; /* puts background betweeen the graphics */
    margin-left: -7px; /* puts background betweeen the graphics */
    background-image: url('../images/tab_top.png'); /* line on top of tab */
    background-repeat: repeat-x; /* spans tab */
    top: -3px; /* moves line up into place */
    position: relative;
    zoom: 1; /* ie 7 fix */
    _background-image: none; /* ie6 fix - hides graphic since ie6 can't display alpha transparency */
}
#tablist .tab_content 
{
    position: relative;
    top: 7px; /* controls text vertical alignment in tab */
}
#tablist li a:hover 
{
    background-color: #FFF; /* makes background white */
    /* padding-bottom: 9px; /* moves white part of tab down to cover line */
}

#tablist li a:hover .tab_content
{
    color: #090; /* sets hover text color green*/
}
#tablist li a.selected /* sets look for selected tab */
{
    padding-bottom: 9px; /* moves white part of tab down to cover line */
    background-color: #FFF;
    color: #090;
}


/*-----------------------------------------------------------*/
/*  Bottom Links
/*-----------------------------------------------------------*/

#bottom_links
{   
    font-family: Arial, Helvetica, sans-serif; 
    font-size: 12px; 
    list-style-type: none; /* gets rid of bullets */
    font-weight: bold; 
    font-variant: small-caps;
    text-align: center;

}
#bottom_links li 
{
    display: inline; /* makes list display horizontally */
}
#bottom_links li a:link, #bottom_links li a:visited { color: #000; } /* sets text color*/
#bottom_links li a 
{
    text-decoration: none; /* gets rid of underline */
}
#bottom_links li a:hover
{
    color: #090; /* sets hover text color green*/
    background-color: #FF9;
}

/*-----------------------------------------------------------*/
/*  Footer
/*-----------------------------------------------------------*/

#footer
{   
    font-family: Arial, Helvetica, sans-serif; 
    font-size: 10px; 
    font-weight: bold; 
    font-variant: small-caps;
}

#address 
{
    float: left; 
    margin-left: 7px;
}

#privacy 
{
    float: right;
    margin-right: 14px;
}

#copyright 
{
    text-align: center;
    margin-left: 200px;
    margin-right: 200px;
}

/*-----------------------------------------------------------*/
/*  Misc
/*-----------------------------------------------------------*/

.hidden 
{
    display: none;
}

/*-----------------------------------------------------------*/
/*  Content CSS Reset -- http://www.w3.org/TR/CSS2/sample.html
/*-----------------------------------------------------------*/

#content address, #content blockquote, #content dd, #content dl, #content dt, #content fieldset,
#content h1, #content h2, #content h3, #content h4, #content h5, #content h6, #content ol, #content p, #content ul,
#content center, #content dir, #content hr, #content menu, #content pre   { display: block }
#content table           { display: table }
#content tr              { display: table-row }
#content thead           { display: table-header-group }
#content tbody           { display: table-row-group }
#content tfoot           { display: table-footer-group }
#content col             { display: table-column }
#content colgroup        { display: table-column-group }
#content td, th          { display: table-cell }
#content caption         { display: table-caption }
#content th              { font-weight: bolder; text-align: center }
#content caption         { text-align: center }
#content ul,
#content fieldset,
ol, dl, dir,
#content menu            { margin: 1.12em 0 }
#content h5              { font-size: .83em; margin: 1.5em 0 }
#content h6              { font-size: .75em; margin: 1.67em 0 }
#content b, #content strong          { font-weight: bolder }
#content blockquote      { margin-left: 40px; margin-right: 40px }
#content i, #content cite, #content em,
#content var, #content address    { font-style: italic }
#content pre, #content tt, #content code,
#content kbd, #content samp       { font-family: monospace }
#content pre             { white-space: pre }
#content button, #content textarea,
#content input, #content select   { display: inline-block }
#content big             { font-size: 1.17em }
#content small, #content sub, #content sup { font-size: .83em }
#content sub             { vertical-align: sub }
#content sup             { vertical-align: super }
#content table           { border-spacing: 2px; }
#content thead, #content tbody,
#content tfoot           { vertical-align: middle }
#content td, #content th, #content tr      { vertical-align: inherit }
#content s, #content strike, #content del  { text-decoration: line-through }
#content hr              { border: 1px inset }
#content ol, #content ul, #content dir,
#content menu, #content dd        { margin-left: 40px }
#content ol              { list-style-type: decimal }
#content ol ol           { list-style-type: lower-alpha; }
#content ol ul, #content ul ol,
#content ul ul, #content ol ol    { margin-top: 0; margin-bottom: 0 }
#content u, #content ins          { text-decoration: underline }
#content br:before       { content: "\A"; white-space: pre-line }
#content center          { text-align: center }
#content :link, #content :visited { text-decoration: underline }
#content :focus          { outline: thin dotted invert }

/* Begin bidirectionality settings (do not change) 
BDO[DIR="ltr"]  { direction: ltr; unicode-bidi: bidi-override }
BDO[DIR="rtl"]  { direction: rtl; unicode-bidi: bidi-override }

*[DIR="ltr"]    { direction: ltr; unicode-bidi: embed }
*[DIR="rtl"]    { direction: rtl; unicode-bidi: embed }   */

@media print {
  h1            { page-break-before: always }
  h1, h2, h3,
  h4, h5, h6    { page-break-after: avoid }
  ul, ol, dl    { page-break-before: avoid }
}

/*-----------------------------------------------------------*/
/*  Content
/*-----------------------------------------------------------*/

#content p
{
    margin-bottom: 1em;
}

#content blockquote 
{
    margin: 0 0 1em 3em;
}

#content p.BigFirstLetter:first-letter 
{
    font-size: 1.25em;
    font-weight: bold;
}
 
#content h1
{
    font-size: 1.5em;
    color: #043699;
    text-align:center;
    margin-bottom: 1em;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
} 

#content h2
{
    font-size: 1.4em;
    color: #444444;
    margin-bottom: .8em;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
}

#content h3
{
    font-size: 1.0em;
    color: #444444;
    margin-bottom: .6em;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
}

#content h4
{
    font-size: .8em;
    color: #043699;
    margin-bottom: .4em;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
}


.InlineHeaderRed
{
    font-size: 1.0em;
    color: #CC0033;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
}

#content ul 
{
    list-style: disc;
    list-style-position: outside;
}

#content li 
{
    display: list-item;
}

.ActionLink
{
    font-family: Arial, Helvetica, sans-serif; 
    font-size: 12px; 
    font-weight: bold; 
    font-variant: small-caps;
}

