/*
main.css - The main css file for the SCF Arizona website.
(c) 2009 SCF Arizona, All Rights Reserved
Author: Shawn Houser 10/2009
*/

a:link {
color:              #59677e;
/*font-size:          12px;*/
font-weight:        normal;
/*line-height:        150%;*/
}

.Body {
margin:             0px;
padding:            0px;
line-height:        120%;
font-family:        sans-serif;
text-align:         center;
background-color:   #6C6E9E;
background-image:   url('/img/mountain_background.jpg');
background-attachment:fixed;
background-position:-70px 0px;
background-repeat:  repeat-x;
}

/* The main centered div that contains the page (contains wrappertable below) */
.WrapperDiv {
margin:             0px auto 0px auto;
padding:            0px;
text-align:         left;
width:              975px;
/*height:             950px;*/
overflow:           hidden;
/*background-color:   blue;*/
/*display:            none;*/
}

/* The main table that contains the page (within wrapperdiv above) */
.WrapperTable {
margin:             0px;
padding:            0px;
text-align:         left;
width:              100%;
/*background-color:   #f0f2f7;*/
background-color:   #ffffff;
overflow:           hidden;
}


/* Used for vertical spacing in page */
.VSpacer {
padding:            0px;
margin:             0px;
overflow:           hidden;
clear:              both;
width:              1px;
height:             1px;
}

.VSpacerHalfLine {
padding:            0px;
margin:             0px;
overflow:           hidden;
clear:              both;
width:              1px;
height:             10px;
}

.VSpacerQuarterLine {
padding:            0px;
margin:             0px;
overflow:           hidden;
clear:              both;
width:              1px;
height:             5px;
}

.VSpacerQuarterLineFloat {
padding:            0px;
margin:             0px;
overflow:           hidden;
width:              1px;
height:             5px;
}


/* Used for horizontal spacing in page */
.HSpacer {
padding:            0px;
margin:             0px;
overflow:           hidden;
width:              1px;
height:             1px;
}

/* Used for subtle vertical breaks in page */
.VSubtleBreak {
padding:            0px;
margin:             0px auto 0px auto;
width:              90%;
height:             1px;
clear:              both;
background-color:   #e9e4b2;
overflow:           hidden;

}


/* Ensures cross browser rendering of blocks */
.NoPad {
padding:            0px;
margin:             0px;
overflow:           hidden;
}

/* Form buttons */
.FormButton {
background-color:   #ff6900;
color:              white;
padding:            0px;
margin:             0px;
font-size:          13px;
font-weight:        bold;
border:             2px outset #b65510;
}

/* Footer text */
.FooterText {
color:              #4d4e45;
font-size:          11px;
}

/* Main Navigation bar text */
.NavBarText {
text-align:         center;
color:              #e3e3e3;
font-size:          17px;
font-weight:        bold;
line-height:        22px;
}

/* Titlebar text for dialogs */
.DlgTBText {
text-align:         left;
color:              white;
font-size:          16px;
font-weight:        bold;
line-height:        42px;
}

/* Dialog row settngs */
.DlgRow {
background-color:   #ffffff;
}

/* Dialog text items */
.DlgText {
color:              #59677e;
font-size:          12px;
line-height:        150%;
text-decoration:    none;
}
a.DlgText:hover {
color:              #FF6900;
font-weight:        bold;
font-size:          12px;
line-height:        150%;
}

/* Button text */
.ButtonText {
color:              #fefefe;
font-size:          13px;
font-weight:        bold;
line-height:        17px;
}

/* Form entry field text */
.FormEntryText {
color:              black;
font-size:          12px;
font-weight:        normal;
line-height:        120%;
}

/* Form field prompt text */
.FormPromptText {
color:              #59677e;
font-size:          12px;
font-weight:        bold;
line-height:        120%;
}

/* Form error text */
.FormErrorText {
color:              red;
font-size:          14px;
font-weight:        bold;
line-height:        120%;
}

