/* Container vs Float Error Correction */
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { display: inline-table; }
/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix { display: block;}
/* End hide from IE-mac */

/* Body Document Default */
body {
	font-size: 78%; font-family: arial, verdana, helvetica, sans-serif;
	margin: 0; padding: 0; height: 100%; 
    color: #000000; background: #def0d5; text-align: center; 
}

table, td, select, input, textarea { font-family: Arial, verdana, helvetica, sans-serif; font-size: 1em; }

/*================================================= BEGIN CSS Differences ====================================================== */


#layout { width: 95%; overflow: hidden; min-width: 760px; max-width: 95%; text-align: left; }
#layout-inner { margin-right: 8px; width: auto; background: #fff; }

/* Header */
#header-outer { width: 100%; }
#header-inner { width: 100%; overflow: hidden; }

#usability-link-bar-outer { color: #fff; font-size: 0.9em; clear: both; padding: 3px 5px 3px 5px; border-bottom: 2px solid #c6d72a; text-align: right;
                            background: #579835 url("/EasySite/Setup/StyleSCCHomesLoans/images/topbarbackground2.jpg") repeat-y top right; }
#usability-link-bar-inner { width: 100%; overflow: hidden; }

/* Top Bar */
#top-bar-outer { width: 100%; clear: both; background: #579835 url("/EasySite/Setup/StyleSCCHomesLoans/images/header_bg.jpg") repeat-y top left; border-bottom: 2px solid #c6d72a; }
#top-bar-inner { width: 100%; overflow: hidden; }

.logo { float: left; width: 180px; } 
.maintitle { float: left; width: 328px; } 
#banner {  float: right; text-align: right; width: 220px; height: 110px; } 

#top-nav-outer { clear: both; overflow: hidden; border-bottom: 1px solid #fff350; 
                 background: #579835 url("/EasySite/Setup/StyleSCCHomesLoans/images/topbarbackground2.jpg") repeat-y top right; }
#top-nav-inner { width: 100%; overflow: hidden; }

#menu-outer { float: right; width: 50%; }
#menu-inner { width: 100%; overflow: hidden; }

/* side Navigation */
#snv-outer { float: left; width: 180px; background: #579835 url("/EasySite/Setup/StyleSCCHomesLoans/images/Leftnavbotimage.jpg") no-repeat bottom left; padding-bottom: 50px; }
#snv-inner { width: 100%; overflow: hidden; }

#side-menu-outer { }
#side-menu-inner { }

/* Main Content */
#content-outer { margin: 0 10px 10px 190px; }
#content-inner { float: left; width: 100%; }
#template-zone { clear: left; overflow: hidden; padding: 0px; margin-bottom: 15px; }

#main-outer { width: 100%; clear: both; background: url("/EasySite/Setup/StyleSCCHomesLoans/images/main_bg.gif") repeat-y top left; }
#main-inner { overflow: hidden; width: 100%; }

/* Footer */
#footer-outer { clear: both; font-size: 0.95em; color: #000000; margin-bottom: 10px; margin-right: 8px; }
#footer-inner { width: 100%; overflow: hidden; }



/*======================================================= END CSS Differences ================================================== */

/* Float Generics */
.fl { float: left; }
.fr { float: right; text-align: right; }

/* Standard Tags */
strong { font-weight: bold; }
em { font-style: italic; }

