/*
-----------------------------------------------
Progressive Strategies
Author:   Cameron Corda
----------------------------------------------- */

html, body {margin: 0; padding: 0; text-align: center; background: #E6E2AF;}
html {height: 100%; margin-bottom: 1px;}  /*force scrollbars on short pages*/


/* TYPOGRAPHY
----------------------------------------------- */
html { font-size: 100%; } /* Somehow Fixes IE */
body { font-size: 62.5%; font-family: helvetica, verdana, arial, sans-serif; color: #222;} /* sets font to 10px */

#container { font-size: 1.2em; } /* 1.1em = 11px */

h1 {font-size: 1.3em; color: #EFECCA; margin-top: .5em; margin-bottom: .8em; font-weight: bold; letter-spacing: .2em; text-transform: uppercase;}
h2 {font-size: 1.6em; margin-bottom: .5em; font-weight: normal; color: #68768D; text-decoration: underline;}
h3 {font-size: 1.4em; margin-bottom: 1.2em; font-weight: normal; color: #222;}
h4 {font-size: 1.1em; margin-bottom: 1.2em; font-weight: bold;}
h5 {font-size: 1.0em; margin-bottom: 1.2em; font-weight: bold;}
h6 {font-size: 0.8em; margin-bottom: 1.2em; font-weight: bold;}

ol, li {font-size: 1em; line-height: 1.4em; margin-top: 0.8em; margin-bottom: 0.4em;}
p {font-size: 1em; line-height: 1.4em; margin-bottom: 1.2em; margin-top: .3em;}
blockquote {font-size: 1em; line-height: 1.4em; margin: 1.2em 3em 1.2em 3em; text-align: justify;}
pre {font-family: monospace; font-size: 1.0em;}
strong, b {font-weight: bold;}
td {vertical-align: top;}


/* LINKS
----------------------------------------------- */
a {color: #8D1903; font-weight: bold; text-decoration: underline;}
a:link {}
a:visited {}
a:active {}
a:hover {}

a.readMore {color: #8D1903; text-decoration: underline; text-transform: uppercase;}


/* LAYOUT
----------------------------------------------- */

#container {background: #EFECCA  url(/page/-/img/bg.png) repeat-y top center; width: 790px; margin: 0 auto; text-align: left;}
#containerInner {margin: 0 15px;}
#contentWrap {background: #EFECCA url(/page/-/img/contentwrap-bg.png) top center repeat-y; }

/*#container {background: #EFECCA url(/page/-/img/contentwrap-bg.png) top center repeat-y; width: 760px; margin: 0 auto; text-align: left;}*/

#content {float: right; width: 539px;}

#sidebar {float: left; width: 221px; background: transparent url(/page/-/img/sidebar-top.jpg) top left no-repeat;}


/* HEADER
----------------------------------------------- */
#header {height: 100px; background: #c3cbe7 url(/page/-/img/banner.png) no-repeat; position: relative;}

div#logo {position: absolute; top: 10px; left: 80px;}
div#logo h1 a {display: block; width: 500px; height: 60px;}
div#logo h1 a span {display: none;}

#nav {position: relative; margin: 0; padding: 0; width: 539px; height: 30px; background: url(/page/-/img/nav.jpg) no-repeat; top: 0px; left: 0px;}

#nav ul {margin: 0; padding: 0;}
#nav li {margin: 0; padding: 0; list-style: none; position: absolute; top: 0;}
#nav a {height: 30px; display: block;}
#nav span {display: none;}

#navA {left: 22px; width: 130px;}
#navB {left: 152px; width: 112px;}
#navC {left: 264px; width: 140px;}
#navD {left: 404px; width: 120px;}

#navA a:hover {background: transparent url(/page/-/img/nav.jpg) -22px -30px no-repeat;}
#navB a:hover {background: transparent url(/page/-/img/nav.jpg) -152px -30px no-repeat;}
#navC a:hover {background: transparent url(/page/-/img/nav.jpg) -264px -30px no-repeat;}
#navD a:hover {background: transparent url(/page/-/img/nav.jpg) -404px -30px no-repeat;}


/* BLOCKS
----------------------------------------------- */

.block {border: 5px solid #C0BD9F; padding: 10px; margin: 10px 0; }
.block h3 {text-transform: uppercase; font-size: 1.1em; margin: 0 0 .3em 0; color: #103C39; font-family: tahoma, 'trebuchet ms';}
.block p {font-size: .9em; color: #000; margin: .5em 0 0 0; line-height: 1.4em;}


/* CONTENT
----------------------------------------------- */
#content {color: #EFECCA; font-size: 1.1em;}

#contentHome {background: url(/page/-/img/content-divider.png) no-repeat top center;}
#contentHome .block {float: left; width: 200px; margin: 10px 19px; background: #EFECCA; color: #103C39;  display: inline;}

body.bodyInterior #contentInner {margin: 20px 20px 5px 20px;}
body.bodyInterior #content {margin-bottom: 15px; background: transparent url(/page/-/img/content-divider.png) no-repeat bottom center;}





/* SIDEBAR
----------------------------------------------- */
#sidebar { overflow: hidden; color: #103C39; font-size: .9em; font-family: verdana, helvetica;}
#sidebarInner {margin: 20px 10px;}
#sidebar p {line-height: 2.5em;}




/* FOOTER
----------------------------------------------- */
#footer {background: #002F2F; padding: 10px 30px; text-align: left; font-size: .9em; font-family: verdana; clear:both; border-top: 8px solid #858264; color: #C0BD9F;}
#footer a {color: #C0BD9F; text-decoration: none;}
#footer a:hover {text-decoration: underline;}


/* UTILS
----------------------------------------------- */

img {border: 0;}
.left {text-align: left;}
.center {text-align: center;}
.right {text-align: right;}
.floatl {float: left; margin: 0; padding: 0 10px 10px 0;}
.floatr {float: right; margin: 0; padding: 0 0 10px 10px;}
.whitespace {margin: 0; padding: 0; width: 740px; background: #fff; height: 10px; clear: both;}
.clear {clear:both; height:0; margin:0; font-size: 1px; line-height: 0;}

.clearfix:after {
        content:".";
        display:block;
        height:0;
        clear:both;
        visibility:hidden;
}
.clearfix {display:inline-block;}
/* Hide from IE Mac \*/
.clearfix {display:block;}
/* End hide from IE Mac */


/* FORM ATTRIBUTES
----------------------------------------------- */
form {margin: 0;}
form p, form label {font-size: 10px; margin: 0; padding: 1px; line-height: 1.2em;}

select {font-size: 10px;}

label {padding: 0px; font: 11px "lucida grande", verdana, lucida, arial, helvetica, sans-serif; line-height: 1.1em;}

input, textarea {border: 1px solid #001F5C; color: #000; padding: 2px; font-size: 11px; background: #fff; text-align: left; font-family: "lucida grande", verdana, lucida, arial, helvetica, sans-serif;}
.txt, .text {background: #fff}
.hasfocus {background: #DEEFFF; color: #001F5C;}

input.button {cursor: pointer; background: #446BA4 url(/img/side-heading-bg.jpg) repeat-x top left; color: #fff; padding: 1px 0; text-align: center;}
input.buttonImg {cursor: pointer; border: none; vertical-align: middle; height: 18px; padding: 0;}