/* Form entry fields */
.FormEntry {
border:             1px solid #59677e;
margin:             0px;
padding:            2px;
}

/* Menu list item */
.MenuListItem {
width:              100%;
margin:             0px;
padding:            0px;
text-align:         left;
background-image:   url("/img/dlg_row_bg.gif");
background-repeat:  repeat-x;
line-height:        30px;
}

/* Column header text */
.ColumnHeader {
color:              #e24912;
font-size:          22px;
font-weight:        bold;
line-height:        120%;
}

/* Column section text*/
.ColumnSection {
color:              #59677e;
font-size:          14px;
font-weight:        bold;
line-height:        140%;
}

/* Column sub-section text*/
.ColumnSubSection {
color:              #59677e;
font-size:          13px;
font-weight:        bold;
line-height:        140%;
}

/* Column text */
.ColumnText {
color:              #59677e;
font-size:          12px;
line-height:        140%;
}

/* Author attribution text */
.Author {
color:              #59677e;
font-size:          10px;
font-style:         italic;
line-height:        120%;
}

/* Column body container */
.ColumnBody {
margin:             0px 10px 10px 10px;
}

/* Bread crumb nav text */
.BreadCrumb {
color:              #999999;
font-size:          11px;
line-height:        130%;
}

/* Search result row title */
.SearchResTitle {
color:              #000099;
font-size:          14px;
font-weight:        bold;
line-height:        120%;
}

/* Search result row text */
.SearchResText {
color:              #59677e;
font-size:          12px;
line-height:        120%;
}

/* Lower footer */
.LowerFooter {
background-repeat:  repeat;
overflow:           hidden;
/*opacity:            .20;
filter:             alpha(opacity=20);*/
}

/* Menu panels */
.MenuPanel {
font-size:          15px;
font-weight:        bold;
line-height:        22px;
color:              #6d6e65;
overflow:           hidden;
}
.MenuPanelFooter {
border:             0px solid #a08db6;
border-bottom-width:1px;
overflow:           hidden;
}


/* Popup menu titles */
.PopupTitle {
text-align:         center;
color:              #933917;
font-size:          17px;
font-weight:        bold;
line-height:        22px;
}

/* Left floated images */
.LeftFloatImage {
border:             2px solid #777777;
padding:            0px;
margin:             0px 15px 10px 0px;
float:              left;
}

/* Left floated images no border */
.LeftFloatImageNB {
border:             0px;
padding:            0px;
margin:             0px 0px 10px 15px;
float:              left;
}

/* Right floated images */
.RightFloatImage {
border:             1px solid #777777;
padding:            0px;
margin:             0px 0px 10px 15px;
float:              right;
}

/* Right floated images no border */
.RightFloatImageNB {
border:             0px;
padding:            0px;
margin:             0px 0px 10px 15px;
float:              right;
}

/* Centered images */
.CenteredImage {
position: fixed;
  top: 50%;
  left: 50%;
  margin-top: -50px;
  margin-left: -100px;
}

.IndentBlock {
margin:             0px 0px 0px 20px;
}

/* For online forms */
.OnlineForm {
/*
background-color:   white;
border:             2px solid #777777;
width:              704px;
*/
}

.TableRow1{
background-color:   #e9ebef;
}

.TableRow2{
background-color:   #f9fBfE;
}

.VideoBorder{
text-align:         center;
}

.DlgHeaderBackColor{
background-color:   #6a5e16;
}