/* Enable Visible Borders For Development */
div { border: 0px dotted #000000; }

/* Links */
a:link, a:visited { color: #0000FF; text-decoration: underline; }
a:hover, a:active { color: #000000; text-decoration: underline; }

/* generic controls */
img, .noborder { border: 0; }
.spacer { border: 0; }
.center { margin: auto; }
.hide, .invisible { display: none; }
img { border: 0; }
ul, ol, dl, form { margin-top: 0; margin-bottom: 0; padding-top: 0; padding-bottom: 0; }
ul { list-style-type: square; } 
li { }
fieldset { margin: 0.5em; padding: 0.5em; border: 1px solid #cccccc; }
legend { }
ul.inline { list-style-type: none; margin: 0; padding: 0; }
li.inline { display: inline; list-style-type: none; background-color: transparent; padding: 0; }

/* graphical / presentational controls */
hr { color: #DDE4F9; height: 1px; background-color: #DDE4F9; border: 0; margin-top: 0.5em; margin-bottom: 0.5em; padding: 0; clear: both; display: block; }

/* Administration Links */
#adminlinks { width: 750px; clear: both; padding: 0.3em; margin-top: 0.5em; margin-bottom: 0.5em; text-align: center; background-color: #b6d88b; }
.AdminLink { color: #000000; }
strong.AdminLink { color: #000000; font-size: 0.9em; font-weight: bold; }
a.AdminLink:link, a.AdminLink:visited { color: #000000; font-weight: normal; font-size: 0.9em; text-decoration: none; }
a.AdminLink:hover, a.AdminLink:active { color: #000000; text-decoration: underline; }

/* Page Roots */ 
div.PageRoot { font-size: 0.95em; color: #000000; padding: 5px 0px 5px 0px; border-bottom: 1px solid #000; margin-bottom: 5px; margin-right: 10px; }
a.PageRoot:link, a.PageRoot:visited { text-decoration: none; }
a.PageRoot:active, a.PageRoot:hover { text-decoration: underline; }
.prDiv { color: #000000; padding: 0 3px 0 2px; font-size: 1em; font-weight: normal; }

#usability-link-bar-inner li { display: inline; }
#usability-link-bar-inner li a { color: #fff; }
.usability-link:link, .usability-link:visited { text-decoration: none; }
.usability-link:active, .usability-link:hover { text-decoration: underline; }

map.main-menu { display: block; }
.main-menu ul { float: right; display: inline; padding: 0; margin: 0; font-size: 0.9em; }
.main-menu ul li { list-style-type: none; padding: 0; margin: 0; float: left; display: block; text-align: left; }
li.tnav { background: url("/EasySite/setup/StyleSCCHomesLoans/images/bg-top-nav-sep.gif") no-repeat top left; }
a.menu-link:link, a.menu-link:visited { color: #fff; text-align: center; text-decoration: none; display: block; padding: 4px 12px 4px 12px; }
a.menu-link:hover, a.menu-link:active { color: #fff; text-decoration: underline; }

/* Search Box Controls */
#search-panel-outer { float: left; width: 185px; }
#search-panel-inner { width: 100%; overflow: hidden;
                       }
#search-form {  }

.search-panel-title { display: none; }
.PanelTitle { font-size: 1em; color: #0099FF; font-weight: bold; margin: 0px 0 8px 0; }
#keywords { float: left; font-size: 0.85em; color: #fff; background: transparent; border: 0; padding: 3px 2px 4px 10px; width: 115px; }
#search-button { float: right; color: #fff; font-size: 0.9em; font-weight: bold; background: transparent; border: 0; padding-top: 3px; }

.search-link { clear: both; color: #FFFFFF; padding: 2px 0px 2px 0px; }
a.searchlink:link, a.searchlink:visited { color: #FFFFFF; text-decoration: none; }
a.searchlink:active, a.searchlink:hover { color: #FFFFFF; text-decoration: underline; }

/* Side Navigation */
#SideNavPanel { clear: both;}
.SNPanelHeader { }

.previouslink { }
.NavigationPreviousLink { }
a.NavigationPreviousLink:link, a.NavigationPreviousLink:visited { display: block; color: #fff; background: #264217; text-decoration: none; padding: 6px 10px 6px 10px; border-bottom: 1px solid #cadb2a; }
a.NavigationPreviousLink:active, a.NavigationPreviousLink:hover  { color: #fff; background: #75c04b; text-decoration: underline; }

.currentlink { }
.NavigationCurrentLink { }
a.NavigationCurrentLink:link, a.NavigationCurrentLink:visited { display: block; color: #000; background: #75c04b; text-decoration: none; padding: 6px 10px 6px 10px; border-bottom: 1px solid #cadb2a; }
a.NavigationCurrentLink:active, a.NavigationCurrentLink:hover { text-decoration: underline; }

.childlink { }
.NavigationChildLink { }
a.NavigationChildLink:link, a.NavigationChildLink:visited { display: block; color: #000; text-decoration: none; padding: 6px 10px 6px 26px; border-bottom: 1px solid #d8eecc; border-top: 1px solid #d8eecc; 
                                                            background: #d8eecc url("/EasySite/Setup/StyleSCCHomesLoans/images/snv_child_icon.gif") no-repeat top left; }
a.NavigationChildLink:active, a.NavigationChildLink:hover { border-bottom: 1px solid #fff; border-top: 1px solid #fff; text-decoration: underline;
                                                            background: #fff897 url("/EasySite/Setup/StyleSCCHomesLoans/images/snv_child_icon_o.gif") no-repeat top left;}
.siblinglink { }
.NavigationSiblingLink {  }
a.NavigationSiblingLink:link, a.NavigationSiblingLink:visited { display: block; color: #fff; background: #264217; text-decoration: none; padding: 6px 10px 6px 10px; border-bottom: 1px solid #cadb2a; }
a.NavigationSiblingLink:active, a.NavigationSiblingLink:hover { color: #fff; background: #75c04b; text-decoration: underline; }

li.footer-text { float: left; color: #000000; display: block; background: url("/EasySite/setup/StyleSCCHomesLoans/images/bg-footer-sep.gif") no-repeat top right; height: 1.9em; }
.footer-link:link, .footer-link:visited { color: #000; text-decoration: none; padding: 5px 15px 5px 15px; display: block; }
.footer-link:hover, .footer-link:active { text-decoration: underline; }

.footer-admin { clear: both; width: 100%; text-align: center; margin-bottom: 10px; }
.footer-admin-text { clear: both; font-size: 1em; text-align: center; }
.footer-admin-link:link, .footer-admin-link:visited, .footer-admin-link:hover, .footer-admin-link:active  { color: #0000FF; text-decoration: none; } 

/* defaults */
b { font-weight: bold; }
strong { font-weight: bold; }
em { font-style: italic; }
u { text-decoration: underline; }
i { font-style: italic; }

/* Standard Text */
.Header { font-size: 1.4em; }
.LargeBody { font-size: 1.2em; }
.MidLargeBody { font-size: 1.1em; }
div, td, table, .MsoNormal, .tdNormalBody, a.NormalBody, .NormalBody { font-size: 1em; }
.NormalBodyBold { font-size: 1em; font-weight: bold; }
.NormalBodyItalic { font-size: 1em; font-style: italic; }
.MidSmallBody { font-size: 0.95em; }
a.MidSmallBody { font-size: 1.05em; }
.SmallBody { font-size: 0.9em; }
.TinyBody { font-size: 0.85em; }

/* Content Editor Classes */
.CENoMargin { margin: 0; font-size:1em; }
.OneCE { font-size: 0.85em; }
.TwoCE { font-size: 1em; }
.ThreeCE { font-size: 1.2em; }
.FourCE { font-size: 1.4em; }
.FiveCE { font-size: 1.7em; }
.SixCE { font-size: 2em; }
.SevenCE { font-size: 2.4em; }

/* titles */
#page-title-outer { width: 100%; background-color: #DDE4F9; margin-bottom: 5px; }
#page-title-inner { border-bottom: 1px solid #2C344E; border-right: 2px solid #2C344E; }

.PageTitle { color: #000000; font-family: verdana, helvetica, sans-serif; font-size: 1.45em; font-weight: bold; padding: 4px; margin: 0px; }
.SmallTitle { color: #000000; font-size: 1.15em; font-weight: bold; padding: 6px 6px 6px 0px; }

/* results navigation */
.PageNavBar { font-size: 1em; color: #000000; }
a.PageNavBar:link { font-size: 1em; font-weight: bold; color: #2C344E; text-decoration: underline; }
a.PageNavBar:visited { color: #000000; font-weight: bold; text-decoration: underline; }
a.PageNavBar:active, a.PageNavBar:hover { color: #0000FF; font-weight: bold; text-decoration: none; }

.RelatedDocuments { padding: 5px; background-color: #579835; color: #ffffff; font-size: 1em; font-weight: bold; margin: 0px;  border-bottom: 1px solid #2C344E;  border-right: 1px solid #2C344E;}
.SubSectionTitle { font-size: 1.2em; font-weight: bold; margin-top: 10px; color: #000000; }
.RoundTable { margin-bottom: 5px; margin-top: 10px; padding-bottom: 10px; background: #FFFFFF; border-bottom: 1px solid #DDE4F9; }
.DocumentIcon { float: left; width: 16px; margin: 0; padding: 5px; }
div.PageDocumentTitle { padding-left: 5px; padding-bottom: 0; }
a.PageDocumentTitle:link, a.PageDocumentTitle:visited { color: #0000ff; font-size: 1em; font-weight: bold; }
a.PageDocumentTitle:active, a.PageDocumentTitle:hover { color: #000000; }
div.PageDocumentText { color: #000000; font-size: 1em; padding-left: 5px; padding-top: 5px; margin-left: 20px; }

/* results */
table, td { }
td.ResultStripOne ul { margin-left: 0em; padding-left: 0.8em; background-color: #2C344E; }
td.ResultStripOne ul li { list-style-type: none; list-style-image:none; }
span.ResultText { font-size: 1em; color: #FFFFFF; }
span.ResultTitle { float: left; font-size: 1.3em; text-align: left; display: block; width: 100%; background-color: transparent; padding: 0px 10px 5px 10px; }
ul a.ResultLink:link { color: #FFFFFF; font-size: 1.1em; font-weight: bold; text-decoration: none; }
ul a.ResultLink:visited { color: #FFFFFF; text-decoration: none; }
ul a.ResultLink:hover { color: #FFFFFF; text-decoration: underline; }
ul a.ResultLink:active { color: #FFFFFF; text-decoration: underline; }

.ResultTitle { padding-left: 3px; color: #FFFFFF; font-size: 1em; font-weight: bold; }
.ResultText { font-size: 1em; color: #000000; }
.ResultBG { background-color: #579835; }
.ResultStripOne { background-color: #FFFFFF; }
.ResultStripTwo { background-color: #DDE4F9; }
.ResultLink { font-size: 1em; color: #000000; }
a.ResultLink:link { display: block; font-weight: normal; font-size: 1em; color: #000000; text-decoration: underline; background: transparent; }
a.ResultLink:visited { color: #2C344E; text-decoration: underline; }
a.ResultLink:active, a.ResultLink:hover { color: #0000FF; text-decoration: none; }
.ResultFooter { font-size: 1em; color: #FFFFFF; display: block; padding-bottom: 1px;}
a.ResultFooterLink:link { font-size: 1em; color: #FFFFFF; }
a.ResultFooterLink:visited { color: #FFFFFF; }
a.ResultFooterLink:active, a.ResultFooterLink:hover { color: #FFFFFF; text-decoration: none; }

/* Forms */

.FormComment { color: #000000; font-size: 0.95em; }
div.FormQuestion { color: #000000; font-size: 0.95em; font-weight: bold; padding: 3px; }
span.FormQuestion { color: #000000; font-size: 1em; font-weight: bold; padding: 3px; }
td.FormQuestion { }
.FormText { color: #000000; font-size: 0.95em; }
.FormInput { font-size: 0.95em; border: 1px solid #000000; }
input.SmallButton { font-size: 0.95em; color: #FFFFFF; font-weight: bold; background: #579835; border: 1px solid #579835; }
#ratingsReturnMessage { clear: both; border-top: 10px solid #fff; }

/* tables */
td.ResultAlt1 { background-color: #FFFFFF; }
td.ResultAlt2 { background-color: #DDE4F9; }
.HeaderText { font-size: 1em; color: #000000; }
td.Header1 { }
td.tableBorder { background-color: #000000; color: #FFFFFF; font-size: 1em; font-weight: bold; }

/* Error */
.Error { color: #CC0033; font-size: 1em; font-weight: bold; }

/* Quick Links */
.panel-title { font-size: 1em; color: #FFFFFF; font-weight: normal; padding: 10px 5px 3px 5px; background-color: #2C344E; }

.quicklink { margin: 0px; padding: 0px; list-style-image: none; }
a.quicklink:link, a.quicklink:visited { display: block; font-size: 1em; font-weight: normal; color: #000000; text-decoration: none; padding: 3px 5px 3px 5px; border-left: 8px solid #6176AB; background-color: #DDE4F9; margin-bottom: 1px; }
a.quicklink:active, a.quicklink:hover { text-decoration: underline; border-left: 8px solid #2C344E; }