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

/*
   Colors:
                Page Background: RGB(219, 219, 219); // Gray
        Left Sidebar Background: RGB(140,   0,  34); // Claret Red
             Menubar Background: RGB(254, 251, 208); // Pale Yellow

   Fonts:
        font-family: Georgia, Tahoma; // Default Fonts
*/

html
{
    background: RGB(219, 219, 219); /* Gray */
    height: 100%;
}

body
{
    background: RGB(219, 219, 219); /* Gray */
    color: Black;
    height: 100%;
    margin: 0;
}

/* give all elements a default font */
*
{
    font-family: Georgia, Tahoma; /* Default Fonts */
    font-size: 10pt;
}

/* Setting Text Throughout the skin      */ table, tr, td {font-family: Georgia, Tahoma; font-size: 10pt; margin: 0;}
                                            p {font-family: Georgia, Tahoma; font-size: 10pt;}

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

/*-- width setting on skins        --*/ .StandardWidth { width:960px; }
/*-- column 1 width setting        --*/ .Column1Width { width: 180px; }
/*-- column 2 width setting        --*/ .Column2Width { width: 720px; }
/*-- 100 percent height where req  --*/ .FullHeight { height:100%; }
/*-- 100 percent width where req   --*/ .FullWidth { width:100%; }
/*-- outer table on unboxed skins  --*/ .OuterTable { width:100%; height:100%; background: RGB(219, 219, 219); /* Gray */ }
/*-- outer table on boxed skins    --*/ .OuterTableBoxed { width:100%; height:100%; background: RGB(219, 219, 219); /* Gray */ }
/*-- outer cell on boxed skins     --*/ .OuterTDBoxed { padding:15px 0 15px 0; }

/*-- cell containing content panes --*/ .ContentPanesTD { width:auto; height:100%; vertical-align: top; padding: 0;}

/* .FullHeight works on FF3 and Safari 3, but not IE 7 and Opera 9. 
   So we add this div and CSS to work around the problem. */ 
.containerDiv
{
    min-height: 500px;
}

/*========================================================*/
/*  Outer Box Elements - boxed skins only                 */
/*========================================================*/

/*-- boxed skins outer box table   --*/ .BoxTable { height:100%; background: White; }
/*-- top left corner               --*/ .BoxTL { width:15px; height:16px; background: url(box-tl.gif) no-repeat bottom left; }
/*-- top edge - column 1           --*/ .BoxTCol1 { height:16px; background: url(box-t-col1.gif) repeat-x bottom left; }
/*-- top edge - column 2           --*/ .BoxTCol2 { height:16px; background: url(box-t-col2.gif) repeat-x bottom left; }
/*-- top right corner              --*/ .BoxTR { width:15px; height:16px; background: url(box-tr.gif) no-repeat top right; }
/*-- left edge                     --*/ .BoxL { width:15px; background: url(box-l.gif) repeat-y top left; }
/*-- content area - column 1       --*/ .BoxMCol1 { background: RGB(140,   0,  34); /* Claret Red */ }
/*-- content area - column 2       --*/ .BoxMCol2 { background: White; }
/*-- right edge                    --*/ .BoxR { width:15px; background: url(box-r.gif) repeat-y top right; }
/*-- bottom left corner            --*/ .BoxBL { width:15px; height:16px; background: url(box-bl.gif) no-repeat top left; }
/*-- bottom edge of column 1       --*/ .BoxBCol1 { height:16px; background: url(box-b-col1.gif) repeat-x top left; }
/*-- bottom edge of column 2       --*/ .BoxBCol2 { height:16px; background: url(box-b-col2.gif) repeat-x top left; }
/*-- bottom right corner           --*/ .BoxBR { width:15px; height:16px; background: url(box-br.gif) no-repeat top 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: Georgia, Tahoma; /* Default Fonts */
    font-size: 1em;
    font-weight: normal;
}

a.SkinObject, a.SkinObject:link, a.SkinObject:active, a.SkinObject:visited
{
    color: RGB(140, 0, 34) !important; /* Claret Red */
}

/*========================================================*/
/*  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;
    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;
    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: RGB(140, 0, 34); /* Claret Red */
    text-decoration: none;
    font-weight: bold;
}

