/* ==================================== */
/* == ELEMENT ATTRIBUTES FOR SCREENS == */
/* ==================================== */

/* ------------------------------------------------------------------------------------------------------ */
/* GENERAL ELEMENTS AND ATTRIBUTES     	                                                                  */
/* General rules that can apply to many elements in various locations                                     */
/* ------------------------------------------------------------------------------------------------------ */

body
{
    color: #051733;
    background: #f2f2f2 url(../../images/backgrounds/bg-body.png) repeat-x; /* Color sampled from concept */
}
h1, h2, h3, h4, h5, h6, caption
{
    color: #2b6da9;
}
a
{
    color: #2b6da9;
}
a:hover
{
    text-decoration: none;
}
a:visited
{
    color: #666; /* TEMP - ARBITRARY COLOR */
}
dt
{
    font-weight: bold;
}

/* ------------------------ */
/* Photo Gallery Image/Text */
/* ------------------------ */

div.gallery-item
{
    width: 100%;
    clear: both;
}
div.gallery-item div.photo
{
    position: relative;
    width: 260px !important;
    height: 195px !important;
}
div.gallery-item div.photo div.corners
{
    position: absolute;
    top: 0px;
    left: 0px;
    width: 260px !important;
    height: 195px !important;
    background: transparent url(http://www.foe.com/images/corners/corners-photo-260x195.png) no-repeat; /* EDITED IN IE 6 CSS */
}
div.gallery-item div.photo img
{
    width: 260px;
    height: 195px;
}

/* -------------- */
/* Error Messages */
/* -------------- */
.errormessage
{
    display: block;
    clear: both;
    margin-bottom: 10px;
    color: red;
    font-weight: bold;
}

/* ----- */
/* Forms */
/* ----- */
div.form
{
}
fieldset input, fieldset select, fieldset textarea
{
    background-color: #f4f8fb;
}
legend
{
    padding: 0 5px 0 3px;
    color: #000;
}
label
{
    display: block;
}
label label
{
    display: inline; /* Fix for stupid .NET control */
    margin-left: 5px;
}
textarea
{
    border: 1px solid #ccc;
}
fieldset input, fieldset select
{
    border: 1px solid #ccc;
}
fieldset input
{
    margin-bottom: 2px; /* To account for size different between standard text inputs and select boxes */
}
fieldset.single
{
    /* Single input */
    float: left;
    width: 170px;
    margin: 0 10px 10px 0; /* EDITED IN IE 6 CSS */
    padding: 0; /* EDITED IN IE 6 CSS */
    border: none;
}
fieldset.single input, fieldset.single select, fieldset.single textarea
{
    width: 100%;
}
fieldset.full
{
    /* Full-width input */
    display: block;
    clear: both;
    width: 533px; /* EDITED IN IE 7 CSS */
    margin: 0;
    padding: 0 10px 10px 0;
    border: none;
}
fieldset.full input, fieldset.full select, fieldset.full textarea
{
    width: 100%; /* EDITED IN IE 7 CSS */
}
fieldset.checkbox, fieldset.radio
{
    padding: 5px 5px 5px 0;
}
fieldset.checkbox input, fieldset.radio input
{
    width: auto !important;
    border: none;
}
fieldset.multiple
{
    clear: both;
    width: 503px; /* EDITED IN IE 7 CSS */
    margin-bottom: 10px;
    border: 1px solid #ccc;
    padding: 10px;
}
fieldset.phone input
{
    width: 40px;
}
fieldset.date, fieldset.beside
{
    /* Input has button alongside it - used with "single" class above */
    float: none;
}
fieldset.date input, fieldset.beside input
{
    width: 110px;
}
a.calendarlink
{
    float: right;
}
input.button
{
    clear: both;
    margin-top: 20px;
    margin-bottom: 20px;
}

/* ------------------ */
/* Generic Navigation */
/* ------------------ */
ul.nav
{
    list-style-type: none;
    margin: 0;
    padding: 0;
}
ul.nav li
{
    margin: 0;
    padding: 0;
}

/* ------------- */
/* Generic Table */
/* ------------- */
table
{
}
td
{
    background-color: #fff;
}
tr.alt td, td.alt
{
    background-color: #f4f8fb;
}
td.date, td.time
{
    font-weight: bold;
    white-space: nowrap;
}
td.activity
{
    width: 200px;
}
td.title
{
}

/* ----------- */
/* Wide Tables */
/* ----------- */
div.wide-table
{
    width: 550px;
    overflow: auto;
    margin-bottom: 20px;
}

/* ----------- */
/* Bare Tables */
/* ----------- */
table.bare th
{
    display: none; /* Hide by default - used for accessibility only */
}

/* --------------- */
/* Inline UL Lists */
/* --------------- */
ul.sentence
{
    list-style-type: none;
    margin: 0 0 20px 0;
    padding: 0;
}
ul.sentence li
{
    display: inline;
    margin: 0;
    padding: 0;
}

/* --------------- */
/* Generic Corners */
/* --------------- */
div.corners
{
    margin: 0;
    padding: 0 !important; /* Override cascaded rule for IE 6 (incorrect cascade) */ /* Need to set overflow for IE 6 - EDITED IN IE 6 CSS */
    background-repeat: no-repeat;
}

/* ------------------------------------------------------------------------------------------------------ */
/* SPECIFIC ELEMENTS AND ATTRIBUTES                                                                       */
/* Rules that apply to specific elemements in specific locations                                          */
/* ------------------------------------------------------------------------------------------------------ */

div#main
{
    position: relative; /* Allow nested elements to be positioned relative to this element - aids in centering */
    top: -1px; /* Firefox bug fix - pulls content to the top of the page - EDITED IN IE 6 CSS */
    border-top: 1px solid transparent; /* Firefox bug fix - pulls content to the top of the page - EDITED IN IE 6 CSS */
}

/* ---- */
/* Logo */
/* ---- */
a#logo, a.logo-main
{
    display: block;
    position: absolute;
    z-index: 100;
    top: 11px;
    left: 11px;
    width: 125px;
    height: 110px;
    background-repeat: no-repeat;
    background-image: url(../../images/logos/logo-FOE.gif);
}
a#logo img, a.logo-main img
{
    display: none;
}
a.logo-1
{
    background-image: url(../../images/logos/logo-Aerie.gif);
}
a.logo-2
{
    background-image: url(../../images/logos/logo-Eagle-Riders.gif);
}
a.logo-3
{
    background-image: url(../../images/logos/logo-Auxiliary.gif);
}

/* --------------- */
/* Main Navigation */
/* --------------- */
div#navigation
{
    position: absolute; /* Need to set position to absolute so that can be altered to "fixed" via JavaScript based on screen resolution */
    z-index: 80;
    top: 0px;
    left: 0px; /*  		Fixed-width used rather than "auto" due to the way IE interprets this. 		Content (navigation) wraps when it is longer than the screen rather than running off the side, causing undesirable effects. 		However, horizontal scroll-bar must be turned off when in pseudo-frameset mode, so width is changed dynamically. 		Psuedo-frameset abandoned if larger text size is detected via external script. 		*/
    width: 2000px; /* Set super-wide so that navigation can expand horizontally if necessary - not an elegant fix, but works - turned off via JavaScript in some situations */
    min-width: 1000px;
    height: 175px;
    background: #112a4c url(../../images/backgrounds/bg-body.png) repeat-x; /* Color sampled from concept */
}

/* ------------------------ */
/* Generic Navigation Rules */
/* ------------------------ */
div#navigation ul
{
    list-style-type: none; /* Remove bullets from all navigation and sub-navigation */
}
div#navigation li
{
    float: left;
}
div#navigation a, div#navigation .selected a:hover
{
    display: block;
    text-decoration: none;
}

span#followus
{   
    display: block;
    position: absolute;
    z-index: 1000; /* Fix for Firefox */
    top: 35px;
    left: 750px;
    text-align: right;
    color: #fff;
}
span#followus a
{
    display: inline; 
    left: 0; 
    text-decoration: underline; 
    padding-right: 0;
    color: #fff;
}
span#followus a:hover
{
    color:#cccccc;
}  

/* --------------------------------- */
/* Search Form (Public), Login (CMS) */
/* --------------------------------- */
div#search
{
    position: absolute;
    top: 15px; /* EDITED IN IE 7 CSS */
    left: 100px; /* Total width (1000) minus element width (400) */
    width: 880px; /* Fixed-width allows this element to be positioned exactly with login element */
    text-align: right;
    color:White;
    z-index: 1000;    
    
}
div#search input.search
{
    width: 110px;
    height: 1.25em;
}
div#search .button
{
    /* EDITED IN IE 7 CSS */
    position: relative;
    top: 7px;
    margin: 0; /* Override default value */
}
div#search a
{
    color: #fff;
    display:inline-block;
    position:relative;
}
div#search a:hover
{
    text-decoration: underline;
}
div#search a.ourlink
{    
    font-weight: bold;
}
div#search a.sitemap
{
    
}
div#search span.follow
{
   display:inline-block;
   margin-top: 5px;
}
/* ------------------ */
/* Primary Navigation */
/* ------------------ */
ul.nav-primary
{
    margin: 105px 0 0 122px;
}
ul.nav-primary li
{
    padding: 0 15px 0 0; /* Total 15 pixels between item and divider */
    background: transparent url(../../images/navigation/divider-blue.png) left center no-repeat; /* EDITED IN IE 6 CSS */
}
ul.nav-primary li.first
{
    background-image: none; /* Remove divider from first item */
}
ul.nav-primary li a, ul.nav-primary li a:visited
{
    position: relative;
    left: 15px; /* Create space for background-image which would oridinarily be obscured by <li> background-image (on selected item ONLY) */
    min-height: 25px; /* Height of background-image minus padding - EDITED IN IE 6 CSS */
    padding-top: 5px; /* Center element vertically at base text size */
    padding-right: 15px; /* Need to account for off-set via left positioning */
    white-space: nowrap;
    color: #fff;
}
ul.nav-primary li a:hover
{
    color: #ccc; /* TEMP - ARBITRARY COLOR */
}
  /* ------------- */
/* Login Link */
/* ------------- */
	   div#login
	   {
	    position: absolute;
        z-index: 1000; /* Fix for Firefox */
        top: 11px;
        right: 5px;
        text-align: right;
        color: #fff;
	   }
    div#login a
        {
        color: #FFF;
        }
/* ----------------------------- */
/* Primary Navigation - Selected */
/* ----------------------------- */
ul.nav-primary li.selected + li
{
    background-image: none; /* Remove divider from nav item that follows selected item */
}
ul.nav-primary li.selected
{
    margin-right: 12px; /* Originally 15px */
    padding: 0; /* Override right padding on non-selected <li> elements */
    background-position: left top;
    background-image: url(../../images/navigation/edge-left-blue.png); /* EDITED IN IE 6 CSS */
}
ul.nav-primary li.selected a
{
    background: transparent url(../../images/navigation/edge-right-blue.png) right top no-repeat; /* EDITED IN IE 6 CSS */
}
ul.nav-primary li.selected a:hover
{
    color: #fff; /* Need to override hover color on selected navigation item */
    cursor: default; /* Create look that hyperlink is not available when selected - EDITED IN IE 5.5 CSS */
}

/* -------------------- */
/* Secondary Navigation */
/* -------------------- */
ul.nav-secondary
{
    display: none; /* Hidden by default - displayed via server-side code when applicable */
    position: absolute;
    top: 145px;
    left: 122px;
    width: inherit; /* Edited in IE 5.5 CSS */
    margin: 0;
    padding: 0;
}
ul.nav-primary li.selected ul.nav-secondary
{
    display: block; /* Show secondary navigation when associated primary navigation is selected */
}
ul.nav-primary li.selected ul.nav-secondary li
{
    color: #fff;
    background: transparent url(../../images/navigation/divider-white.png) left center no-repeat; /* EDITED IN IE 6 CSS */
}
ul.nav-primary li.selected ul.nav-secondary li.first
{
    background-image: none; /* Remove divider from first item */
}
ul.nav-primary li.selected ul.nav-secondary li a
{
    background-image: none; /* Remove cascaded image */
    cursor: pointer; /* Restore lost hand from cascaded rule above - EDITED IN IE 5.5 CSS */
}
ul.nav-primary li.selected ul.nav-secondary li a:hover
{
    color: #ccc; /* TEMP - ARBITRARY COLOR */
}
/* Eagle Space description */
ul#description-eaglespace
{
    margin-left: 14px;
}

/* ------------------------------- */
/* Secondary Navigation - Selected */
/* ------------------------------- */
ul.nav-primary li.selected ul.nav-secondary li.selected + li
{
    background-image: none; /* Remove divider from nav item that follows selected item */
}
ul.nav-primary li.selected ul.nav-secondary li.selected
{
    background: transparent url(../../images/navigation/edge-left-white.png) left top no-repeat; /* EDITED IN IE 6 CSS */
}
ul.nav-primary li.selected ul.nav-secondary li.selected a
{
    color: #205498; /* Color sampled from concept */
    background-position: right top;
    background-image: url(../../images/navigation/edge-right-white.png); /* EDITED IN IE 6 CSS */
}
ul.nav-primary li.selected ul.nav-secondary li.selected a:hover
{
    color: #205498; /* Need to override hover color on selected navigation item */
    cursor: default; /* Create look that hyperlink is not available when selected - EDITED IN IE 5.5 CSS */
}

/* ------------ */
/* Main Content */
/* ------------ */
div#content
{
    width: 1000px; /* Fixed design width */
}
.smallprint
{
    text-decoration: none;
    font-variant:normal;
    font-style:italic;
    font-size:small;
}

/* ------------------------- */
/* Artificial Width Boundary */
/* ------------------------- */
div#boundary
{
    width: 910px;
    min-height: 400px; /* Arbitrary */
    margin: 175px 0 0 90px;
    background: #fff url(../../images/backgrounds/bg-content.png) repeat-y;
}

/* -------------------- */
/* Column 1 - 580 Width */
/* -------------------- */
div#column_1
{
    float: left; /* REM due to HUGE IE 6 bug - Originally used due to IE 6 difficulties with margins on a floated element 				position: relative; 				 				left: 15px; 				*/
    width: 580px;
    height: auto;
    min-height: 400px; /* Make sure min-height is set the same as parent element - attribute will not inherit - EDITED IN IE 6 CSS */
    overflow: hidden; /* Need this for aerie sites (via CMS) which allows insertion of content that is wider than content area */
    margin-top: 27px;
    border-left: 15px solid #fff; /* Used due to IE 6 difficulties with BOTH relative positioning and margins on a floated element */
}

/* ------------------ */
/* White-space Buffer */
/* ------------------ */
div#buffer
{
    /* Creates white-space buffer between navigation and column_1 content - not best solution */
    display: none; /* Hidden by default - turned on via JavaScript or IE expressions */
    position: fixed;
    z-index: 100;
    top: 175px;
    left: 90px;
    width: 610px;
    height: 10px;
    background-color: white;
}

/* --------------- */
/* Feature - Photo */
/* --------------- */
div#feature-photo
{
    /* REM due to HUGE IE 6 bug - Originally used here so that corners could be positioned absolutely relative to this element 					position: relative;   					*/
    min-height: 328px; /* Height of photo plus navigation tabs */
    margin-bottom: 20px; /* Photo specified in HTML */
}
/* REM due to HUGE IE 6 bug on parent element - Originally used to position this element relative to parent element so that the corners can appear on top of image */
/*
					div#feature-photo div.corners-top {
						position: absolute; 
						top: 0px;
						left: 0px;
						width: 580px;
						height: 9px;
						background-image: url(../../images/corners/corners-580-white-top.png); EDITED IN IE 6 CSS										
						}	
					*/
div#feature-photo ul
{
    margin-top: -5px; /* Move up to remove white-space - don't know why white-space is present */
}
div#feature-photo li
{
    float: left;
    text-align: center;
    background: #326fa5 url(../../images/navigation/tab-hanging-light.jpg) bottom no-repeat; /* Color sampled from concept - duplicated background image to eliminate IE flicker on mouseover */
}
div#feature-photo li a
{
    display: block;
    width: 192px;
    height: auto; /* EDITED IN IE 6 CSS */
    min-height: 27px; /* Total height 30px minus padding */
    padding-top: 3px;
    color: #fff;
    background: #143560 url(../../images/navigation/tab-hanging-dark.jpg) bottom no-repeat; /* Color sampled from concept */
    text-decoration: none;
}
div#feature-photo li.middle a
{
    /* EDITED IN IE 5.5 CSS */
    border-left: 2px solid #fff;
    border-right: 2px solid #fff;
}
div#feature-photo li a:hover
{
    background-color: #326fa5; /* Color sampled from concept */
    background-image: url(../../images/navigation/tab-hanging-light.jpg);
}

/* ---------------------------------------- */
/* Callout 1 - Column 1 - Width 580         */
/* Outside primary content area - text only */
/* ---------------------------------------- */
div.callout
{
    clear: both;
    margin-bottom: 20px; /* Standard bottom margin that is not typically applied to <div> elements */
    color: #59baff; /* Color sampled from concept */
    background: #426519 url(../../images/backgrounds/bg-feature1-top.jpg) no-repeat; /* Height 111px */
}
div.callout div.content
{
    /* Did use star for children but changed to better set minimum height */
    min-height: 111px; /* Height of background image for parent element */
    padding-right: 20px;
    padding-left: 20px;
}
div.callout h2
{
    color: #fff;
}
div.callout div.corners
{
    width: 580px;
    background-repeat: no-repeat;
    background-image: url(../../images/corners/corners-580-white.png); /* All rounded corners */
}
div.callout div.corners-top
{
    margin-bottom: 8px;
    height: 12px;
    background-position: left top;
}
div.callout div.corners-bottom
{
    margin-top: -10px; /* Remove extra space created by corners */
    height: 10px;
    background-position: left bottom;
}
div.callout4
{ 
    clear: both;
    margin-bottom: 20px; /* Standard bottom margin that is not typically applied to <div> elements */
    /* Color sampled from concept */
    background: url(../../images/backgrounds/bg-callout4-green.png) #43651a left bottom repeat-x; 
    color: #ffffff; 
    width: 550px;
 }

div.callout4 div.content
{
    /* Did use star for children but changed to better set minimum height */
    min-height: 111px; /* Height of background image for parent element */
    padding-right: 20px;
    padding-left: 20px;
}
div.callout4 h2, div.callout4 a
{
    color: #fff;
}

div.callout4 div.corners
{
    width: 550px;
    background-repeat: no-repeat;
    background-image: url(../../images/corners/corners-550-white.png); /* All rounded corners */
}
div.callout4 div.corners-top
{
    margin-bottom: 8px;
    height: 10px;
    background-position: left top;
}
div.callout4 div.corners-bottom
{
    margin-top: -10px; /* Remove extra space created by corners */
    height: 10px;
    background-position: left bottom;
}
div.callout4-alt
{
    clear: both;
    margin-bottom: 20px; /* Standard bottom margin that is not typically applied to <div> elements */ /* Color sampled from concept */
    background: url(../../images/backgrounds/bg-callout4-yellow.png) #DCCDA0 left bottom repeat-x;
    color: #000;
    width: 550px;
}

div.callout4-alt div.content
{
    /* Did use star for children but changed to better set minimum height */
    min-height: 111px; /* Height of background image for parent element */
    padding-right: 20px;
    padding-left: 20px;
}
div.callout4-alt h2
{
    color: #000;
}
div.callout4-alt div.corners
{
    width: 550px;
    background-repeat: no-repeat;
    background-image: url(../../images/corners/corners-550-white.png); /* All rounded corners */
}
div.callout4-alt div.corners-top
{
    margin-bottom: 8px;
    height: 10px;
    background-position: left top;
}
div.callout4-alt div.corners-bottom
{
    margin-top: -10px; /* Remove extra space created by corners */
    height: 10px;
    background-position: left bottom;
}
div.callout4-alt table, div.callout4 table
{
    width:100%
}
div.callout4-alt table td 
{
    background-color:Transparent;    
    border-bottom-color: #000000;
}
div.callout4 table td 
{
    background-color:Transparent;
    border-bottom-color: #ffffff;
}
div.callout4-alt table td.alt, div.callout4-alt table tr.alt td
{ 
    background-color:#fff5c5;
}
div.callout4 table td.alt, div.callout4 table tr.alt td
{
    background-color:#7BB22E;
}


/* --------------- */
/* Primary Content */
/* --------------- */
div#column_1 div.primary
{
    padding: 0 14px 0 14px;
}

/* -------------------------------------------------------------- */
/* Tertiary Navigation                                            */
/* Must be inside content area so that content can float below it */
/* -------------------------------------------------------------- */
div#nav-tertiary
{
    padding-top: 123px; /* Room for background image (with height of 123px) */
    margin-bottom: 20px; /* Standard bottom margin for site elements */
    background: transparent url(../../images/photos/550x123/H_eagle.jpg) no-repeat; /* Default image only - height 123px */
}
ul.nav-tertiary
{
    margin: 5px 0 20px 0;
    padding: 0px;
    text-align: center;
}
ul.nav-tertiary li
{
    display: inline;
    padding-right: 7px;
    padding-left: 7px;
    border-left: 2px solid #e7e7e7; /* Color sampled from concept */
}
ul.nav-tertiary li.first
{
    border-left: none; /* Removed border from first item */
}
ul.nav-tertiary a
{
    white-space: nowrap; /* Do not break line */
    line-height: 1.75em; /* Add spacing between rows - cannot use margins or padding due to inline display */
    color: #2f6cb6; /* Color sampled from concept */
}
ul.nav-tertiary li.selected a
{
    color: #808080; /* Color sampled from concept */
    text-decoration: none;
}

/* --------------------------------------- */
/* Callout 2 - Column 1 - Width 270        */
/* Inside primary content area - text only */
/* --------------------------------------- */
div.callout2
{
    width: 270px;
    margin-bottom: 20px;
    background: #426519 url(http://www.foe.com/images/backgrounds/bg-callout2-green.png) left bottom no-repeat;
}
div.callout2-alt
{
    /* Add to callout2 class */
    width: 270px;
    margin-bottom: 20px;
    background: #fff5c5 url(http://www.foe.com/images/backgrounds/bg-callout2-yellow.png) left bottom no-repeat; /* Alternate image */
}
div.callout2 div.corners-top, div.callout2-alt div.corners-top
{
    width: inherit;
    height: 5px;
    margin-bottom: 15px;
    background-position: left top;
    background-image: url(http://www.foe.com/images/corners/corners-270-white.png); /* EDITED IE 6 CSS */
}
div.callout2 div.corners-bottom, div.callout2-alt div.corners-bottom
{
    position: relative; /* Move down slightly to expose bottom shadow */
    top: 3px; /* Move down slightly to expose bottom shadow */
    width: inherit;
    height: 8px;
    background-position: left bottom;
    background-image: url(http://www.foe.com/images/corners/corners-270-white.png); /* EDITED IE 6 CSS */
}
div.callout2 h1, div.callout2 h2, div.callout2 h3, div.callout2 h4, div.callout2 h5, div.callout2 h6, div.callout2-alt h1, div.callout2-alt h2, div.callout2-alt h3, div.callout2-alt h4, div.callout2-alt h5, div.callout2-alt h6
{
    color: #b4ff59;
}
div.callout2 *, div.callout2-alt *
{
    margin-right: 0;
    margin-left: 0;
    padding-right: 20px;
    padding-left: 20px;
    color: #fff;
}
div.callout2-alt *
{
    color: #000 !important;
}
/* Override settings above if a caption is used - CUSTOM */
div.wcaption
{
    clear: both; /* Fix for IE 7 bug which causes text to be pushed down when more than one Caption Call-Out is used */
    margin-bottom: 0;
    background: none;
}
div.wcaption *
{
    padding: 0;
    color: #399adf;
    text-align: center;
}

/* ------------------------------ */
/* Convention Activities Table(s) */
/* ------------------------------ */
table.activities
{
    width: 100%;
}
table.activities td.time
{
    width: 20%;
}
table.activities td.activity
{
    width: 50%;
}

/* ------------------- */
/* Golf Score Table(s) */
/* ------------------- */
div#golf-results
{
    height: 135px;
}
div#golf-results th, div#golf-results td
{
    white-space: nowrap;
}

/* -------------------- */
/* Column 2 - 260 Width */
/* -------------------- */
div#column_2
{
    /* REM due to HUGE IE 6 bug - Originally used so that top corners (below) can be absolutely positioned relative to this element 				position: relative; 				*/
    float: right;
    width: 260px; /* Total width 300px minus padding */
    height: auto;
    min-height: 400px; /* Make sure min-height is set the same as parent element - attribute will not inherit - EDITED IN IE 6 CSS */
    padding: 26px 20px 0 20px; /* Top padding MUST be equal to top corners position (below) */
    background: #e5e5e5 url(../../images/backgrounds/bg-column2.png) repeat-x; /* REM - DOES NOT WORK AS EXPECTED  				background-attachment: fixed;  				*/
}

/* ----------- */
/* Top Corners */
/* ----------- */
div#topcorners
{
    position: absolute; /* REM due to relative position having been removed from parent element 					top: 26px; 					left: 20px; 					*/
    width: 260px;
    height: 15px;
    background: transparent url(../../images/corners/corners-260-white-top.png) no-repeat; /* EDITED IN IE 6 CSS */
}

/* ------------------ */
/* Widgets - Column 2 */
/* ------------------ */
div.widget
{
    width: 260px;
    margin-bottom: 15px;
}
div.widget div.header
{
    width: 100%; /* Added for IE 5.5 */
    background: #215398 url(../../images/backgrounds/bg-widget-header-blue.png) left bottom repeat-x; /* Default */
}
div.widget h3
{
    margin: 0;
    padding: 5px;
    font-weight: normal;
    color: #fff;
    text-align: center;
    background: transparent url(../../images/corners/corners-260-gray-top.png) no-repeat; /* EDITED IN IE 6 CSS */
}
div.widget div.content
{
    padding: 10px 15px 10px 15px;
    background-color: #fffcec;
    border-top: 3px solid #e5e2d4; /* Color specified by Alex */
    border-right: 2px solid #d9d9d9; /* Color sampled from concept */
    border-left: 2px solid #d9d9d9; /* Color sampled from concept */
}
div.widget div.footer
{
    width: 260px;
    height: 8px;
    overflow: hidden; /* For IE 6 */
    background: #fffcec url(../../images/corners/corners-widget-footer-border.png) no-repeat; /* EDITED IN IE 6 CSS */
}

/* -------------------------------------------------------------- */
/* Related Links (Widget) - Duplicated for Eagle Space Navigation */
/* -------------------------------------------------------------- */
div#relatedlinks
{
    color: #fff;
}
div#relatedlinks div.header
{
    background-color: #629622;
    background-image: url(../../images/backgrounds/bg-widget-header-green.png); /* Override widget default */
}
div#relatedlinks div.content
{
    border: none; /* Override widget default */
    background-color: #457618; /* Override widget default */
    background-image: url(../../images/backgrounds/bg-widget-content-green.png);
    background-repeat: repeat-x;
    background-position: bottom;
}
div#relatedlinks ul
{
    margin: 0;
    padding: 0;
    list-style-type: none; /* Turn off bullets - use background-image instead */
}
div#eaglespace li
{
    margin: 0 0 0 10px;
}
div#relatedlinks li
{
    /* display: none; Hide by default - shown randomly - Temporary fix until links are show server side */
    margin-bottom: 5px;
    padding-left: 5px;
    background: transparent url(../../images/dot-blue.gif) 0px 9px no-repeat; /* Use rather than bullets due to better control over positioning */
}
div#relatedlinks li#rl1
{
    /*display: block;  Temporary fix until links are show server side */
}
div#relatedlinks a
{
    display: block;
    color: #fff;
    text-decoration: none;
}
div#relatedlinks a:hover
{
    text-decoration: underline;
}
div#relatedlinks p.link-constant
{
    margin: 15px 0 0 0;
    text-align: center;
}
div#relatedlinks p.link-constant a
{
    display: inline;
    font-weight: bold;
    text-decoration: underline;
}
div#relatedlinks p.link-constant a:hover
{
    text-decoration: none;
}
div#relatedlinks div.footer
{
    width: 260px;
    height: 14px; /* Override widget default */
    background-color: transparent; /* Override widget default */
    background-image: url(../../images/corners/corners-widget-footer-green.png); /* Override widget default - EDITED IN IE 6 CSS */
}

/* ------------------------------- */
/* Eagle Space Navigation (Widget) */
/* ------------------------------- */
div#eaglespace
{
    color: #fff;
}
div#eaglespace div.header
{
    background-color: #629622;
    background-image: url(../../images/backgrounds/bg-widget-header-green.png); /* Override widget default */
}
div#eaglespace div.content
{
    border: none; /* Override widget default */
    background-color: #457618; /* Override widget default */
    background-image: url(../../images/backgrounds/bg-widget-content-green.png);
    background-repeat: repeat-x;
    background-position: bottom;
}
div#eaglespace ul
{
    margin: 0 0 0 13px;
}
div#eaglespace li
{
    margin: 0 2px 0 2px;
}
div#eaglespace li
{
    list-style-image: none;
}
div#eaglespace li.es-header
{
    list-style-image: url(../../images/plus.gif);
}
div#eaglespace li.es-expanded
{
    list-style-image: url(../../images/minus.gif);
}
div#eaglespace span.es-header
{
    font-weight: bold;
}
div#eaglespace a
{
    color: #fff;
    text-decoration: none;
}
div#eaglespace a:hover
{
    text-decoration: underline;
}
div#eaglespace div.footer
{
    width: 260px;
    height: 14px; /* Override widget default */
    background-color: transparent; /* Override widget default */
    background-image: url(../../images/corners/corners-widget-footer-green.png); /* Override widget default - EDITED IN IE 6 CSS */
}

/* ------------ */
/* Video Widget */
/* ------------ */
div#widget_video div.content
{
    height: 257px;
    padding: 0;
    overflow: hidden;
    background-color: #fff; /* Override default value */
}
div#widget_video div.content h4, div#widget_video div.content p
{
    margin: 10px 15px;
    text-align: center;
}
div#widget_video div.footer
{
    background-color: #fff; /* Override default value */
}

/* -------------------- */
/* Aerie Locator Widget */
/* -------------------- */
div#aerie_locator div.header
{
    background-color: #B50628; /* Override widget default */
    background-image: url(../../images/backgrounds/bg-widget-header-red.png); /* Override widget default */
}
/* City Input */
input#widget_aerielocator_meetingcity
{
    width: 220px;
}
/* State/Province Input */
#widget_aerielocator_meetingstate
{
    width: 145px;
}
/* Button */
div#aerie_locator .button
{
    position: relative;
    top: 8px; /* EDITED IN IE 7 CSS */
    margin: 0; /* Overwrite default value set at top */
}

/* --------------------- */
/* Event Calendar Widget */
/* --------------------- */
table.calendar
{
    width: 224px;
    overflow: hidden;
    margin: 0;
    padding: 0;
    font-family: "Trebuchet MS" , Verdana, Arial, Helvetica, sans-serif;
    color: #5a372b;
    background-color: #fff;
    border-left: 1px solid #5a372b;
    border-collapse: separate; /* EDITED IN IE 7 CSS */
}
/* Month Name */
table.calendar caption
{
    margin: 0;
    padding: 6px 0 4px 0;
    text-align: center;
    background-color: #5a372b;
}
/* Month Select Navigation */
#calendar_Month
{
    width: 90px;
    margin-right: 3px;
    font-size: 12px;
    overflow: hidden;
}
/* Year Select Navigation */
#calendar_Year
{
    width: 60px;
    font-size: 12px;
    overflow: hidden;
}
/* Month Button Navigation */
table.calendar caption a.nav
{
    display: block;
    width: 18px;
    height: 20px;
    text-indent: -10000px;
    text-decoration: none;
    background-repeat: no-repeat;
}
a.previous_month
{
    /* EDITED IN IE 7 CSS */
    float: left;
    margin-left: 7px;
    background-image: url(../../images/buttons/button-back-notext.png); /* EDITED IN IE 6 CSS */
}
a.next_month
{
    /* EDITED IN IE 7 CSS */
    float: right;
    margin-right: 7px;
    background-image: url(../../images/buttons/button-next-notext.png); /* EDITED IN IE 6 CSS */
}
/* Day of the Week */
table.calendar th
{
    width: 31px;
    height: 31px;
    overflow: hidden;
    margin: 0;
    padding: 0;
    vertical-align: middle;
    text-align: center; /* Override default setting in common.css */
    font-weight: bold;
    font-size: 11px;
    color: #fff1b2;
    border-right: 1px solid #5a372b;
    border-bottom: 1px solid #5a372b;
    background-color: #7b5c46;
}
/* Current Day */
table.calendar td.today, table.calendar td.today a, table.calendar td.today a:link, table.calendar td.today a:visited
{
    font-weight: bold;
    color: #caf279;
    background: #80b830 url(../../images/backgrounds/bg_calendar.gif) no-repeat left bottom;
}
/* Default Day (no events) */
table.calendar td
{
    width: 31px;
    height: 31px;
    overflow: hidden;
    margin: 0;
    padding: 0;
    vertical-align: middle;
    text-align: center;
    font-size: 12px;
    border-right: 1px solid #5a372b;
    border-bottom: 1px solid #5a372b;
    background: transparent url(../../images/backgrounds/bg_calendar.gif) no-repeat right bottom;
}
/* Active Day (has events) */
table.calendar td a
{
    display: block;
    width: 31px;
    height: 24px;
    padding: 7px 0 0 0;
    overflow: hidden;
    font-weight: bold;
    text-decoration: none;
}
table.calendar td a:link, table.calendar td a:visited
{
    color: #b2deff;
    background: #3e8fcd url(../../images/backgrounds/bg_calendar.gif) no-repeat;
}
table.calendar td a:hover, table.calendar td a:active
{
    color: #fff;
    background: #47acef url(../../images/backgrounds/bg_calendar.gif) no-repeat right top;
}
/* Unused Cells */
table.calendar td.empty
{
    background: transparent url(../../images/backgrounds/bg_calendar.gif) no-repeat center bottom;
}
/* Reset Link */
div#resetcalendar
{
    position: relative;
    top: 8px;
    text-align: center;
}
div#resetcalendar a
{
    color: #5a372b;
}
div#resetcalendar a:hover
{
    text-decoration: none;
}

/* -------------------------------- */
/* Callout 3 - Column 2 - Width 260 */
/* -------------------------------- */
div.callout3
{
    clear: both;
    margin-bottom: 20px; /* Standard bottom margin that is not typically applied to <div> elements */
}

/* ------ */
/* Footer */
/* ------ */
div#footer
{
    clear: both;
    width: auto;
    height: 80px;
    background: #183f72 url(../../images/backgrounds/bg-footer.png) repeat-x;
}
div#footer-content
{
    width: 1000px;
    padding-top: 44px;
    color: #fff;
    text-align: center;
}
div#footer-content a
{
    color: #54b1f4; /* Color sampled from concept */
    margin: 0 4px 0 6px;
}
div#footer-content p
{
    display: inline;
}
div#footer-content ul
{
    display: inline;
    margin: 0 0 0 6px;
}
div#footer-content li
{
    display: inline;
    border-left: 1px solid #fff;
}

.fineprint
{
    font-size: x-small;
    font-style: italic;
    color: Black;
}
/* Floating Colummns */

ul.floating-columns li
{
    display: block;
    float: left;
    width: 215px;
    padding: 5px 0px 5px 10px;
}
div#signup .button
{
    position: relative;
    top: 5px; /* EDITED IN IE 7 CSS */
    margin: 0; /* Overwrite default value set at top */
}
div#signup div.header
{
    background-color: #B50628; /* Override widget default */
    background-image: url(../../images/backgrounds/bg-widget-header-red.png); /* Override widget default */
}
div#signup form
{
    background-color: Transparent;
}
.drcbutton
{
    position: relative;
    top: 5px; /* EDITED IN IE 7 CSS */
    margin: 0; /* Overwrite default value set at top */
}
div#flashoverlay
{
    background-image: none;
    z-index: 100;
    position: absolute;
    background-color: transparent;
    top: 0px;
    left: 150px;
}

 div#feature-weekly
        {
            /* REM due to HUGE IE 6 bug - Originally used here so that corners could be positioned absolutely relative to this element 					position: relative;   					*/
            min-height: 328px; /* Height of photo plus navigation tabs */
            margin-bottom: 20px; /* Photo specified in HTML */
            background-image:url(../../images/photos/580x298/weeklyschedulebackground.jpg);
            background-position:top left;
            background-repeat:no-repeat;
            display:block;
        }
        div#feature-weekly ul
        {
            /* margin-top: -25px; Move up to remove white-space - don't know why white-space is present */
        }
        div#feature-weekly li
        {
            float: left;
            text-align: center;
            background: #326fa5 url(../../images/navigation/tab-hanging-light-7-tab.jpg) bottom no-repeat; /* Color sampled from concept - duplicated background image to eliminate IE flicker on mouseover */
        }
        div#feature-weekly li a
        {
            display: block;
            width: 82px;
            height: auto; /* EDITED IN IE 6 CSS */
            min-height: 27px; /* Total height 30px minus padding */
            padding-top: 3px;
            color: #fff;
            background: #143560 url(../../images/navigation/tab-hanging-dark-7-tab.jpg) bottom no-repeat; /* Color sampled from concept */
            text-decoration: none;
        }
        div#feature-weekly li.middle a
        {
            /* EDITED IN IE 5.5 CSS */
            border-left: 1px solid #fff;
            width: 82px;
        }
        div#feature-weekly li a:hover
        {
            background-color: #326fa5; /* Color sampled from concept */
            background-image: url(../../images/navigation/tab-hanging-light-7-tab.jpg);
        }
        div#feature-weekly div.schedule 
	    {		
	    width:556px;
	    height:271px;
	    min-height:251px;
	    background-position:bottom left;
	    background-repeat:no-repeat;
	    border-width:0px;
	    background-color:transparent;
	    overflow:scroll;
	    border: 12px solid transparent;
	    margin-bottom: 0px;		       		    
	    }
	    div#feature-weekly table
	    {
	    width:530px;
	    }
	    div#feature-weekly td
	    {
	    background-color:transparent;
	    border-top: 1px solid #0A65B6;
	    border-bottom: none;
	    }		    
	    div#feature-weekly tr
	    {
	    background-color:transparent;
	    }
	    div#feature-weekly th
	    {
	    background-color:transparent;
	    }
	     /*Programmed Classes*/
 
 .non-html, .cloak, .pdf, .video, .zip, .off-site, .pseudo-select, .columnar, .primary
 {}
 div#banner, div#banner2
{
display:none;
}