/*========================================================*/
/*  Universal                                             */
/*========================================================*/

body
{
    background-color: #365074; /* Dark Blue */
    color: Black;
    font-family: "Trebuchet MS" , Geneva, Arial, Helvetica, SunSans-Regular, sans-serif;
    height: 96%;
    margin: 2% auto; /* center the body horizontally on the page */
    width: 900px;
}

/* give all elements a default font */
*
{
    font-family: "Trebuchet MS" , Verdana, sans-serif;
    font-size: 10pt;
}

.CrossroadsToHealthSkin
{
    background-color: #F6F3DA; /* Beige */
}

.LayoutTable
{
}

p
{
    font-family: "Trebuchet MS" , Verdana, sans-seriff;
    line-height: 1.4em;
}
h1, h1 .Head
{
    color: #c57002;
    font-size: 16pt;
    font-family: "trebuchet ms";
    font-weight: bold;
    margin: 0.5em 0;
}
h2, h2 .Head
{
    color: #3e660e;
    font-size: 14pt;
    font-family: "trebuchet ms";
    font-weight: bold;
    margin: 0.5em 0;
}
h3, h3 .Head
{
    color: #c57002;
    font-size: 12pt;
    font-family: "Trebuchet MS";
    font-weight: bold;
    margin: 0.5em 0;
}
h4, h4 .Head
{
    color: #3e660e;
    font-size: 11pt;
    font-family: "Trebuchet MS";
    font-weight: bold;
    margin: 0.5em 0;
}

h5, h5 .Head
{
    color: #c57002;
    font-size: 10pt;
    font-family: "Trebuchet MS";
    font-weight: bold;
    margin: 0.5em 0;
}
a:link
{
    color: #4554d0;
    text-decoration: none;
}
a:visited
{
    color: #4554d0;
    text-decoration: none;
}
a:hover
{
    color: #414fc4;
    background-color: #cbdf61;
    text-decoration: none;
}
a:active
{
    color: #000;
    text-decoration: none;
}
.Pane ul
{
    font-size: 90%;
    list-style-type: square;
}
.Pane ol
{
    font-size: 90%;
    list-style-type: decimal;
}
.Pane li
{
    margin-bottom: 0.25em;
}
.paragraph_lead
{
    color: #8821b0;
    font-weight: bold;
    text-transform: uppercase;
}
.table_text
{
    font-size: 80%;
    font-family: "Trebuchet MS" , Geneva, Arial, Helvetica, SunSans-Regular, sans-serif;
}
.inline_image_right
{
    float: right;
    margin: 0 0 10px 10px;
    border: solid 1px #3f7c61;
}
.inline_image_no_border
{
    margin: 0 0 10px 10px;
    float: right;
}

/****** DotNetNuke SkinObjects ******/

/* We need these more specific CSS rules than
   our ones above to the override the DNN specific rules
   for these objects. */

.SkinObject
{
    color: Black;
    font-family: "Trebuchet MS" , Geneva, Arial, Helvetica, SunSans-Regular, sans-serif;
    font-size: 1em;
    font-weight: normal;
}

a.SkinObject, a.SkinObject:active, a.SkinObject:visited
{
    color: #0000cc;
}

/*========================================================*/
/*  Design Elements                                       */
/*========================================================*/

#logo
{
    margin: 0;
    padding: 0;
}

#logo img a
{
    margin: 0;
    padding: 0;
    border: 0;
}

/*========================================================*/
/*  Tokens                                                */
/*========================================================*/

/*-- login token idle --*/
.LOGIN_object, a.LOGIN_object:link, a.LOGIN_object:visited, a.LOGIN_object:active
{
    color: #939393;
    font-weight: bold;
    height: 2em;
    margin: 0 0 0 1.3em;
    padding: 0.25em 0 0.25em 25px;
    text-decoration: none;
}

/*-- login token hover --*/
a.LOGIN_object:hover
{
    color: #444444;
    text-decoration: none;
}

/*-- user token idle --*/
.USER_object, a.USER_object:link, a.USER_object:visited, a.USER_object:active
{
    color: #939393;
    font-weight: bold;
    height: 2em;
    margin: 0 0 0 1.3em;
    padding: 0.25em 0 0.25em 25px;
    text-decoration: none;
}

/*-- user token hover --*/
a.USER_object:hover
{
    color: #444444;
    text-decoration: none;
}