/*-- breadcrumbs token hover --*/
a.BREADCRUMBS_object:hover
{
    color: RGB(140, 0, 34); /* Claret Red */
    text-decoration: underline;
    font-weight: bold;
}

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

/*========================================================*/
/*  Text                                                  */
/*========================================================*/

/*-- most of the text on site          --*/ .normal, .Normal { font-family: Georgia, Tahoma; font-size: 10pt; color: Black; line-height: 140%; }
/*-- most of the bold text on site     --*/ .NormalBold { font-family: Georgia, Tahoma; font-size: 10pt; font-weight: bold; color: Black; }
/*-- red text on site for errors       --*/ .NormalRed { color: Red; font-family: Georgia, Tahoma; font-weight: bold; font-size: 10pt; }
/*-- subheadings - mostly in admin     --*/ .SubHead { font-family: Georgia, Tahoma; font-size: 10pt; font-weight: bold; color: Black; padding: 0; }
/*-- headings - mostly in admin        --*/ .Head { font-family: Georgia, Tahoma; font-size: 12pt; color: Black; background: transparent; font-weight: bold; padding: 0 0 .5em 0;}

.Normal a
{
    color: RGB(140, 0, 34); /* Claret Red */
}

/*========================================================*/
/* Areas                                                  */
/*========================================================*/

#logoTD
{
    text-align: center;
}

#logo
{
    text-align: center;
}


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

/* 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
{
    background-color: RGB(254, 251, 208); /* Pale Yellow */
    border-bottom: solid 1px RGB(140, 0, 34); /* Claret Red */
    border-top: solid 1px RGB(140, 0, 34); /* Claret Red */
    clear: both;
    font-size: 0.9em;
    margin: .25em 1.5em;
    padding: .25em 1em;
    position: relative;
    text-align: left;
    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
{
    line-height: 1.25em; /* I would like this to be 1em, but IE7 leaves gaps if I do that */
    font-size: 9pt;
    display: block;
    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;
}

/* Customize the top level list items */
#HouseMenuNav > li
{
    display: inline;
    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
{
    display: block;
    font-size: 9pt;
    font-weight: bold;
    color: RGB(140,0,34); /* Claret Red */
    text-decoration: none;
    padding: .25em .5em;
    width: 12em;
    background: RGB(254, 251, 208); /* Pale Yellow */
}

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

/* Customize sub menu link style */
#HouseMenuNav li ul li a, #HouseMenuNav li ul li a:visited
{
}

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

/* 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: 0em;
    left: 12em;
    width: 12em;
    z-index: 200; /* if the top menu wraps, make sure sub-menus pop up over top menu */
}

/* Position the first sub menu beneath the top level links */
#HouseMenuNav > li:hover > ul
{
    left: 0em;
    top: 1.5em;
}

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

/****** Breadcrumbs and Search ******/

#breadcrumbsAndSearchBar
{
    clear: both;
}

#breadcrumbs
{
    float: left;
    padding: 0.25em 0.5em;
    margin: 0.5em 1em 0em 1em;
}

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

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

#search
{
    clear: right;
    float: right;
    padding: 0.5em;
    margin: 0.5em 1em 0em 1em;
}

#search *
{
    color: Black;
}

#search input
{
    color: Black;
}


/****** Panes ******/

.Pane
{
    margin: 0;
    padding: 0 1.5em;
}

#dnn_LeftPane
{
    padding-top: 20px;
}

/* Use light text color for items on dark LeftPane */
#dnn_LeftPane .Head
{
    color: White;
}

#dnn_ContentPane
{
}

#dnn_RightPane
{
    width: 33%;
}




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

#footer
{
    text-align: center;
    border-top: #cccccc solid 1px;
    margin: 1em 1.5em 0em 1.5em;
    padding: 1em 0;
    color: #aaa;
}

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

#footer .Credits
{
    font-size: 0.8em;
    padding-top: 0.5em;
}

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

#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
 *
 *********************************/

#DunneMusicCompanySkin
{
}

#leftSide
{
    background-color: RGB(140,0,34); /* Claret Red */
    color: White;
    padding: 0.25em;
    vertical-align: top;
}

#leftSide .SubHead
{
    color: White;
}

#rightSide
{
    width: 790px;
    vertical-align: top;
}