/* Color Palate as of March 2009 */
/* color: #DFE1BE;  light green */
/* color: #C0C07E;  med. green */
/* color: #7D8358;  dark green */
/* color: #617AA5; Blue */

/* Previous colors, might still be in use  */
/* color: #CCCCFF; light purple */
/* color: #821725; maroon */
/* color: #990000; red lines around text boxes  */


* html #siteBackground
{
    /* keeps page height at 100% for IE 6 and lower */
    height: 100%;
}

html, body
{
    /* keeps page height at 100% */
    height: 100%;
}

#blankDiv
{
    margin: 0px;
    padding: 0px;
}

body
{
    font-family: "Times New Roman" , Times, serif;
    margin: 0px 0px 0px 0px;
    padding: 0;
    text-align: center;
    background-color: #C0C07E; /* med green */
}
a:link
{
    color: #617AA5; /* Blue */
}
a:visited
{
    color: #617AA5; /* Blue */
}
a:hover
{
    color: #617AA5; /* Blue */
}
a:active
{
    color: #617AA5; /* Blue */
}

#siteBackground
{
    min-height: 100%; /* needed to keep page height at 100% */
    width: 850px;
    margin-left: auto;
    margin-right: auto;
    text-align: left;
    background-image: url(//www.doyon.com/images/bg_blue.gif);
    background-repeat: repeat-y;
}

#mainContainer
{
    width: 790px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 0px;
    margin-bottom: 0px;
    padding: 0px;
    overflow: auto;
 
}

#title
{
    border-bottom: 7px #fff solid;
    border-top: 7px #fff solid;
}

#lowerTitleImage
{
    border-bottom: 5px #fff solid;
}

#riverBG
{
    background-repeat: no-repeat;
}

#indexNavColLeft
{
	border: solid 0px black; /*change from 0 to 1 for layout debugging */
    position: absolute;
    width: 340px;
    left: auto;
    float: left;
    padding: 3px;
}


#indexNavColRight
{
	border: solid 0px black; /*change from 0 to 1 for layout debugging */
    position: absolute;
    width: 425px;
    left: 47%;
    float: right;
    padding: 3px;
}

#indexNavColCenter
{
    
    border: solid 1px black; /*change from 0 to 1 for layout debugging */
    position: relative;
    top:400px;
    width: 755px;
    float: none; 
    padding: 3px;
    clear: both;
    left:10px;
}


.indexTextFloat
{
    float: right;
    margin: 10px 0px 0px 0px;
    padding-right: 40px;
    position: relative;
    font-weight: normal;
}

.indexTextFloatCenter
{
	/* border: solid 0px black; change from 0 to 1 for layout debugging */
	border-bottom: solid 1px black;
	border-left: solid 1px black;
	border-right: solid 1px black;
    position: relative;
    top:400px;   
    padding:5px;
    text-align:center; 
    background-color:#ffffcc;
    color:#831927;
    width:751px;
    margin-left:10px;
    margin-right:10px;
}
.indexTextFloatLeft
{
    float: left;
    margin: 10px 0px 0px 0px;
    position: relative;
    background-color: #DFE1BE; /* light green */
    width: 300px;
}

.contentHomePageRight
{
    font-family: "Times New Roman" , Times, serif;
    font-size: 14px;
    color: #000000;
    width: 320px;
    margin-left: 5px;
    margin-bottom: 0px;
    line-height: 20px;
}


#contentArea
{
    margin: 5px 0px 5px 0px;
    padding: 5px 0px 5px 0px;
    border: 1px #990000 solid;
}
#contentArea p
{
    font-family: "Times New Roman" , Times, serif;
    font-size: 14px;
    color: #000000;
    width: 385px;
    margin-left: 25px;
    margin-bottom: 0px;
    line-height: 20px;
}

#contentArea ul
{
    font-family: "Times New Roman" , Times, serif;
    font-size: 14px;
}

.indexText
{
    /*font-family: Garamond;*/
    font-family: "Times New Roman" , Times, serif;
    font-size: 32px;
    font-weight: bold;
    padding: 0px 1px 0px 110px;
    font-style: italic;
    position: relative;
    top: -10px;
}

.indexTextFloat h1
{
    /*font-family:Garamond;*/
    font-family: "Times New Roman" ,Times,serif;
    font-size: 45px;
    color: #990000;
    padding: 0px;
    margin: 0px0px-10px0px;
    font-weight: bold;
    font-variant: small-caps;
    letter-spacing: -1px;
}

.doyonIndexText
{
    /*font-family:Garamond;*/
    font-family: "Times New Roman" ,Times,serif;
    font-size: 33px;
    color: #990000;
    padding: 0px;
    margin: 0px0px-10px10px;
    font-weight: bold;
    font-variant: small-caps;
}

.red16Point
{
    font-family: Times New Roman;
    font-size: 16pt;
    color: #990000;
    font-weight: bold;
    font-variant: small-caps;
}

.red13Point
{
    font-family: Times New Roman;
    font-size: 13pt;
    color: #990000;
    font-weight: bold;
    font-variant: small-caps;
}

.red11Point
{
    font-family: Times New Roman;
    font-size: 11pt;
    color: #990000;
    font-weight: bold;
    font-variant: small-caps;
}

table.HRContacts
{
    border-width: 0 0 2px 2px;
    border-style: solid;
    border-color: gray;
}

#HRContactsTable td
{
    border-width: 2px 2px 0 0;
    border-style: solid;
    border-color: gray;
}

/* HR FAQ */
.accordionLink
{
    font-weight: bold;
    font-size: 15px;
}

.AccordHeader
{
    font-family: Verdana;
    font-size: 13px;
    color: rgb(0,0,0);
}

.homePageAccordHeader
{
    margin-left: 0px;
    margin-right: 0px;
    margin-bottom: 5px;
    padding: 4px 2px 1px 2px;
    font-family: Verdana;
    font-size: 12pt;
    background-color: #7d8458; /*text-decoration:underline;*/
    color: white;
    border: solid 2px #222c2c;
    cursor: pointer; /*color:#993333; 	font-weight:bold;*/
}

.homePageAccordHeaderSelected
{
    margin-left: 0px;
    margin-right: 0px;
    margin-bottom: 5px; /*padding:4px 2px 1px 2px;*/ /*background-color:#cf2626;*/
    background-color: #617aa5;
    font-family: Verdana;
    font-size: 12pt;
    font-weight: bold;
    color: White;
    border: solid 2px #2222aa;
    cursor: pointer; /*color:white; 	font-weight:bold;*/
}

.hrPageAccordContent
{
    /*color:#2222aa;*/
    padding: 5px 5px 5px 5px;
    font-family: Verdana;
    font-size: 10pt;
}

/* end HR FAQ */

.clear
{
    clear: both;
}

#bottomContentLeft
{
    float: left;
    border: 1px #990000 solid;
    width: 270px;
    margin-top: 10px;
    margin-right: 6px;
}

#bottomContentCenter
{
    float: left;
    border: 1px #990000 solid;
    width: 232px;
    height: 89px; /*need this until an image is added to the section */
    margin-top: 10px;
    margin-right: 5px;
    text-align: center;
    background-color: #ffffff;
}

#bottomContentRight
{
    float: left;
    border: 1px #990000 solid;
    width: 270px;
    margin-top: 10px;
}

#bottomContentLeft p
{
    padding: 0px 0px 0px 7px; /*font-family:Garamond;*/
    font-family: "Times New Roman" ,Times,serif;
    margin-top: 5px;
    margin-bottom: 0px;
}

#bottomContentCenter p
{
    padding: 0px 0px 0px 7px; /*font-family:Garamond;*/
    font-family: "Times New Roman" , Times, serif;
    margin-top: 5px;
    margin-bottom: 0px;
}

#bottomContentRight p
{
    padding: 0px 0px 0px 7px; /*font-family:Garamond;*/
    font-family: "Times New Roman" , Times, serif;
    margin-top: 5px;
    margin-bottom: 0px;
}

#bottomContentRight a, #bottomContentLeft a, #bottomContentCenter a
{
    text-decoration: none;
    color: #000000;
    font-weight: bold;
}

#river_home
{
    background-image: url(/images/river_home.jpg);
}


/***************** Level 2 Styles  ************************/

#L2contentWrap
{
    font-size: 14px;
    margin-top: 5px;
    margin-left: 1px;
    border: 1px #990000 solid;
    width: 786px;
    overflow: hidden;
}

#L2contentWrap p
{
    font-family: "Times New Roman" , Times, serif;
    font-size: 14px;
    color: #000000;
    line-height: 22px;
    margin-top: 10px;
    margin-bottom: 10px;
}

#yukonFlats
{
    font-family: "Times New Roman" , Times, serif;
    font-size: 11px;
    background-color: #FFFFFF;
    padding-right: 10px;
    font-weight: normal;
}

#yukonFlats p
{
    font-family: "Times New Roman" , Times, serif;
    font-size: 11px;
    background-color: #FFFFFF;
    padding-right: 10px;
    font-weight: normal;
}

#subNavText
{
    font-family: "Times New Roman" , Times, serif;
    font-size: 11px;
    background-color: #FFFFFF;
    padding-right: 10px;
    font-weight: normal;
}

#subNavText p
{
    line-height: 10px;
    color: #666666;
}

#L2contentWrap table
{
    font-family: "Times New Roman" , Times, serif;
    font-size: 14px;
    color: #000000;
    line-height: 19px;
}

.landsTable
{
    margin-top: 20px;
    margin-bottom: 18px;
}

.landsTable td
{
    padding: 0px 5px 0px 5px;
}

.Level2Title
{
    /*font-family:Garamond;*/
    font-family: "Times New Roman" , Times, serif;
    font-size: 19px;
    color: #990000;
    padding: 0px;
    margin: 15px 0px 0px 0px;
    font-weight: bold;
    font-variant: small-caps;
}

#L2ContentFloat
{
    /* holds main content on level 2 pages */
    float: left;
    width: 585px;
    margin: 0px 0px 10px 5px;
}


.firstParagraph
{
    margin-top: 5px;
}

#L2ContentFloat h1
{
    /*font-family:Garamond;*/
    font-family: "Times New Roman" , Times, serif;
    font-size: 19px;
    color: #990000;
    padding: 0px;
    margin: 15px 0px 0px 0px;
    font-weight: bold;
    font-variant: small-caps;
}


#L2ContentFloat ul
{
    font-family: "Times New Roman" , Times, serif;
    font-size: 14px;
    color: #000000;
    padding: 0px;
    margin: -10px 0px 0px 15px;
}

#L2ContentFloat ol
{
    font-family: "Times New Roman" , Times, serif;
    font-size: 14px;
    color: #000000;
    padding: 0px;
    margin-top: -5px;
}

#L2contentWrap li
{
    line-height: 19px;
}


#L2contentWrap a
{
    text-decoration: none;
    color: #617AA5;
    font-weight: bold;
}

#L2contentWrap a:hover
{
    color: #666666;
}

.L2IntroPage
{
    float: right;
    text-align: left;
    width: 272px;
    margin: 0px 10px 0px 5px;
    font-family: "Times New Roman" , Times, serif;
    font-size: 14px;
    color: #000000;
    line-height: 20px;
    margin-top: 10px;
    margin-bottom: 10px;
}

.L2IntroPage h1
{
    /*font-family:Garamond;*/
    font-family: "Times New Roman" , Times, serif;
    font-size: 19px;
    color: #990000;
    padding: 0px;
    margin: 15px 0px 0px 0px;
    font-weight: bold;
    font-variant: small-caps;
}



.L2IntroPage ul
{
    font-family: "Times New Roman" , Times, serif;
    font-size: 14px;
    color: #000000;
    padding: 0px 0px 0px 0px;
    margin: -15px 0px -4px 60px;
    list-style: none;
}

#adminsubFloat
{
    /* div for admin subnav */
    float: left;
    width: 800px;
    margin: 12px 10px 10px 12px;
    padding: 0;
    font-weight: bold;
}

#subFloat
{
    /* div for subnav */
    float: left;
    width: 160px;
    margin: 12px 10px 10px 12px;
    padding: 0;
    background-image: url(//www.doyon.com/images/subbg.gif);
    background-repeat: repeat-y;
    font-weight: bold;
}

#subFloat ul
{
    font-family: "Times New Roman" , Times, serif;
    font-size: 12px;
    color: #000000;
    padding: 0px;
    margin: 0px 0px 0px 0px;
    list-style: none;
}

#subFloat p
{
    margin: 0px 0px 0px 10px;
    padding: 0px 0px 0px 0px;
    line-height: 19px;
}

#subFloat a
{
    text-decoration: none;
    color: #821725; /* maroon*/
    font-weight: bold;
}

#subFloat ul
{
    margin-left: 5px;
}

.ImageContainer
{
    float: right;
    padding: 0px 0px 10px 15px;
    text-align: center;
    font-family: "Times New Roman" , Times, serif;
    font-size: 12px;
}

.ImageContainer img
{
    border-color: #000000;
}

span.headerCaps
{
    /*font-family:Garamond;*/
    font-family: "Times New Roman" , Times, serif;
    font-size: 17px;
    color: #990000;
    padding: 0px;
    margin: 15px 0px 0px 0px;
    font-weight: bold;
    font-variant: small-caps;
}


/**************** End Level 2 styles  ***********************/


#fullWidth
{
    /* holds main content on full width pages  */
    float: left;
    width: 750px;
    margin: 0px 0px 10px 20px;
}


#fullWidth p
{
    font-family: "Times New Roman" , Times, serif;
    font-size: 14px;
    color: #000000;
    line-height: 20px;
    margin-top: 10px;
    margin-bottom: 10px;
}

.smallfont
{
    font-size: 11px;
    color: #333333;
}

#fullWidth h1
{
    /*font-family:Garamond;*/
    font-family: "Times New Roman" , Times, serif;
    font-size: 19px;
    color: #990000;
    padding: 0px;
    margin: 15px 0px 0px 0px;
    font-weight: bold;
    font-variant: small-caps;
}

#fullWidth ul
{
    font-family: "Times New Roman" , Times, serif;
    font-size: 14px;
    color: #000000;
    padding: 0px;
    margin: 0px 0px 0px 30px;
}

#fullWidth ol
{
    font-family: "Times New Roman" , Times, serif;
    font-size: 14px;
    color: #000000;
    padding: 0px;
    margin: 0px 0px 0px 30px;
}

.clear
{
    clear: both;
    overflow: hidden;
    height: 0px;
}

#bottomContentLeft p
{
    padding: 0px 0px 0px 7px; /*font-family:Garamond;*/
    font-family: "Times New Roman" , Times, serif;
    font-size: 13px;
    margin-top: 5px;
    margin-bottom: 0px;
}

/*Commented out for survey announcement.  ERICN 1/15/09
#bottomContentRight p
{
    padding: 0px 0px 0px 17px; /*font-family:Garamond;
    font-family: Times New Roman , Times, serif;
    font-size: 13px;
    margin-top: 5px;
    margin-bottom: 0px;
}*/

#bottomContentRight p
{
    text-align: center;
    padding: 0px 0px 0px 0px; /*font-family:Garamond;*/ /*font-size:13px;*/
    font-family: "Times New Roman" , Times, serif;
    margin-top: 5px;
    margin-bottom: 0px;
}

.bottomCenterBold
{
    color: #000000;
    font-variant: small-caps;
    font-size: 14px;
    font-weight: bold;
}

.bottomBold
{
    color: #000000;
    font-variant: small-caps;
    font-size: 14px;
    font-weight: bold;
}

/* for survey announcement. ERICN 1/15/09*/
.CareerSurveyFont
{
    font-size: 10px;
}

/* for survey announcement. ERICN 1/15/09*/
.bottomHeadingBold
{
    color: #990000;
    font-size: 14px;
    font-weight: bold;
}

.bottomRegular
{
    font-size: 13px;
}


#footer
{
    padding: 10px 0px 0px 0px; /*font-family:Garamond;*/
    font-family: "Times New Roman" , Times, serif;
    font-size: 13px;
    color: #fff;
    position: relative;
    width: 790px;
    margin-left: auto;
    margin-right: auto;
}

#search_box
{
    width: 201px;
    height: 30px;
    background: url(//www.doyon.com/images/bg_search_box.gif);
    background-repeat: no-repeat;
    margin-top: 7px;
}

form
{
    margin: 0;
}

#search_box #s
{
    float: left;
    padding: 0;
    margin: 4px 0 0 6px;
    border: 0;
    width: 159px;
    background: none; /*font-family:Garamond;*/
    font-family: "Times New Roman" , Times, serif;
    font-size: 14px;
    color: #333;
}

#search_box #go
{
    float: right;
    margin: 0px 4px 0 0;
}

#footer a
{
    color: #fff;
    text-decoration: none;
}

#footerTagline
{
    background-color: #617AA5; /* blue */
    width: 790px;
    margin: 0px;
    padding: 0px; /*font-family:Garamond;*/
    font-family: "Times New Roman" , Times, serif;
    font-size: 15px;
    color: #fff;
    position: relative;
}

#footerTagline p
{
    margin: 0px;
    padding: 0px;
    font-weight: normal;
}

div.spacer
{
    clear: both !important;
}

.italics
{
    font-style: italic;
}

#DALLC
{
    display: inline;
    width: 200px;
}

#DALLC2
{
    display: inline;
    margin-left: 300px;
}

#spinner
{
    padding: 0px 0px 0px 100px;
    z-index: 1;
}


style1
{
    font-size: small;
    font-weight: bold;
    font-style: italic;
}

#bottomContent
{
    border: 1px #990000 solid;
    width: 250px;
    padding: 4px 4px 0px 4px;
    margin-top: 15px;
    background-color: #FCF7F7;
}
#bottomContent h1
{
    text-align: center;
    font-family: "Times New Roman" , Times, serif;
    font-size: 12px;
    font-weight: bold;
    font-variant: small-caps;
    color: #990000;
    margin: -5px 0px 0px 0px;
}
#bottomContent p
{
    font-family: "Times New Roman" , Times, serif;
    font-size: 12px;
    color: #000000;
    margin-left: 2px;
    margin-bottom: 0px;
    line-height: 20px;
}

#boxedContent
{
    border: 1px #990000 solid;
    padding: 4px 4px 4px 4px;
    background-color: #FCF7F7;
}

div.themenu
{
    padding-left: 0px;
    background-color: #5b2d0b;
    border-bottom: solid 1px #ae8257;
    z-index: 100;
}

span.marqueHeader
{
    font-family: georgia, arial, sans-serif;
    font-size: 15px;
    font-weight: bold;
    color: #821725;
}
span.marqueText
{
    font-size: 12px;
    font-family: georgia, arial, sans-serif;
    font-weight: bold;
    color: #821725;
}
a.marqueLink
{
    color: #617AA5; /*  Blue  */
}


div.blockquote
{
    margin-left: 50px;
}

.modalBackground
{
    background-color: Gray;
    filter: alpha(opacity=70);
    opacity: 0.7;
}

.modalPopup
{
    border: 2px solid black;
    padding: 20px 20px 20px 20px;
    background-color: White;
}


/***********************************  Comments *********************************/
#leftColumnApprove
{
    float: left;
    width: 246px;
    padding-left: 20px;
}
#leftColumnApprove p
{
    margin:0;
    padding:0;
}
.listBoxesApprove
{
    height: 150px;
    width: 200px;
}
.rightColumnApprove
{
    margin-top: 15px;
    float: left;
    display: block;
    padding-left: 20px;
}
.rightColumnLabels
{
    display: block;
    float: left;
    width: 95px;
}
/* ********** Home Page Model Pop-up ************* */

.GrayedOut
{
    background-color: Gray;
    background: url('../../images/american-flag1280_960.jpg') no-repeat;
    background-position: center;
    filter: alpha(opacity=80);
    -moz-opacity: 0.8;
    -khtml-opacity: 0.8;
    opacity: 0.8;
}

.ModalPopup
{
    background-color: transparent;
    background-position: center;
    padding: 0;
    border: none;
}
.textBox
{
    /*background-color:#dfe1be;*/
    background-color: white;
    border: 1px solid black;
    border-width: 2px;
}

.textBox p
{
    margin: 30px 40px 20px 10px;
    color: #821725;
}

/* ********** END Home Page Model Pop-up ************* */

/* ********** Simple two column display for Outreach Page ************* */

.outreach_twoColumnLeft, .outreach_twoColumnRight, .outreach_middleColumn
{
	border: solid 0px black; /*change from 0 to 1 for layout debugging */
    margin-bottom: 5px;
    height: 975px;
}

.outreach_twoColumnWrap
{
    width: 795;
}

.outreach_twoColumnLeft
{
    float: left;
    width: 394px;
    background-color: #dfd8bb;
}

.outreach_middleColumn
{
    background-color: Black;
    width: 1px;
    float: right;
}

.outreach_twoColumnRight
{
    float: right;
    width: 394px;
    background-color: #fcf7f7;
}

.outreach_TopBar
{
    height: 10px;
    background-color: #990000;
}

.outreach_Article
{
    margin-left: 5px;
    margin-right: 3px;
}


/* ********** END Simple two column display for Outreach Page ************* */

/* ********** Simple two column display ************* */

.twoColumnWrap
{
    width: 790;
}

.twoColumnLeft
{
    float: left;
    width: 499px;
    border-left: solid 1px black;
    border-top: solid 1px black;
    border-bottom: solid 1px black;
}

.twoColumnRight
{
    float: right;
    width: 288px;
    background-color: #fcf7f7;
    border: solid 1px black;
}

.twoColumnLeft, .twoColumnRight
{
    height: 1275px;
    margin-bottom: 5px;
}

/* ********** END Simple two column display ************* */

/* ********** Newsletter CSS ************* */

/* archives home */
.newsletterRowStyle
{
    padding-right: 3px;
    background-color: #F7F6F3;
    color: #333333;
}

.newsletterAlternatingRowStyle
{
    padding-right: 3px;
    background-color: White;
    color: #284775;
}

/* newsletter */

.newsletterTitle
{
    background-color: #666633;
    color: White;
    font-family: Arial Black;
    font-size: 12pt;
    text-align: center;
    width: 700px;
    border: solid 0px black; /* turned off due to item 24354 - July newletter displaying incorrectly - see issue for details */ 
}

.newsletterHeader
{
    text-align: center;
    width: 700px;
    border: solid 0px black; /* turned off due to item 24354 - July newletter displaying incorrectly - see issue for details */ 
}

.newsletterTable
{
    text-align: left;
    padding-left: 0px;
    padding-right: 0px;
    width: 700px;
}

.newsletterStoryTitle
{
    font-size: 18pt;
    color: #3366cc;
    font-family: 'Arial Narrow' , 'sans-serif';
}

.newsletterAlternatingStoryTitle
{
    font-size: 18pt;
    color: #3366cc;
    font-family: 'Arial Narrow' , 'sans-serif';
    background-color: #dfd8bb;
}

.newsletterAlternatingColumn
{
    background-color: #dfd8bb;
}

.newsletterStorySeparaterBar
{
    background-color: #3366cc;
    width: 100%;
    color: White;
}


/* ********** END newsletter CSS ************* */


/* ********** invisible buttons ************* */
.invisibleButton
{
    display: none;
}

/* ********** BEGIN GENERAL GRID CSS ************* */

.mGrid
{
    background-color: #fff;
    margin: 5px 0 10px 10px;
    border: solid 1px #525252;
    border-collapse: collapse;
}
.mGrid td
{
    padding: 2px;
    border: solid 1px #c1c1c1;
    color: #717171;
}
.mGrid th
{
    padding: 4px 2px;
    color: #fff;
    background: #617AA5;
    border-left: solid 1px #525252;
    font-size: 0.9em;
    font-weight: bold;
}
.mGrid .alt
{
    background-position: #EEEFE9;
    background: #EEEFE9;
}
.mGrid .pgr
{
    background: #424242;
}
.mGrid .pgr table
{
    margin: 5px 0;
}
.mGrid .pgr td
{
    border-width: 0;
    padding: 0 6px;
    border-left: solid 1px #666;
    font-weight: bold;
    color: #fff;
    line-height: 12px;
}
.mGrid .pgr a
{
    color: #666;
    text-decoration: none;
}
.mGrid .pgr a:hover
{
    color: #000;
    text-decoration: none;
}

/* ********** END GENERAL GRID CSS ************* */