/*-- date token idle --*/
.DATE_object, a.DATE_object:link, a.DATE_object:visited, a.DATE_object:active
{
    color: #939393;
    text-decoration: none;
}

/*-- date token hover --*/
a.DATE_object:hover
{
    color: #c1c1c1;
    text-decoration: none;
}

/*-- breadcrumbs token idle --*/
.BREADCRUMBS_object, a.BREADCRUMBS_object:link, a.BREADCRUMBS_object:visited, a.BREADCRUMBS_object:active
{
    color: #8f8f8f;
    text-decoration: none;
    font-weight: bold;
}

/*-- breadcrumbs token hover --*/
a.BREADCRUMBS_object:hover
{
    color: #666;
    text-decoration: none;
    font-weight: bold;
}

/*-- language selector dropdown --*/
.LANGUAGE_object
{
    text-decoration: none;
}


/****** Navigation *******/

#LowerTable
{
}

#LeftSideUpperCell
{
    background-color: #E0D734; /* Mustard Yellow */
    background-color: #97A51C; /* background green */
    padding: 0;
    vertical-align: top;
    width: 191px;
}

#LeftSideUpper
{
    margin: 0 1em;
    padding: 0;
}

#LeftSideFooterCell
{
    background-color: #E0D734; /* Mustard Yellow */
    background-color: #97A51C; /* background green */
    padding: 0;
    vertical-align: top;
    width: 191px;
}

#LeftSideFooter
{
    margin: 0 1em;
    padding: 0;
}

#RightSideUpperCell
{
    background-image: url(VerticalSeparator.png);
    background-position: left top;
    background-repeat: repeat-y;
    margin: 0;
    padding: 0;
    width: 709px;
}

#ContentBorderTable
{
    height: 100%;
    width: 709px;
}

#ContentBorderTable .TopLeft
{
    background-image: url(TopLeftCorner.png);
    background-position: left top;
    background-repeat: no-repeat;
    width: 16px;
    height: 16px;
    margin: 0;
    padding: 0;
}

#ContentBorderTable .TopCenter
{
    background-image: url(HorizontalSeparator.png);
    background-position: left top;
    background-repeat: repeat-x;
    height: 16px;
    margin: 0;
    padding: 0;
}

#ContentBorderTable .MiddleLeft
{
    background-image: url(VerticalSeparator.png);
    background-position: left top;
    background-repeat: repeat-y;
    width: 16px;
    margin: 0;
    padding: 0;
}

#ContentBorderTable .MiddleCenter
{
    margin: 0;
    padding: 0;
}

#RightSideUpper
{
    margin: 0;
    padding: 0;
}


/* We use the HouseMenu skin object for pure CSS menus (using only UL and LI items). */

/* 
   One way to build these styles for this menu is with the Suckerfish multi-level 
   CSS Generator at:
   
        http://pixopoint.com/suckerfish_css/

   But the sub-menus built with this have a problem on IE7 (but not Firefox 3 or Safari 3).

   Or Google "CSS menu generator" for other dynamic generators.
*/

/* This style code is loosely based on: */

/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/simple_vertical.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */

/* Give the navigation bar a relative position with a high z-index to 
   make it appear over any element below it on the page */
#navigation
{
    font-size: 1em;
    margin: 0px 0px 0px 0px;
    padding: .25em 10px;
    position: relative;
    z-index: 100;
}

/* Start with no margin, padding and bullets in the unordered lists */
#HouseMenuNav, #HouseMenuNav ul, #HouseMenuNav li
{
    padding: 0;
    margin: 0;
    list-style-type: none;
}

/* Set up the default list items */
#HouseMenuNav li
{
    display: list-item;
    font-size: 12pt;
    line-height: 1.0em; /* 1.25em; */ /* I would like this to be 1em, but IE7 leaves gaps if I do that */
    position: relative;
    padding-bottom: 0; /* padding-right allows hovering to work properly while leaving a "gap" between the         parent menu and the child menu */
    padding-right: 0.5em;
    text-align: right;
}

/* Customize the top level list items */
#HouseMenuNav > li
{
    display: list-item; /* line-height: 2em; */ /* if the top menu wraps, leave some space between the lines */ /* padding-bottom allows hovering to work properly while leaving a "gap" between the         bottom of the top menu and the first level sub menu */
    padding-bottom: 0.5em;
    padding-right: 0em; /* not needed for top level menu items */
}

