/*
-----------------------------------------------
Site: www.bluebeyondconsulting.com
Author:  Cameron Corda

Blue: #4A80AD
Green: #7AA83D
Grey: #444
----------------------------------------------- */

/* RESET
-----------------------------------------------

/*
Copyright (c) 2007, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.4.1
*/

html{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym {border:0;font-variant:normal;}sup {vertical-align:text-top;}sub {vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}legend{color:#000;}

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

html {background: #fff;}
body {background: url(/img/bg_body.jpg) repeat-x 0 -70px; padding-top: 4px;}

#container {width: 900px; background: #fff; margin: 0 auto;}
#header {height: 70px; background: url(/img/banner.png); border-top: 2px solid #336687; position: relative;}

#logo {position: absolute; top: 2px; left: 10px; background: transparent; text-indent: -999em; overflow: hidden;}
#logo a {display: block; height: 66px; width: 190px;}

#contact {color: #CFDDE9; width: 200px; float: right; border-left: 2px solid #5E8CB2; padding-left: 20px; height: 52px; margin-top: 9px; margin-right: 15px; font-size: 11px; display: none;}
#contact ul {margin: 0; padding: 8px 0 0 0;}
#contact li {margin: 0 0 4px 0;}
#contact a {color: #CFDDE9; text-decoration: underline;}
#contact a:hover {color: #fff;}

#nav {margin-left: 15px; padding-top: 10px;}
#nav {margin-left: 215px;}
#nav ul {margin: 0;}
#nav li {margin: 0; display: inline; margin-right: 8px; font-size: 14px;}
#nav a {text-decoration: none; text-transform: uppercase; padding: 3px 5px;}
#nav a:hover {background: #ddd; border-bottom: 1px solid #ccc;}

#contentWrap {position: relative; background: url(/img/bg_content.jpg) no-repeat; min-height: 700px;}

#atf {background: url(/img/bg_title.jpg) no-repeat; height: 71px; margin: 10px 2px 0 2px; position: relative;}
#atf {display: none;}

#content {width: 900px;}
#content h1 {background: url(/img/bg_title.jpg) no-repeat bottom left; margin: 10px 2px 15px 2px; padding: 25px 150px 10px 218px; font-size: 24px;line-height: 1.2em; color: #A73113; line-height: 1.2em;}

.page {margin: 10px 200px 20px 218px; position: relative;}

#atfImage {margin: -95px 0px 20px 20px;}

#left {position: absolute; width: 200px; top: 110px; left: 0;}

#right {position: absolute; width: 160px; top: 140px; right: 20px;}

#sideNav {font-size: 11px; margin: 20px 0 20px 20px;}
/* #sideNav h3 {font-size: 11px; margin: 0; background: #4A80AD; color: #fff; padding: 2px 5px;} */
#sideNav h3 {font-size: 11px; margin: 0; background: #f3f3f3; border: 1px solid #ddd; padding: 3px 4px;}
#sideNav a {text-decoration: none;}
#sideNav a:hover {text-decoration: underline;}
#sideNav ul {margin-bottom: 20px;}
#sideNav li {padding-left: 5px; line-height: 1.2em; margin-bottom: 8px;}

#sideAction {}
#sideAction {}
#sideAction .inner {}
#sideAction {font-size: 11px; margin: 20px 0 20px 20px; color: #fff;}
#sideAction h3 {font-size: 15px; line-height: 22px; text-align: center; font-style: italic; margin: 0; border-bottom: 2px solid #5E8CB2; padding: 3px 4px; color: #fff;}
#sideAction a {text-decoration: none; color: #fff;}
#sideAction a:hover {text-decoration: underline;}
#sideAction ul {margin-bottom: 0px;}
#sideAction li {padding-left: 5px; line-height: 1.2em; margin-bottom: 8px;}

#sideContact {border: 1px solid #336687; background: #4A80AD; padding: 2px; margin-bottom: 20px; margin-top: 150px; display: none;}
#sideContact ul {margin-top: 6px;}

#sideNewsletter {border: 1px solid #336687; background: #4A80AD;  padding: 2px; display: none;}

#sideNewsletter form {margin-left: 3px; margin-top: 4px;}
#sideNewsletter form input {width: 160px; margin: 3px 10px 3px 0px; padding: 4px 4px; border: none;}
#sideNewsletter form input#email {}
#sideNewsletter form input#lname {margin-right: 0;}
#sideNewsletter form input#submit {width: 74px; text-align: center; text-transform: uppercase; background: #7AA83D; color: #fff; letter-spacing: 1.5px; margin-right: 0; a padding-top: 4px;}
#sideNewsletter form input#submit:hover {cursor: pointer}

#footer {clear: both; border-top: 1px solid #ddd;}
#footerContact {color: #666; margin: 10px; font-size: 11px;}
#footerContact ul {margin: 0; padding: 8px 0 0 0; text-align: center; text-align: center;}
#footerContact li {display: inline; padding: 0px 5px;}
#footerContact li#contactEmail {border-right: 1px solid #999; padding-right: 10px;}
#footerContact a {color: #666; text-decoration: none; }
#footerContact a:hover {color: #444; text-decoration: underline;}




/* TINYMCE
----------------------------------------------- */
body#tinymce {margin: 10px; padding: 0; background: #fff;}
body#tinymce .page {margin: 0; padding: 0;}



/* TYPOGRAPHY
----------------------------------------------- */
body {color: #444; font-family: 'lucida sans', arial; font-size: 12px; line-height: 1.3em;}

h1, h2, h3, h4, h5, h6, p, ul, ol {margin-top: 0;}

h3 {font-size: 1.4em; margin-bottom: 1.2em; font-weight: normal;}
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.4em; margin-bottom: 0.4em;}
p {font-size: 1em; line-height: 1.4em; margin-bottom: 1.2em;}
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;}

code {border-left: 3px double #63301D; background: #875E49; display: block; margin-left: 10px; margin-right: 10px;  padding: 7px; font-family: monospace; letter-spacing: 0;}

.page {line-height: 1.5em; }

.page h1 {font-size: 26px; margin-bottom: 15px; line-height: 1.2em; color: #A73113; line-height: 1.2em;}
.page h1 .subtitle {font-size: 14px;}

.page h2 {font-size: 18px; font-weight: normal; padding: 5px 10px; margin-left: -10px; margin-bottom: 4px; line-height: 1.2em;}
.page h2 a {}
.page h2 a:hover {}

.page h3 {font-size: 14px; line-height: 1.2em;}

.page h4 {font-weight: normal; font-style: italic; font-size: 15px; margin: 0 0 10px 10px; line-height: 1.3em; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; padding: 5px 10px; color: #4A80AD; float: right; width: 210px; }

.page ul {padding-left: 20px; margin-bottom: 1.2em;}
.page li {list-style-type: disc; margin-left: 20px;}

.page .dateline {font-style: italic;}

.byline {margin-bottom: .3em;}
.byline em {font-style: italic; font-size: .9em;}
.tags {font-size: .9em;}
#blog .entry {border-bottom: 1px solid #ddd; margin-bottom: 20px; padding-bottom: 20px;}

.blog-footer {padding-top: 10px; border-top: 1px solid #ddd;}
.blog-footer p {margin-bottom: .3em;}

#right {line-height: 1.5em; }

/* LINKS
----------------------------------------------- */

a {color: #4A80AD;}
a:hover {color: #336687;}
a img {border-width: 0; border-style: none; display: block}




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


/* TEMP
----------------------------------------------- */

.splash {width: 600px; margin: 150px auto;}
.splash img {float: left; margin-top: 20px;}
.splash form {float: right; width: 300px; background: #4A80AD; padding: 20px;}
.splash h2 {margin: 0; color: #fff;}
.splash p {color: #fff;}
.splash form input {float: left; width: 144px; margin: 5px 10px 5px 0px; padding: 6px 4px; border: none;}
.splash form input#email {width: 214px;}
.splash form input#lname {margin-right: 0;}
.splash form input#submit {width: 74px; text-align: center; text-transform: uppercase; background: #7AA83D; color: #fff; letter-spacing: 1.5px; margin-right: 0;}
.splash form input#submit:hover {cursor: pointer}