/* ************************************************************
START 3 COLUMN LAYOUT STYLES
************************************************************ */
/* 3col left border cell */
.LtBorder3Col{
width:              1px;
background-color:   #cacfe0;
}
/* 3col spacer cell */
.Spacer3Col{
width:              5px;
}
/* 3col left column */
.LeftCol3Col{
width:              200px;
overflow:           hidden;
}
/* 3col column divider */
.ColDiv3Col{
width:              2px;
background-image:   url('/img/body_div_line.gif');
background-repeat:repeat-y;
}
/* 3col right border cell */
.RtBorder3Col{
width:              1px;
background-color:   #cacfe0;
}
/* 3col right column */
/* NOTE; THE HOME PAGE MAKES A MANUAL OVERRIDE OF THIS */
.RightCol3Col{
width:              210px;
overflow:           hidden;
}
/* ************************************************************
END 3 COLUMN LAYOUT STYLES
************************************************************ */

/* ************************************************************
START LEFT SIDE DIALOG LAYOUT STYLES
************************************************************ */
.LeftDialogTable{
width:              100%;
overflow:           hidden;
background-color:   #ffffff;
}
.LeftDialogTopLeft{
width:              9px;
overflow:           hidden;
border:             0px solid #e6e8eb;
border-width:       1px 0px 0px 1px;
}
.LeftDialogTopRight{
width:              9px;
overflow:           hidden;
border:             0px solid #e6e8eb;
border-width:       1px 1px 0px 0px;
}
.LeftDialogTop{
background-image:   url('/img/dlg_frame_tb_bg.gif');
background-repeat:  repeat-x;
overflow:           hidden;
border:             0px solid #e6e8eb;
border-width:       1px 0px 0px 0px;
}
.LeftDialogLeft{
width:              9px;
overflow:           hidden;
border:             0px solid #e6e8eb;
border-width:       0px 0px 0px 1px;
}
.LeftDialogRight{
width:              9px;
overflow:           hidden;
border:             0px solid #e6e8eb;
border-width:       0px 1px 0px 0px;
}
.LeftDialogBottomLeft{
width:              9px;
overflow:           hidden;
border:             0px solid #e6e8eb;
border-width:       0px 0px 1px 1px;
}
.LeftDialogBottomRight{
width:              9px;
overflow:           hidden;
border:             0px solid #e6e8eb;
border-width:       0px 1px 1px 0px;
}
.LeftDialogBottom{
border:             0px solid #e6e8eb;
border-width:       0px 0px 1px 0px;
overflow:           hidden;
}
/* ************************************************************
END LEFT SIDE DIALOG LAYOUT STYLES
************************************************************ */

/* ************************************************************
START RIGHT SIDE DIALOG LAYOUT STYLES
************************************************************ */
.RightDialogTable{
width:              100%;
overflow:           hidden;
background-color:   #ffffff;
}
.RightDialogTopLeft{
width:              9px;
overflow:           hidden;
border:             0px solid #e6e8eb;
border-width:       1px 0px 0px 1px;
}
.RightDialogTopRight{
width:              9px;
overflow:           hidden;
border:             0px solid #e6e8eb;
border-width:       1px 1px 0px 0px;
}
.RightDialogTop{
background-image:   url('/img/dlg_frame_tb_bg.gif');
background-repeat:  repeat-x;
border:             0px solid #e6e8eb;
border-width:       1px 0px 0px 0px;
overflow:           hidden;
}
.RightDialogLeft{
width:              9px;
border:             0px solid #e6e8eb;
border-width:       0px 0px 0px 1px;
overflow:           hidden;
}
.RightDialogRight{
width:              9px;
border:             0px solid #e6e8eb;
border-width:       0px 1px 0px 0px;
overflow:           hidden;
}
.RightDialogBottomLeft{
width:              9px;
overflow:           hidden;
border:             0px solid #e6e8eb;
border-width:       0px 0px 1px 1px;
}
.RightDialogBottomRight{
width:              9px;
overflow:           hidden;
border:             0px solid #e6e8eb;
border-width:       0px 1px 1px 0px;
}
.RightDialogBottom{
border:             0px solid #e6e8eb;
border-width:       0px 0px 1px 0px;
overflow:           hidden;
}
.DialogVSpacer{
clear:              both;
height:             10px;
width:              100px;
overflow:           hidden;
}
/* ************************************************************
END RIGHT SIDE DIALOG LAYOUT STYLES
************************************************************ */