/* Set up the default link style */
#HouseMenuNav a, #HouseMenuNav a:visited
{
    color: #C57002; /* Brick Red */
    color: #F6F3DA; /* Beige */
    display: list-item;
    font-size: 12pt;
    font-weight: bold;
    padding: .25em .5em;
    text-decoration: none;
}

/* Customize the top level menu link style */
#HouseMenuNav > li > a, #HouseMenuNav > li > a:visited
{
    display: list-item;
}

/* Customize sub menu item style */
#HouseMenuNav li ul li
{
    text-align: left;
    font-size: 10pt;
}

/* Customize sub menu link style */
#HouseMenuNav li ul li a, #HouseMenuNav li ul li a:visited
{
    background-color: #869018; /* Dark Green */
    font-size: 10pt;
}

/* Make the hovered list link color persist */
#HouseMenuNav li:hover > a
{
    background-color: transparent;
    color: #F88702; /* Bright Brick Red */
    color: #E0D734; /* Mustard Yellow */
}

/* Make the hovered sub-menu list link color persist */
#HouseMenuNav li ul li:hover > a
{
    background-color: #869018; /* Dark Green */
    color: #F88702; /* Bright Brick Red */
    color: #E0D734; /* Mustard Yellow */
}

/* Set up the sub level lists as invisible (until hovered) */
#HouseMenuNav li ul
{
    display: none;
}

/* Make the sub level list visible on hover */
#HouseMenuNav li:hover > ul
{
    display: block;
    position: absolute;
    top: 0px;
    left: 190px;
    width: 190px;
    z-index: 200; /* if the top menu wraps, make sure sub-menus pop up over top menu */
}

/* Position the first sub menu to the right of the top level links */
#HouseMenuNav > li:hover > ul
{
    left: 145px;
    top: 0;
}

/* For accessibility of the top level menu when tabbing */
#HouseMenuNav li a:active, #HouseMenuNav li a:focus
{
    color: #F88702; /* Bright Brick Red */
    color: #E0D734; /* Mustard Yellow */
}

/****** Breadcrumbs ******/

#breadcrumbs
{
    padding: 0 0.5em;
}

#breadcrumbs *
{
    color: Black;
    font-weight: normal;
}

#breadcrumbs a:hover
{
    color: #0000cc;
    text-decoration: underline;
}

/****** Search ******/

#search
{
    padding: 0.5em 10px;
}

#search *
{
    color: Black;
}

#search input
{
    color: Black;
    width: 110px;
}


/****** Container and Panes ******/

#container
{
    margin: 0 4em;
}

#container a
{
    color: Navy;
    font-weight: bold;
}

/**************** Pane styles *****************/

.Pane
{
}

#dnn_TopPanelPane, #dnn_PanelPane
{
    padding: 20px 0px 20px 10px;
}

#dnn_TopPanelPane .Normal p, #dnn_TopPanelPane .Normal div, 
#dnn_PanelPane .Normal p, #dnn_PanelPane .Normal div
{
    font-family: Arial, Helvetica, Sans-Serif;
    font-size: 90%;
    line-height: 140%;
}

#dnn_TopPane
{
    margin-bottom: 1em;
}

#dnn_LeftPane
{
    margin-right: 1em;
    padding-right: 1em;
    width: 25%;
}

#dnn_ContentPane
{
    margin-bottom: 1em;
    margin-top: 1em;
}

#dnn_RightPane
{
    margin-left: 1em;
    padding-left: 1em;
    width: 25%;
}

#dnn_LeftHalfPane
{
    margin-right: 1em;
    padding-right: 0.5em;
    width: 50%;
}

#dnn_RightHalfPane
{
    margin-left: 1em;
    padding-left: 0.5em;
}

#dnn_LeftThirdPane
{
    margin-right: 1em;
    padding-right: 0.5em;
    width: 33%;
}

#dnn_CenterThirdPane
{
    margin-bottom: 1em;
    margin-top: 1em;
}

#dnn_RightThirdPane
{
    margin-left: 1em;
    padding-left: 0.5em;
    width: 33%;
}

#dnn_BottomPane
{
    margin-top: 1em;
}

#dnn_TopPanelPane, #dnn_PanelPane, #dnn_FooterPanelPane
{
    padding: .5em 10px;
}

/****** Footer ******/

