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

body
{
    background-color: Black;
    color: Black;
    font-family: Arial, Helvetica, sans-serif;
    height: 96%;
    margin: 2% auto; /* center the body horizontally on the page */
    width: 900px;
}

/* give all elements a default font */
*
{
    font-family: Arial, Helvetica, sans-serif;
}

.CarrieZeidmanSkin
{
    background-color: #999999; /* Gray */
}

.LayoutTable
{
}

p, .Normal
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11pt; /* base font size */
    line-height: 1.2em;
}

h1, h1 .Head
{
	color: Black;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
    margin: 0.5em 0;
}
h2, h2 .Head, .SubHead
{
	color: Black;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12pt;
	font-weight: bold;
    margin: 0.5em 0;
}
h3, h3 .Head
{
	color: Black;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11pt;
	font-weight: bold;
    margin: 0.5em 0;
}
h4, h4 .Head
{
	color: Black;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-weight: bold;
    margin: 0.5em 0;
}

h5, h5 .Head
{
	color: Black;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	font-weight: bold;
    margin: 0.5em 0;
}
a, a:link
{
    color: Blue;
    text-decoration: underline;
}
a:visited
{
    color: Navy;
    text-decoration: underline;
}
a:hover
{
    color: Red;
    text-decoration: underline;
}
a:active
{
}
.Pane ul
{
    list-style-type: square;
}
.Pane ol
{
    list-style-type: decimal;
}
.Pane li
{
    font-size: 11pt; /* base font size */
    margin-bottom: 0.25em;
}

/****** 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: Arial, Helvetica, 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 *******/

.NavigationCell
{
    background: #FF999A url("Navigation%20Background.jpg") no-repeat;
    width: 900px;
    height: 80px;
}

.NavigationCell .Login
{
    font-size: 10pt;
    text-align: right;
    margin-left: 194px;
    margin-right: 74px;
    margin-top: 1em;
}

.ContainerCell
{
    background: url("background-band.gif") repeat-y;
}

/* 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;
}

#HouseMenuNav
{
    margin-left: 194px;
    margin-right: 54px;
    margin-top: 2px;
}

/* Set up the default list items */
#HouseMenuNav li
{
    display: list-item;
    font-family: "Comic Sans MS", Arial, Helvetica, sans-serif;
    font-size: 10pt; /* menu font size */
    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;
    text-transform: uppercase;
}

/* Customize the top level list items */
ul#HouseMenuNav
{
    padding-top: 3px;
}

/* Customize the top level list items */
#HouseMenuNav > li
{
    display: list-item; 
    display: inline;
    /* if the top menu wraps, leave some space between the lines */ 
    line-height: 1.5em; 
    /* 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: .5em;
    padding-right: 0em; /* not needed for top level menu items */
}

/* Set up the default link style */
#HouseMenuNav a, #HouseMenuNav a:visited
{
    color: White;
    display: list-item;
    font-family: "Comic Sans MS", Arial, Helvetica, sans-serif;
    font-size: 10pt; /* menu font size */
    font-weight: bold;
    padding: 0.1em .5em; /* if top/bottom padding > 0.1em, IE7 can't select lower sub-menu items */
    text-decoration: none;
}

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

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

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

/* Make the hovered list link color persist */
#HouseMenuNav li:hover > a
{
    background-color: transparent;
    color: Black;
}

/* Make the hovered sub-menu list link color persist */
#HouseMenuNav li ul li:hover > a
{
    background-color: #E28789; /* Dark Pink */
    color: Black;
}

/* 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 underneath top level links */
#HouseMenuNav > li:hover > ul
{
    left: 0;
    top: 1.5em;
}

/* For accessibility of the top level menu when tabbing */
#HouseMenuNav li a:active, #HouseMenuNav li a:focus
{
    color: Black;
}

/* highlight the currently selected menu item */
#HouseMenuNav #HouseMenuNavCurrentItem a
{
    color: Gray;
}
/* but when hovering act like all the other menu items */
#HouseMenuNav #HouseMenuNavCurrentItem a:hover
{
    color: Black;
}

/****** 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 116px;
}

#container a
{
}

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

.Pane
{
}

#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;
}

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

.FooterCell
{
    /* height: 15px; */
    /* background: Red url(background-band-bottom.gif) no-repeat top left; */
    background: url("background-band.gif") repeat-y;
    padding-top: 1em;
}

.FooterWrapper
{
    background: #FF999A; /* Pink */
    margin-left: 44px;
    width: 808px;
}

#dnn_PaneFooter
{
    text-align: center;
}

#footer
{
	color: #666666;
	font-size: x-small;
    padding: 0;
    text-align: center;
    text-transform: uppercase;
}

#footer a:link, #footer a:visited, #footer a:active
{
    color: #777;
	font-size: x-small;
    text-decoration: none;
}

#footer a:hover
{
    color: #777;
	font-size: x-small;
    text-decoration: underline;
}

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

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

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

.CarrieZeidmanCssSkin #navigation
{
    background-color: #FF999A; /* Pink */
    position: relative;
    top: -76px;
    left: 189px;
    height: auto;
    margin: 0.25em 0.25em;
    width: 658px;
}

.BelowNavigation
{
    background-color: Red; /* #999999; */ /* Gray */
    /*
    position: relative;
    top: -52px;
    left: 42px;
    */
    width: 808px;
    margin: 0 0 0 42px;
    padding: 0;
}

.CarrieZeidmanCssSkin #container
{
    background-color: #999999; /* Gray */
    margin: 0 4em 1em 4em;
}

.CarrieZeidmanCssSkin #footer
{
    background-color: #FF999A; /* Pink */
}