/*-------------------------------*/
/* Layout */
/*-------------------------------*/
body {
font-size: 60%; 
padding: 0 0 0 0px; 
margin:0 0 0 0px;
background-color:#333333;
font-family:Arial, Helvetica, sans-serif;
}
#container {
width: 807px;
margin: 0px auto;
background-image:url(../media/images/home-background.jpg);
background-repeat:repeat-y;
padding:0 0 0 0px;
background-color:#333333;
border-top: 0px solid #ffffff;
border-right: 0px solid #ffffff;
border-left: 0px solid #ffffff;
border-right: 0px solid #ffffff;
}


/*-----------------------------------*/
/* header */
/*-----------------------------------*/
#header{
clear: both; 
background-image:url(../media/images/home-header.jpg);
background-position:top;
background-repeat:no-repeat;
width: 807px;
height: 193px;
background-color:#ffffff;
}
#header-beavers{
clear: both; 
background-image:url(../media/images/beavers-header.jpg);
background-position:top;
background-repeat:no-repeat;
width: 807px;
height: 193px;
background-color:#ffffff;
}
#header-cubs{
clear: both; 
background-image:url(../media/images/cubs-header.jpg);
background-position:top;
background-repeat:no-repeat;
width: 807px;
height: 193px;
background-color:#ffffff;
}
#header-scouts{
clear: both; 
background-image:url(../media/images/scouts-header.jpg);
background-position:top;
background-repeat:no-repeat;
width: 807px;
height: 193px;
background-color:#ffffff;
}
#header-explorer-scouts{
clear: both; 
background-image:url(../media/images/explorer-scouts-header.jpg);
background-position:top;
background-repeat:no-repeat;
width: 807px;
height: 193px;
background-color:#ffffff;
}
#header-network-scouts{
clear: both; 
background-image:url(../media/images/network-scouts-header.jpg);
background-position:top;
background-repeat:no-repeat;
width: 807px;
height: 193px;
background-color:#ffffff;
}

/*-----------------------------------*/
/* Left Options*/
/*------------------------------------*/
#navleft 
{
font-family:Arial, Helvetica, sans-serif;
clear: both;
float: left; 
width: 164px; 
font-size:110%;
background-image:url(../media/images/home-menu-bg.jpg);
background-repeat:repeat-y;
padding-top: 5px;
}
#navleft h1
{
margin:0 0 0 0px;
padding-left:14px;
padding-right:10px;
padding-bottom:20px;
color: #4C187B;
font-size: 1.5em;
font-weight:bold;
}
#navleft h3
{
margin:0 0 0 0px;
padding-bottom:20px;
color: #4C187B;
font-size: 1.5em;
}
#navleft ul {
list-style-type:none;
list-style-position:outside;
margin:0 0 0 0px;
padding-left:0px;
padding-right:0px;
padding-bottom:6px;
line-height: 9px;
font-size:1.2em;
}
#navleft li {
list-style-position:outside;
}
#navleft li a {
text-decoration:none;
color:#97b247;
padding-left:14px;
padding-right:5px;
padding-bottom:8px;
}
#navleft li a:hover {
text-decoration:none;
color:#452669;
padding-left:18px;
padding-right:5px;
padding-bottom:8px;
}
#navleft p 
{
padding-left:14px;
padding-right:5px;
padding-bottom:8px;
font-size:1.2em;
line-height: 5px;
margin:0 0 0 0;
color:#97b247;
text-decoration:none;
}
#navleft a {
padding-left:14px;
padding-right:5px;
padding-bottom:5px;
font-size:1.2em;
line-height: 5px;
margin:0 0 0 0;
color:#97b247;
text-decoration:none;
}
#navleft a:hover {
padding-left:14px;
padding-right:5px;
padding-bottom:5px;
font-size:1.2em;
line-height: 9px;
color:#452669;
text-decoration:none;
}
#navleft img a {
padding-left:14px;
padding-right:5px;
padding-bottom:8px;
font-size:1.2em;
line-height: 9px;
margin:0 0 0 0;
color:#333333;
text-decoration:none;
}



