/*
Theme Name: Theme name
Theme URI: http://theme.url.com
Description: Description of site
Version: 1.0.2
Author: Mark Gaynor - Oleksandra Motyka - Development of original coding
Author URI: http://

*/


/* Base */
body { margin: 0; padding: 0; background: #CCCCCC /* #000040; */ font-family: Verdana, Helvetica, Arial, sans-serif; font-size: 11px; color: #cccccc; }
hr { background: #ffc400; border: none; height: 0.1em; display: block; clear: both; margin: 0.5em 0; }
.clear { clear: both; }
.float-right { float: right; margin: 0 0.5em 1.3em 1.3em; }
.float-left { float: right; margin: 0 1.3em 1.3em 0.5em; }
.hide-text { display: block; font-size: 0px; letter-spacing: -2000em; overflow: hidden; text-indent: -1000em; margin: 0; padding: 0; }

/* Links */
a { color: #0080ff; text-decoration: none; }
a:hover { color: #0080ff; text-decoration: underline; }

/* Text Shadow */
.shadow { text-shadow: 2px 2px 2px #000000; }


/* Headings */
h1, h2, h3, h3, h4, h5, h6 { margin: 0.5em 0;}/* text-transform: uppercase; 
h1 { font-size: 160%; }
h2 { font-size: 150%; }
h3 { font-size: 140%; }
h4 { font-size: 130%; } */
h5 { font-size: 120%; }
h6 { font-size: 110%; }

/* Layout */

.column { position: relative; float: left; }
#page { width: 82.85em; margin: 0 auto; padding: 1.3em; background: #006EAE; border-top: 0.1em solid #00B0E3; }
#container { padding-left: 185px; /* LC fullwidth */
             padding-right: 0px; /* 185px RC fullwidth + CC padding */
             min-width: 185px; /* LC fullwidth + CC padding */ }
#center { padding: 0; width: 100%; }
#center #content { margin: 0 1.3em; padding: 1.3em; background: #ffffff; border: 0.2em solid #ffc400; position: relative; }
#navigation { width: 185px; /* LC width */
        padding: 0; /* LC padding */
        right: 185px; /* LC fullwidth + CC padding */
        margin-left: -100%; }
#supporting-content { width: 185px; /* RC width */
         padding: 0; /* RC padding */
         margin-right: -100%; }
#footer { clear: both; }


/* Header */

#header { margin-bottom: 1.3em; }
#header h1 { width: 10.83em; position: relative; float: left; margin: 0; font-weight: normal; }
#header h1 a {  width: 195px; height: 196px; background: url(scouts_logo-CL.jpg) no-repeat top center; }
#header img { float: left; top: 0; position: relative; }
#header #banner { width: 46.73em; height: 16.91em; margin-left: 0.4em; }
#header #scouts-logo { width: 10.36em; height: 17.36em; margin-left: 4.2em; }
#slogan { background: url(banner_scout-news.png) no-repeat; width: 712px; height: 97px; margin: 0 0 0 8px; float: left; }

/* Footer */

#footer { width: 82.85em; margin: 0 auto; color: #ffffff; /* padding: 2.36em 1.3em 0 1.3em; */ background: url(footer_BG.png) repeat-x top left; }
#footer p { padding: 1em 0; /* margin: 1em 0; */ margin: 0; }


/* Left column text-transform: uppercase; */
/*.navigation {  }
.navigation ul { padding: 0; margin: 0 0 0.65em 0; list-style: none; }
.navigation ul li { padding: 0 0 5px 0; margin: 0; }
.navigation ul li a { display: block; zoom: 1; background: #123a5d; border: solid #123a5d; border-width: 0 1px; color: #ffffff; }
.navigation ul li a:hover { background: #00b0e3; border-color: #00b0e3; }
.navigation ul li a:hover span { border-color: #00b0e3; background: #00b0e3 url(blue_btn_base_hover.gif) no-repeat center right; }
.navigation ul li a span { display: block; padding: 0; margin: 0; position: relative; top: -1px; border: solid #123a5d; border-width: 1px 0 0 0; background: #123a5d url(blue_btn_base_default.gif) no-repeat center right; }
.navigation ul li a span { top: 2px; border-width: 0 0 1px 0; padding: 0 5px 2px 5px; }
.avigation ul li ul { margin: 0 0 0 1em; }
.navigation ul li ul li { padding: 5px 0 0 0; }
.supporting-content {  }
*/
/* Left column text-transform: uppercase; */
#navigation {  }
#navigation ul { padding: 0; margin: 0 0 0.65em 0; list-style: none; }
#navigation ul li { padding: 0 0 5px 0; margin: 0; }
#navigation ul li a { display: block; zoom: 1; background: #123a5d; border: solid #123a5d; border-width: 0 1px; color: #ffffff; }
#navigation ul li a:hover { background: #00b0e3; border-color: #00b0e3; }
#navigation ul li a:hover span { border-color: #00b0e3; background: #00b0e3 url(blue_btn_base_hover.gif) no-repeat center right; }
#navigation ul li a span { display: block; padding: 0; margin: 0; position: relative; top: -1px; border: solid #123a5d; border-width: 1px 0 0 0; background: #123a5d url(blue_btn_base_default.gif) no-repeat center right; }
#navigation ul li a span span { top: 2px; border-width: 0 0 1px 0; padding: 0 5px 2px 5px; }
#navigation ul li ul { margin: 0 0 0 1em; }
#navigation ul li ul li { padding: 5px 0 0 0; }
#supporting-content {  }

/* Left column - Sub Menu nav */
#navigation-current {  }
#navigation-Sub ul { padding: 0; margin: 0 0 0.65em 0; list-style: none; }
#navigation-Sub ul li { padding: 0 0 5px 0; margin: 0; }
#navigation-Sub ul li a { display: block; zoom: 1; background: #123a5d; border: solid #123a5d; border-width: 0 1px; color: #fff; text-transform: uppercase; }
#navigation-Sub ul li a:hover { background: #00b0e3; border-color: #00b0e3; }
#navigation-Sub ul li a:hover span { border-color: #00b0e3; background: #00b0e3 url(blue_btn_base_hover.gif) no-repeat center right; }
#navigation-Sub ul li a span { display: block; padding: 0; margin: 0; position: relative; top: -1px; border: solid #123a5d; border-width: 1px 0 0 0; background: #123a5d url(blue_btn_base_default.gif) no-repeat center right; }
#navigation-Sub ul li a span span { top: 2px; border-width: 0 0 1px 0; padding: 0 5px 2px 5px; }
#navigation-Sub ul li ul { margin: 0 0 0 1em; }
#navigation-Sub ul li ul li { padding: 5px 0 0 0; }
#supporting-content {  }

/* Left column - Sub Menu nav */
/* #navigation-Sub {  }
#navigation-Sub ul { padding: 0; margin: 0 0 0.65em 0; list-style: none; }
#navigation-Sub ul li { padding: 0 0 5px 0; margin: 0; }
#navigation-Sub ul li a { display: block; zoom: 1; background: #123a5d; border: solid #123a5d; border-width: 0 1px; color: #fff; text-transform: uppercase; }
#navigation-Sub ul li a:hover { background: #00b0e3; border-color: #00b0e3; }
#navigation-Sub ul li a:hover span { border-color: #00b0e3; background: #00b0e3 url(blue_btn_base_hover.gif) no-repeat center right; }
#navigation-Sub ul li a span { display: block; padding: 0; margin: 0; position: relative; top: -1px; border: solid #123a5d; border-width: 1px 0 0 0; background: #123a5d url(blue_btn_base_default.gif) no-repeat center right; }
#navigation-Sub ul li a span span { top: 2px; border-width: 0 0 1px 0; padding: 0 5px 2px 5px; }
#navigation-Sub ul li ul { margin: 0 0 0 1em; }
#navigation-Sub ul li ul li { padding: 5px 0 0 0; }
#supporting-content {  }
*/

/* Rounded corners */
#center #content .corner, #supporting-content .content-container .corner { width: 6px; height: 6px; position: absolute; }
#center #content .tr, #supporting-content .content-container .tr { top: -2px; right: -2px; background: url(content_corner_tr.gif) no-repeat top right; }
#center #content .br, #supporting-content .content-container .br { bottom: -2px; right: -2px; background: url(content_corner_br.gif) no-repeat bottom right; }
#center #content .tl, #supporting-content .content-container .tl { top: -2px; left: -2px; background: url(content_corner_tl.gif) no-repeat top right; }
#center #content .bl, #center #content .bl, #supporting-content .content-container .bl { bottom: -2px; left: -2px; background: url(content_corner_bl.gif) no-repeat bottom left; }


/* Supporting content */
#supporting-content .sidebar-title { font-size: 100%; background: #123a5d; color: #ffffff; font-weight: normal; margin: 0 0 0.65em 0; padding: 0; border: solid #123a5d; border-width: 0 1px 0 1px;  }
#supporting-content .sidebar-title span { display: block; position: relative; top: -1px; border: solid #123a5d; border-width: 1px 0 0 0; }
#supporting-content .sidebar-title span span { top: 2px; border-width: 0 0 1px 0; padding: 0 5px 2px 5px; }
#supporting-content { position: relative; float: left; margin-right: -16.82em; }
#supporting-content .content-container { background: #ffffff; border: 0.2em solid #ffc400; padding: 0; position: relative; margin: 0 0 1.3em 0; }
#supporting-content ul { margin: 0; padding: 0; list-style: none; }
#supporting-content ul li { margin: 0; padding: 1em; border-bottom: 0.2em solid #ffc400; }
#supporting-content ul li.last { border: none; }


/* Content */

#center #content .column { float: left; }
#center #content .column.two { width: 47.5%; padding: 0 1em 0 0; }
#center #content p { margin-top: 0; }


/* Banners */

#supporting-content .banner, #navigation .banner { display: block; /* width: 17.1em; position: relative; */ height: 3.1em; background: url(yellow_btn_base.gif) no-repeat top left; text-transform: uppercase; padding: 1.1em 0 0 0; font-weight: bold; text-decoration: none; color: #123A5D; margin-bottom: 0.75em; text-align: center; }
#supporting-content .banner:hover, #navigation .banner:hover, #container #navigation .banner:active { text-decoration: underline; }