#RightSideFooterCell
{
    width: 709px;
}

#RightSideFooter
{
    background-image: url(VerticalSeparator.png);
    background-position: left top;
    background-repeat: repeat-y;
    margin: 0 14px 0 0px;
    text-align: center;
}


#dnn_PaneFooter
{
    text-align: center;
}

#footer
{
    text-align: center;
    padding: 0 0 1em 0;
    color: #aaa;
}

#footer div
{
    line-height: 1.5em;
    text-align: center;
}

#footer .Credits, #footer .Credits a
{
    font-size: 0.8em;
}

#footer .Standards, #footer .Standards a
{
    font-size: 0.8em;
}

#footer a:link, #footer a:visited, #footer a:active
{
    color: #aaa;
    font-weight: bold;
    text-decoration: none;
}

#footer a:hover
{
    color: #777;
    font-weight: bold;
    text-decoration: none;
}

/*********************************
 *
 * Layouts
 *
 *********************************/

table.Layout
{
    margin: 0;
    padding: 0;
}

#dnn_ContentPane div.container
{
    margin: 12px 0px 12px 12px;
}

/* From Ronald's Skin */

.smaller_text
{
    font-size: 75%;
    font-family: "Trebuchet MS" , Verdana, sans-serif;
    line-height: 1.4em;
    margin-top: 0;
    margin-left: 0;
}
.home_heading
{
    color: #0e6d74;
    font-size: 100%;
    font-weight: bold;
    text-align: left;
    margin-top: 0;
    margin-bottom: 0;
    margin-left: 0;
}
.home_blurb
{
    font-size: 90%;
    font-family: "trebuchet ms" , Verdana, sans-serif;
    line-height: 1.4em;
    text-align: left;
    margin-top: 0;
    margin-right: 0;
    margin-left: 0;
}
.newsmaker_subhead
{
    color: #ed1c24;
    font-size: 100%;
    font-family: "trebuchet ms";
    font-weight: bold;
    margin-top: 0;
    margin-bottom: 5px;
    margin-left: 30px;
}
.bullet_list
{
    line-height: 1.4em;
    list-style-type: square;
    margin-top: 5px;
    margin-bottom: 5px;
    margin-left: 15px;
}
.event_date
{
    color: #365074;
    font-size: 100%;
    font-family: "trebuchet ms";
    font-weight: bold;
    margin-bottom: 5px;
}
.paragraph_lead
{
    color: #ef1c24;
    font-size: 100%;
    font-weight: bold;
}
.paragraph_lead_no_caps
{
    color: #ef1c24;
    font-weight: bold;
}
.inline_image_right
{
    float: right;
    margin: 5px 0 10px 10px;
    border: solid 1px #3e660e;
}
.image_bordered
{
    border: solid 1px #000;
}
.textbox_float_right
{
    color: #194581;
    font-size: 90%;
    background-color: #fff;
    text-align: left;
    width: 170px;
    float: right;
    margin: 5px 10px;
    padding: 15px;
}
.image_page_header
{
    color: #194581;
    text-align: left;
    margin: 5px;
    width: 170px;
    float: right;
    padding: 0;
}
.textbox_content
{
    color: #194581;
    font-size: 13px;
    font-family: arial;
    line-height: 15px;
    text-align: center;
    margin: 0 0 8px;
}
.textbox_nonfloat
{
    background-color: #d3e27e;
    margin: 10px 50px 20px 40px;
    padding: 10px 10px 10px 20px;
    border: solid 2pt #5a8fbf;
}
.long_quote
{
    color: #561e17;
    font-size: 14px;
    line-height: 21px;
    margin-top: 0;
    margin-right: 50px;
    margin-left: 40px;
}
.attribution
{
    color: #561e17;
    font-size: 12px;
    line-height: 18px;
    margin-top: 0;
    margin-right: 20px;
    margin-left: 150px;
}
.image_caption
{
    color: #000;
    font-size: 12px;
    line-height: 18px;
    text-align: center;
    margin-top: 3px;
    margin-right: 40px;
    margin-left: 60px;
}
.faq_question
{
    font-weight: bold;
    margin-top: 0;
    margin-left: 0;
}
.faq_answer
{
    margin-right: 50px;
    margin-bottom: 20px;
    margin-left: 30px !important;
    padding-left: 10px;
    border-left: 10px solid #cbdf61;
}