/*--------------------*/
/* Content */
/*--------------------*/
#content 
{
font-family:Arial, Helvetica, sans-serif;
background-image:url(../media/images/home-main-bg.jpg);
background-repeat:repeat-y;
float: left;
width: 458px;
min-height:400px;
background-color: #ffffff;
padding-top: 5px;
padding-left: 5px;
text-align: left;
font-size:110%;
}
#content h1 
{
font-size: 1.5em;
font-weight:bold;
margin:0 0 0 0px;
padding-left:10px;
padding-right:10px;
padding-bottom:10px;
color: #4C187B;
}
#content h2 
{
font-size: 13px;
font-weight:bold;
color:#333333;
font-family:Arial, Helvetica, sans-serif;
padding-left:10px;
padding-right:10px;
text-align:left;
}
#content h3
{
font-size: 13px;
font-weight:bold;
color:#879f0d;
font-family:Arial, Helvetica, sans-serif;
padding-left:10px;
padding-right:10px;
padding-top:10px;
padding-bottom:2px;
text-align:left;
}
#content p {
color:#666666;
font-family:Arial, Helvetica, sans-serif;
font-size: 10px;
padding-left:10px;
padding-right:10px;
font-size:116%;
}
#content a {
color:#0099FF;
text-decoration:none;
font-weight:normal;
}
#content a:hover{
color:#666666;
text-decoration:underline
}
#content hr{
color:#999999;
text-align:left;
}
#content li{
color:#666666;
list-style-type:circle;
}
#content li a{
color:#247E2B;
list-style-type:circle;
}
#content li a:hover{
color:#666666;
list-style-type:circle;
font-size:116%;
}



/*-----------------------------------------------*/
/*Right options */
/*-----------------------------------------------*/
#navright
{
background-image:url(../media/images/home-news-bg.jpg);
background-repeat:repeat-y;
float: right;
width: 180px;
font-weight: normal;
padding-bottom:0px;
color:#990000;
margin:0 0 0 0px;
background-color:#0049FF;
}



/*-------------------------------*/
/* News
/*-------------------------------*/
#news
{
background-image:url(../media/images/home-news-back.jpg);
font-weight: normal;
width: 180px;
color:#666666;
margin:0 0 0 0px;
}
#news h1
{
background-image:url(../media/images/home-news-head.jpg);
padding-left:10px;
padding-right:0px;
padding-top:4px;
padding-bottom:4px;
height:22px;
padding-bottom:10px;
margin:0 0 0 0px;
font-weight:normal;
background-color:#66CC00;
color:#ffffff;
text-align:left;
}
#news h2
{
padding-left:10px;
padding-right:0px;
padding-top:4px;
padding-bottom:4px;
height:22px;
padding-bottom:4px;
margin:0 0 0 0px;
font-weight:normal;
background-color:#66CC00;
color:#ffffff;
text-align:left;
}
#news h3
{
background-image:url(../media/images/home-news-bottom.jpg);
padding-left:10px;
padding-right:0px;
padding-top:0px;
padding-bottom:0px;
height:55px;
margin:0 0 0 0px;
font-weight:normal;
background-color:#66CC00;
color:#ffffff;
text-align:left;
}

#news p
{
width: 80px; 
padding-left:10px;
padding-right:10px;
padding-top:4px;
padding-bottom:4px;
color:#0099FF;
margin:0 0 0 0px;
font-weight:normal;
font-size:12px;
}
#news a 
{
width: 50px; 
padding-left:14px;
padding-right:30px;
color:#0099FF;
text-decoration:none;
font-weight:normal;
font-size:12px;
}
#news a:hover 
{
width: 30px; 
padding-left:14px;
padding-right:50px;
color:#452669;
text-decoration:none;
font-weight:normal;
font-size:12px;
}



