﻿/* 
Style Sheet for the overall site design

This should contain the general/default design styles for the site.
-------------------------------------------------------
Copyright (c) 2011, Chasetheweb.net

Last Updated: Janean Angeles
 */ 
/*////////////////////////////////////////////////////////////////////////////////*/

/*#region Layout*/
html { background: #042c6f url('../Images/bg-body-sm.jpg') no-repeat center center fixed; -webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover; }
@media screen and (min-width:981px) {
    HTML {
        background: #042c6f url('../Images/bg-body.jpg') no-repeat center center fixed; -webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;
    }
}
body { text-align: left; font: normal 80% Arial, Helvetica, sans-serif; line-height: 1.3em; color: #414042; }
div#page { }
div#header { }
div#branding a { display: block; width: 887px; height: 52px; background: transparent url('../Images/logo.png') no-repeat; }
.editor div#branding { width: 887px; height: 52px; background: transparent url('../Images/logo.png') no-repeat; }
div#content { background-color: #fff; -webkit-border-radius: 0px 0px 10px 10px; border-radius: 0px 0px 10px 10px; -webkit-box-shadow:  0px 5px 4px 5px rgba(0, 0, 0, .1); box-shadow:  0px 5px 4px 5px rgba(0, 0, 0, .1); }
div#layout { }
div#main { }
div#sub1 { }
div#local { }
div#clear { }
div#footer2, div#ctl00_ctl00_footer2 { background-color: #042c6f; color: #fff; text-align: center; padding-top: 5px; border-top: 5px solid #d3c084; }
div#footer2 a, div#ctl00_ctl00_footer2 a {color: #fff;}
div#footer2 p.syntaxMktg, div#ctl00_ctl00_footer2 p.syntaxMktg { padding-top: 15px; color: #ffffff; }
div#footer2 p.syntaxMktg a, div#ctl00_ctl00_footer2 p.syntaxMktg a { color: #ffffff; }
.editor div#footer { background-color: #042c6f; color: #fff; text-align: center; padding-top: 5px; border-top: 5px solid #d3c084; }
.editor div#footer a {color: #fff;}
/*#endregion*/


/*#region Basic Styles */
p { margin: 0px 0px 10px 0px; padding: 0px; font-size: 1em; }
blockquote { margin-left: 10px; }
pre { font-family: monospace; font-size: 1.0em; }
strong, b { font-weight: bold; }
em, i { font-style: italic; }
code { font-family: "Courier New", Courier, monospace; font-size: 1em; white-space: pre; }
/*#endregion*/

 /*#region HEADINGS */
h1 { font-size: 2em; margin: 0 0 0.5em; padding: 0; font-weight: normal; line-height: 1em; color: #042c6f; }
h2 { font-size: 1.5em; margin: 0 0 0.5em; padding: 0; font-weight: normal; }
h3 { font-size: 1.4em; margin: 0 0 0.5em; padding: 0; }
h4 { font-size: 1.2em; line-height: 1.3em; margin: 0 0 0.25em; padding: 0; }
h5 { }
h6 { }
/*#endregion*/

/*#region SPECIAL CLASSES */
.jquery_button { cursor: pointer; color: #042c6f; }
.newIcon { color: Red; }
.center { text-align: center; }
.small { font-size: 8pt; }
.errorFormEntry { font-weight: bold; color: red; }
.requiredfield { font-weight: 700; color: Red; }
/*#endregion*/

/*#region Links */
a, a:link, a:active { text-decoration: none; color: #042c6f }
a:visited { background-color: transparent; }
a:hover { text-decoration: underline; }
div#local #sideBar a,
div#local div.contentDiv a { color: #fff; }
div#local #sideBar #QuickLinks #importantLinksContent > ul > li> a {color: #042c6f !important;}
table#ctl00_ContentPlaceHolderMain_CalendarMonth {background: white;}
/*#endregion*/


/*#region LISTS */
ul { line-height: 1.5em; list-style-type: none; margin: 0; padding: 0; }
ul li, ol li { margin: 0; padding: 0px 0px .5em 0px; }

div#main .pnlContent ul { list-style-type: disc; margin-left: 15px; }
div#main .pnlContent ol { margin-left: 15px; list-style-type: decimal; }
div#local div#sideBar div#Links ul,
div#local div.contentDiv ul { list-style-type: disc !Important; line-height: 1em !Important; margin-left: 14px !Important; }
div#local div#sideBar div#Links li,
div#local div.contentDiv li { padding: 0 0 0.5em; }
/*#endregion*/

/*#region Horizonatal Rules  */
hr { border-color: #394750; border-style: solid; border-width: 1px 0px 0px 0px; clear: both; margin: 0 0 10px; height: 0; }
/*#endregion*/

/*#region remember to define focus styles! */
:focus { outline: 0; }
/*#endregion*/

/*#region remember to highlight inserts somehow! */
ins { text-decoration: none; }
del { text-decoration: line-through; }
/*#endregion*/

/*#region for inline colorbox modals (layout in global.css)*/
.colorbox-modal-container { color: #4c4d4e !Important; }
.colorbox-modal-container .article-image img { border: 1px solid #3d3d3d; }
.colorbox-modal-container .article-image img:hover { border: 1px solid #297d2e; }
.colorbox-modal-container h3,
.colorbox-modal-container h2 { color: #297d2e; }
/*#endregion*/