/* ************************************************************
START TABS STYLES
************************************************************ */
ul#tabnav {         /* general settings */
text-align:         left; /* set to left, right or center */
margin:             0; /* set margins as desired */
font:               bold 11px sans-serif; /* set font as desired */
border-bottom:      2px solid #555555; /* set border COLOR as desired */
list-style-type:    none;
padding:            3px 10px 5px 10px; /* THIRD number must change with respect to padding-top (X) below */
}
ul#tabnav li {      /* do not change */
display: inline;
}
body#tab1 li.tab1, body#tab2 li.tab2, body#tab3 li.tab3, body#tab4 li.tab4, body#tab5 li.tab5, body#tab6 li.tab6 { /* settings for selected tab */
border-bottom:      1px solid #ffffff; /* set border color to page background color */
background-color:   #ffffff; /* set background color to match above border color */
}
body#tab1 li.tab1 a, body#tab2 li.tab2 a, body#tab3 li.tab3 a, body#tab4 li.tab4 a, body#tab5 li.tab5 a, body#tab6 li.tab6 a { /* settings for selected tab link */
background-color:   #ffffff;/*#F3E3D2; /* set selected tab background color as desired */
color:              #e24611;/*#882400; /* set selected tab link color as desired */
position:           relative;
top:                1px;
padding-top:        4px; /* must change with respect to padding (X) above and below */
font-weight:        bold;
font-size:          14px;
border-bottom:      3px solid #ffffff;
/*border-bottom:      3px solid #D3C2B1;*/
}
ul#tabnav li a {    /* settings for all tab links */
padding:            3px 4px; /* set padding (tab size) as desired; FIRST number must change with respect to padding-top (X) above */
border:             1px solid #555555; /* set border COLOR as desired; usually matches border color specified in #tabnav */
background-color:   #533477;/*#E24611; /* set unselected tab background color as desired */
color:              #e3e3e3; /* set unselected tab link color as desired */
margin-right:       0px; /* set additional spacing between tabs as desired */
text-decoration:    none;
border-bottom:      none;
border-bottom:      2px solid #4b2c6f;/*#D33601;*/
font-weight:        bold;
font-size:          14px;
}
ul#tabnav a:hover { /* settings for hover effect */
background:         #7A1E00; /* set desired hover color */
border-bottom:      3px solid #721100;
color:              #ffffff;
}
/* ************************************************************
END TABS STYLES
************************************************************ */
/* ************************************************************
START PCN STYLES
************************************************************ */
.PCNSearchBox {
border:             solid;
border-width:       2px 1px 1px 2px;
border-color:       #59879e;
width:              500px;
}
.PCNResultsBox {
border:             solid;
border-width:       2px 1px 1px 2px;
border-color:       #59879e;
width:              100%;
}
.PCNResultsHeaderText {
color:              #777777;
font-size:          11px;
font-weight:        bold;
border:             1px solid #777777;
border-width:       1px 0px 1px 0px;
}
.PCNResultsText {
color:              #59677e;
font-size:          11px;
font-weight:        normal;
}
.PCNSearchBoxTitle {
width:              250px;
background-color:   #59879e;
color:              white;
font-size:          16px;
line-height:        160%;
}
.PCNRequired {
color:              #ed7123;
}
.PCNResRow1 {
background-color:   #F9FBFE;
}
.PCNResRow2 {
}
.PCNLinkBox {
position:           absolute;
top:                -3000px;
left:               -3000px;
width:              970px;
height:             115px;
background-color:   #f1f3f7;
border:             solid;
border-width:       2px 1px 1px 2px;
border-color:       #59879e;
}

/* ************************************************************
END PCN STYLES
************************************************************ */