/*-----------------------*/
/* Offices
/*-----------------------*/
#offices
{
background-image:url(../media/images/home-news-back.jpg);
float: left; 
width:180px;
background-color:#ffffff;
}
#offices h1
{
background-image:url(../media/images/home-office-head.jpg);
font-weight: normal;
height:18px;
padding-bottom:10px;
margin:0 0 0 0px;
color:#452669;
background-color:#ffffff;
}
#offices h2
{
background-image:url(../media/images/home-news-bottom.jpg);
padding-left:10px;
padding-right:0px;
padding-top:0px;
padding-bottom:0px;
height:55px;
margin:0 0 0 0px;
font-weight:normal;
color:#452669;
text-align:left;
background-color:#ffffff;
}
#offices p {
font-size:110%;
padding-left:10px;
padding-right:10px;
padding-top:0px;
color:#452669;
text-decoration:none;
font-weight:normal;
line-height:5px;
}
#offices a 
{
padding-left:8px;
color:#0099FF;
text-decoration:none;
font-weight:normal
}
#offices a:hover 
{
padding-left:12px;
color:#452669;
text-decoration:none;
font-weight:normal
}



/*-----------------------------------------------*/
/* Footer */
/*-------------------------------*/
#footer {
clear: both;
text-align: left;
background-color: #ffffff;
background-image:url(../media/images/home-footer.jpg);
background-repeat:no-repeat;
border-top:0px solid #ffffff;
height:68px;
/*padding-left:189px;
padding-right:181px;*/
color: #666666;
font-size:110%;
}
#footer p {
color:#565149;
text-decoration: none;
padding-left:100px;
padding-top:34px;
}
#footer li{
direction:ltr;
display:inline;
}
#footer ul{
text-decoration:none;
display:inline;
direction:ltr;
margin:0 0 0 0px;
padding:0 0 0 0px;
}
#footer a {
color:#565149;
text-decoration: none;
padding-right:5px;
}
#footer a:hover {
color:#023467;
text-decoration: none;
padding-right:5px;
}
#footer li a {
color:#565149;
text-decoration: none;
padding-right:5px;
}
#footer li a:hover {
color:#023467;
text-decoration: none;
padding-right:5px;
}

#sign-off {
clear: both; 
text-align: left;
background-color: #ffffff;
border-top:7px solid #ffffff;
width: 344px; 
padding-top:8px;
padding-bottom:8px;
}
#sign-off a {
color:#565149;
text-decoration: none;
padding-right:5px;
}
#sign-off a:hover {
color:#D60719;
text-decoration: none;
padding-right:5px;
}


/*-----------------------*/
/* Generic styling */
/*-------------------------------*/
hr {
height:1px;
width:100%;
color:#cccccc;
}
h1 {
font-weight: normal;
font-size: 120%;
padding-top:10px;
padding-bottom:10px;
padding-left:10px;
padding-right:10px;
height:15px;
background-color:#ffffff;
margin:0 0 0 0px;
color:#ffffff;
/*background-image:url(../media/images/title-bg.jpg);
background-repeat:repeat-x;
background-position:top left;*/
}
h2 {
font-weight: normal;
font-size:116%;
color:#247E2B;
padding-left:10px;
padding-right:10px;
}
h3 {
font-weight: bold;
font-size: 110%;
color: #666666;
padding-left:10px;
padding-right:10px;
}
h4 {
font-weight: bold;
font-size: 110%;
color:#666666;
line-height:10px;
margin:0 0 0 0px;
}
h5 {
font-weight: normal;
font-size: 110%;
color:#247E2B;
padding-left:10px;
padding-right:10px;
font-style:italic;
text-align:justify;
}
h6 {
font-weight: normal;
font-size: 110%;
color:#cccccc;
}
h7 {
font-weight: bold;
font-size: 130%;
color:#F6FC3A;
}