﻿/* general page settings */
html {background: #000000 url('../images/../images/BodyBg.jpg') repeat scroll left top; height: 100%;}
body, form, #Form {width: 100%; height: 100%; margin: 0px; padding: 0px; border: none 0px; vertical-align: top;}
body, #Body {background:  #ffffff none; color: #5f4c37;}
.clearBoth {clear: both; height: 0px; font-size: 0px; padding: 0px; margin: 0px; border: none 0px;}
.PageMaster {background: #000000 url('../images/BodyBg.jpg') repeat scroll left top; text-align: center; vertical-align: top; width: 100%; height: 100%; min-height: 100%; padding: 0px; margin: 0px auto;}

/* SkinMaster controls the width of the header, content, and footer areas */
.SkinMaster {width: 960px; margin: 0px auto; padding: 0px; background: ; 
vertical-align: top; text-align: center; border-left: solid 5px #000000; border-right: solid 5px #000000; border-bottom: solid 3px #000000; border-top: solid 3px #000000;
}
.TopBorder {width: 960px; height: 22px; margin: 0px auto; padding: 0px; border: none 0px; background: #000000 url('../images/TopBg.jpg') repeat scroll left top; vertical-align: middle; text-align: center;}
.BottomBorder {width: 960px; height: 22px; margin: 0px auto; padding: 0px; border: none 0px; background: #000000 url('../images/TopBg.jpg') repeat scroll left top; vertical-align: middle; text-align: center;}
.FooterBottomBorder {width: 960px; height: 10px; margin: 0px auto; padding: 0px; border: none 0px; border-top: solid 1px #000000; background: #000000 url('../images/TopBg.jpg') repeat scroll left top; vertical-align: middle; text-align: center;}

.ControlPanel {border-style: none;
    border-color: inherit;
    border-width: 0px;
    width: 100%;     margin: 0px auto;     padding: 0px;     text-align: center; background: ;
}
table.ControlPanel {width: 960px; margin: 0px auto; padding: 0px; border: solid 2px #000000; background: #ffffff none;}

/* logo area */
.LogoArea {width: 940px; height: 164px; line-height: 164px; text-align: center; padding: 10px 10px 10px 10px; margin: 0px auto; border: 0px; background: #8a3a04 url('../images/../images/LogoBg.jpg') no-repeat scroll center top;}
.LogoArea a {line-height: 164px; height: 164px; display: table-cell; text-align: center; vertical-align: middle; padding: 0px; margin: 0px auto; width: 940px;}
.LogoArea img {vertical-align: middle; text-align: center; margin: 0px; padding: 0px;}
/* for logo image used with Portal Name insertion instead of regular logo */
.LogoImageArea {width: 940px; height: 134px; text-align: center; padding: 40px 10px 10px 10px; margin: 0px auto; border: 0px; background: #8a3a04 url('../images/LogoBg.jpg') no-repeat scroll center top;}
.LogoImageArea a {text-align: center; vertical-align: middle; padding: 0px; margin: 0px auto; width: 940px;}
.LogoImageArea img {vertical-align: middle; text-align: center; margin: 0px; padding: 0px; display: inline-block;}

h1.PortalName a:visited,
h1.PortalName a:link,
h1.PortalName a:active,
h1.PortalName {font-family: Arial, HelveticaRounded, Sans-Serif; font-size: 18px; color: #f8f1e2; padding: 0px; margin: 0px; text-decoration: none; border: 0px;}
h1.PortalName a:hover {color: #ffffff; text-decoration: none; border: 0px;}

/* register and login styles */
.RegisterLoginArea {white-space: nowrap; vertical-align: top; text-align: right; padding: 3px 5px 0px 0px; height: 14px; margin: 0px; border: none 0px; float: right;}
.RegisterUser {background: url('../images/Register.gif') no-repeat left top; 
white-space: nowrap; vertical-align: top; padding-left: 16px; height: 14px; font-size: 12px; font-family: Arial, Tahoma, Sans-Serif; display: inline-block; overflow: hidden;
}
.LoginUser {background: url('../images/Login.gif') no-repeat left top; 
white-space: nowrap; vertical-align: top; padding-left: 16px; height: 14px; font-size: 12px; font-family: Arial, Tahoma, Sans-Serif; display: inline-block; overflow: hidden;
}
a.LoginUser:link,
a.LoginUser:active,
a.LoginUser:visited,
a.RegisterUser:link,
a.RegisterUser:active,
a.RegisterUser:visited {color: #777777; text-decoration: none; height: 14px; display: inline-block;}

a.LoginUser:hover {background: url('../images/Logout.gif') no-repeat left top; 
color: #999999; text-decoration: none; white-space: nowrap; height: 14px; display: inline-block;
}
a.RegisterUser:hover {background: url('../images/RegisterH.gif') no-repeat left top; 
color: #999999; text-decoration: none; white-space: nowrap; height: 14px; display: inline-block;
}

/* menu wrapper and area */
.MenuArea {width: 960px; height: 31px; margin: 0px; padding: 0px; border: none 0px; vertical-align: top; text-align: center; background: #000000 url('../images/MenuBg.jpg') repeat scroll left top;}
.MenuTable {border: 0px none; margin: 0px auto; text-align: center; padding: 0px;}

/* styles for LANGUAGE skinobject */
.LanguageArea { margin: 0px; padding: 0px 10px 0px 5px; border: none 0px; vertical-align: middle; text-align: left; white-space: nowrap; float: left; clear: none;}
.Language {vertical-align: middle; white-space: nowrap;}
.Language img {border: 0px; padding: 0px 1px 0px 1px; margin: 0px; white-space: nowrap;}

/* content wrapper and area */
.ContentBorderTop {width: 960px; height: 19px; background: #ffffff url('../images/ContentBorderBg.jpg') repeat-x scroll left top; margin: 0px; padding: 0px; border: 0px;}
.ContentArea {background: #eee7e0 url('../images/ContentBg.jpg') repeat scroll left top; vertical-align: top; text-align: center; width: 100%; padding: 0px; margin: 0px auto; border: none 0px;}

/* content panes */
.ContentPaneArea{border-style: none;
    border-color: inherit;
    border-width: medium;
    background: ;
    padding: 7px 14px;
    margin: 0px;
    vertical-align: top;     text-align: center;
}
.LeftPane {width: 250px; background-color: Transparent; padding: 0px 10px; margin: 0px; border: 0px; vertical-align: top; text-align: center;}
.ContentPane {width: 100%; background-color: Transparent; padding: 0px 10px; margin: 0px; border: 0px; vertical-align: top; text-align: center;}
.RightPane {width: 250px; background-color: Transparent; padding: 0px 10px; margin: 0px; border: 0px; vertical-align: top; text-align: center;}

.FullPane {width: 100%; background-color: Transparent; padding: 0px 10px; margin: 0px; border: 0px; vertical-align: top; text-align: center;}

.LeftHalfPane {width: 50%; background-color: Transparent; padding: 0px 10px; margin: 0px; border: 0px; vertical-align: top; text-align: center;}
.RightHalfPane {width: 50%; background-color: Transparent; padding: 0px 10px; margin: 0px; border: 0px; vertical-align: top; text-align: center;}

.LeftWidePane {width: 67%; background-color: Transparent; padding: 0px 10px; margin: 0px; border: 0px; vertical-align: top; text-align: center;}
.RightNarrowPane {width: 33%; background-color: Transparent; padding: 0px 10px; margin: 0px; border: 0px; vertical-align: top; text-align: center;}
.LeftNarrowPane {width: 33%; background-color: Transparent; padding: 0px 10px; margin: 0px; border: 0px; vertical-align: top; text-align: center;}
.RightWidePane {width: 67%; background-color: Transparent; padding: 0px 10px; margin: 0px; border: 0px; vertical-align: top; text-align: center;}
.MiddleNarrowPane {width: 34%; background-color: Transparent; padding: 0px 10px; margin: 0px; border: 0px; vertical-align: top; text-align: center;}

.BottomPane {width: 100%; background-color: Transparent; padding: 0px 10px; margin: 0px; border: 0px; vertical-align: top; text-align: center;}

.paneOutline {border: solid 1px #000000;}
.paneOutline .SubHead {color: #000000;}

/* breadcrumb wrapper and area */
.BreadCrumbAreaWrap {border-style: none;
    border-color: inherit;
    border-width: 0px;
    background: ;
    vertical-align: top;     text-align: center;     width: 100%;     padding: 0px;     margin: 0px; }
.BreadCrumbArea {border-style: none;
    border-color: inherit;
    border-width: 0px;
    width: 100%; background: ; 
    padding: 0px;     margin: 0px;     vertical-align: top;     text-align: left;
}
.Breadcrumb {font-family: Arial, Tahoma, Sans-Serif; font-size: 11px; font-weight: bold; color: #5f4c37; padding: 0px; margin: 0px; border: 0px;}
a.Breadcrumb:link,
a.Breadcrumb:visited,
a.Breadcrumb:active {color: #638d3d; text-decoration: none;}
a.Breadcrumb:hover {color: #638d3d; text-decoration: underline;}
.mainmenu {font-family: Arial, Tahoma, Sans-Serif; font-size: 14px; font-weight: bold; color: #FFFFCC; padding: 0px; margin: 0px; border: 0px;}
a.mainmenu:link,
a.mainmenu:visited,
a.mainmenu:active {color: #FFFFCC; text-decoration: none;}
a.mainmenu:hover {color: #FFFFCC; text-decoration: underline;}


/* Search settings */
.SearchInputArea {border-style: none;
    border-color: inherit;
    border-width: 0px;
    width: 198px; background: url('../images/SearchBg.jpg') no-repeat right top; 
    padding: 0px;     margin: 0px 0px 5px 0px;     vertical-align: top;     text-align: left;
}
.SearchCSS {padding: 0px; margin: 0px; border: 0px; white-space: nowrap; text-align: left; vertical-align: top; color: #000000;}
.SearchCSS img {vertical-align: top; text-align: left; padding: 0px 0px 0px 0px;}
#dnn_dnnSEARCH_txtSearch, #dnnSEARCH {background-color: Transparent; border: none 0px; font-family: Arial, Tahoma, Sans-Serif; font-size: 11px; vertical-align: top; text-align: left; padding: 0px; margin: 6px 0px 0px 0px; width: 100px; white-space: nowrap; color: #000000;}

/* footer wrapper and area settings */
.FooterCopper {width: 960px; height: 9px; padding: 0px; margin: 0px; border: 0px; background: #522304 url('../images/FooterCopperBg.jpg') no-repeat scroll center top; color: #ffffff;}
.FooterArea {width: 940px; text-align: center; vertical-align: middle; padding: 10px; margin: 0px auto; border: 0px; background: #dccdc0 url('../images/FooterBg.jpg') repeat scroll center top; color: #000000;}
.FooterLinksArea {margin: 0px auto; padding: 10px 10px 0px 10px; text-align: center; vertical-align: middle; clear: both;}
.FooterLinks {color: #000000; font-family: Arial, Tahoma, Sans-Serif; font-size: 11px; font-weight: bold; text-align: center; padding: 0px; margin: 0px; border: 0px; white-space: nowrap;}
a.FooterLinks:active,
a.FooterLinks:link,
a.FooterLinks:visited{color: #000000; text-decoration: none;}
a.FooterLinks:hover {color: #000000; text-decoration: underline;}

/* copyright and privacy/terms link styles */
.copyrightArea {border-style: none;
    border-color: inherit;
    border-width: 0px;
    background: ;
    padding: 10px;
    margin: 0px;
    clear: both;     text-align: center;     vertical-align: middle;
}
.copyrightArea p {margin: 10px 0px 10px 0px;}
.copyright {color: #000000; font-family: Arial, Tahoma, Sans-Serif; font-size: 11px; padding: 0px 0px; margin: 0px; border: none 0px; vertical-align: bottom; text-align: center; white-space: normal; font-weight: bold;}
.privacyTerms  {color: #ffffff; font-family: Arial, Tahoma, Sans-Serif; font-size: 11px; padding: 0px; margin: 0px; border: none 0px; vertical-align: bottom; text-align: right; white-space: normal; font-weight: bold;}
a.privacy_terms:active,
a.privacy_terms:link,
a.privacy_terms:visited {color: #ffffff; text-decoration: none;}
a.privacy_terms:hover {color: #ffffff; text-decoration: underline;}

/* general content text styles */
/*p {margin: 0px; padding: 0px; margin-bottom: 15px;}*/
p,
.Normal,
.NormalDisabled {color: #5f4c37; font-family: Arial, Verdana, Tahoma, Sans-Serif; font-size: 12px; font-weight: normal; line-height: 1.45;}
.NormalDisabled {color: Silver;}
/* text style used for rendered text which requires emphasis */
.NormalBold {color: #000000; font-family: Tahoma, Arial, Verdana, Sans-Serif; font-size: 12px; font-weight: bold;}
/* text style used for error messages */
.NormalRed {font-family: Tahoma, Arial, Helvetica; font-size: 12px; font-weight: bold; color: #c40e10;}
/* text style used for textboxes in the admin and edit pages, for Nav compatibility */
.NormalTextBox {color: #000000; font-family: Tahoma, Arial, Helvetica; font-size: 12px; font-weight: normal;}

select, select.NormalTextBox,
textarea, textarea.NormalTextBox,
input.NormalTextBox, input[type="text"] {color: #000000; background: #fcfbf8 none; border: dotted 1px #5f4c37;}

/* style for normal links */
a p,
a:link,
a:active,
a:visited {text-decoration: none; color: #638d3d; font-weight: bold;}
a:hover p,
a:hover {text-decoration: underline; color: #638d3d; font-weight: bold;}

/* text style used for help text rendered by modules */
.Help {border: #000000 1px solid; padding: 2px; font-weight: normal; font-size: 11px; color: #445d6b; font-family: Tahoma, Arial, Helvetica; background-color: #dcd496;}

.CommandButton {font-weight: bold; font-size: 11px; color: #638d3d; font-family: Tahoma, Arial, Helvetica; text-decoration: none;}
.SkinObject {font-weight: bold; font-size: 11px; color: #638d3d; font-family: Tahoma, Arial, Helvetica; text-decoration: none;}
a.SkinObject:link,
a.SkinObject:visited,
a.SkinObject:active,
a.CommandButton:link,
a.CommandButton:visited,
a.CommandButton:active {text-decoration: none; color: #638d3d;}
a.SkinObject:hover,
A.CommandButton:hover {text-decoration: underline; color: #638d3d;}

.SearchResultsContent a.CommandButton:link,
.SearchResultsContent a.CommandButton:visited,
.SearchResultsContent a.CommandButton:active {text-decoration: none; color: #bb8205;}
.SearchResultsContent a.CommandButton:hover {text-decoration: underline; color: #bb8205;}

/* style for module titles */
.Head {font-family: Arial, Helvetica, Tahoma, Sans-Serif; font-size: 18px; font-weight: normal; color: #5f4c37; padding: 0px; margin: 0px 0px 10px 0px;}

/* style of item titles on edit and admin pages */
.SubHead {font-family: Arial, Tahoma, Sans-Serif; font-size: 11px; font-weight: bold; color: #5f4c37;}
.SearchResultsContent .SubHead {font-size: 12px;}
/* module title style used instead of Head for compact rendering by QuickLinks and Signin modules */
.SubSubHead {font-family: Arial, Tahoma, Sans-Serif; font-size: 11px; font-weight: bold; color: #5f4c37;}

/* button style for standard HTML buttons */
.StandardButton, input.normal, input[type="button"], input[type="submit"] {padding: 5px; font-weight: bold; font-size: 12px; background: #334201 url('../images/standardbutton_bg.jpg') repeat-x scroll left top; color: #ffffff; font-family: Arial, Tahoma, Sans-Serif; border: ridge 2px #ffffff;}

/* horizontal rules */
hr {color: #5f4c37; border-top: 1px dotted #5f4c37; border-bottom: 0px dotted #5f4c37; width: 100%; height: 1px; margin: 3px auto 5px 0; text-align: left; padding: 0px 0 5px 0; background: ; 
font-size: 1px;
    border-left-style: none;
    border-left-color: inherit;
    border-left-width: 0px;
    border-right-style: none;
    border-right-color: inherit;
    border-right-width: 0px;
}

/* GENERIC */
h1 {font-family: Arial, Helvetica, Tahoma, Sans-Serif; font-size: 20px; font-weight: bold; color: #5f4c37; padding: 0px 0px 10px 0px; margin: 0px; line-height: normal;}
h2 {font-family: Arial, Helvetica, Tahoma, Sans-Serif; font-size: 18px; font-weight: normal; color: #5f4c37; padding: 0px 0px 10px 0px; margin: 0px; line-height: normal;}
h3 {font-family: Arial, Helvetica, Tahoma, Sans-Serif; font-size: 16px; font-weight: bold; color: #5f4c37; padding: 0px 0px 10px 0px; margin: 0px; line-height: normal;}
h4 {font-family: Tahoma, Arial, Helvetica; font-size: 12px; font-weight: bold; color: #5f4c37; padding: 0px; margin: 0px; line-height: normal;}
h5, dt {font-family: Tahoma, Arial, Helvetica; font-size: 11px; font-weight: bold; color: #5f4c37; padding: 0px; margin: 0px; line-height: normal;}
h6 {font-family: Tahoma, Arial, Helvetica; font-size: 11px; font-weight: bold; color: #5f4c37; padding: 0px; margin: 0px; line-height: normal;}
li {padding-bottom: 7px;}

/* styles used by Data Grids */
.DataGrid_Container {background-color: Transparent; padding: 5px; border: none 0px; text-align: center;}
.DataGrid_Container table {background: #cfbead url('../images/DataGridHeader.jpg') repeat-x scroll left top; padding: 5px; border: dotted 1px #555555;}
.DataGrid_Footer {background-color: #f8f1e2;}
.DataGrid_Header {background-color: Transparent; color: #000000; font-family: Tahoma, Arial, Helvetica; font-size: 10px; font-weight: bold; text-align: center;}
.DataGrid_Header td {border-bottom: dotted 1px #555555;}
.DataGrid_Item {background-color: #f5f1ed; color: #000000; font-family: Tahoma, Arial, Helvetica; font-size: 10px; font-weight: normal; text-align: left;}
.DataGrid_SelectedItem {background-color: #ddebeb; color: #000000; font-family: Tahoma, Arial, Helvetica; font-size: 10px; font-weight: normal; text-align: left;}
.DataGrid_AlternatingItem {background-color: #ddebeb; color: #000000; font-family: Tahoma, Arial, Helvetica; font-size: 10px; font-weight: normal; text-align: left;}

/* changes to default file manager styles */
.FileManager {background: #cfbead url('../images/DataGridHeader.jpg') repeat-x scroll left top;}
.FileManager_Header {background: #ddebeb none;}
.FileManager_ToolBar {background: ;
}
.FileManager_Item {background: #ffffff none;}
.FileManager_AltItem {background: #f5f1ed none;}
/* to aid in collapse of empty content panes */
.DNNEmptyPane {width: 0px; margin: 0px; padding: 0px; border: none 0px;}

/* ================================
    CSS STYLES FOR Module Blog
   ================================
*/

.blog_body {color: #5f4c37; font-family: Arial, Verdana, Tahoma, Sans-Serif; font-size: 12px; font-weight: normal; line-height: 1.45;}

.BlogContent .Calendar {font-size: 11px !important;}

.Blog_Archive_Title {background: #a34404 url('../images/calendar_grad.jpg') repeat-x scroll left top !important; color: #000000 !important;}
.Blog_Archive_NextPrev,
.Blog_Archive_NextPrev a:link,
.Blog_Archive_NextPrev a:visited,
.Blog_Archive_NextPrev a:active,
.Blog_Archive_NextPrev a:hover  {color: #000000 !important; text-decoration: none !important; padding: 0px; margin: 0px 5px;}

.Blog_Archive_DayHeader {background: #d9cbbd url('../images/calendar_grad3.jpg') repeat-x scroll left top !important; color: #000000;}
.Blog_Archive_TodayDay {background: #4fa9a5 url('../images/calendar_grad.jpg') repeat-x scroll left top !important; color: #000000 !important; font-size: 11px !important;}
.Blog_Archive_SelectedDay {background: #586726 url('../images/calendar_grad2.jpg') repeat-x scroll left top !important; color: #ffffff !important; font-size: 11px !important;}

.Blog_Archive_Day,
.Blog_Archive_WeekendDay,
.Blog_Archive_OtherMonth {font-size: 11px !important;}

.blog_published {background: #ffffff none !important; border: solid 1px #777777 !important;}
.blog_pub-month {background: #7c7b09 none !important; color: #ffffff !important; padding: 1px 1px 2px 1px;}
h2.blog_title,
h2.blog_title a:link,
h2.blog_title a:visited,
h2.blog_title a:active,
h2.blog_title a:hover {font-family: Arial, Helvetica, Tahoma, Sans-Serif; font-weight: bold; font-size: 18px; padding: opx; margin: 10px 0px 0px 0px;}
.blog_dateline {font-size: 10px; font-family: Arial, Helvetica, Tahoma, Sans-Serif; font-weight: bold; margin: 0px; padding: 0px 0px 7px 0px;}
.BlogInfo {border-bottom: dotted 1px #AAAAAA;}

/* preload hover images so there is no lag time first time hovering items like menu, login, register, etc. */
.PreloadImages, .Invisible {height: 0px; width: 0px;}





