/* ---------------------------------------------------
CVS: $ $
Title: global.css
Copyright: (c) 2008
Author: Phil Renaud
Company: Rhino Internet
Description: Global styles for Boy Scouts of America
             Toop 853
--------------------------------------------------- */

/* ---------------------------------------------------
=Reset
Takes browser-specific styling and resets it to a
common behavioural standard. Based heavily upon the
Yahoo! User Interface Library Reset:
http://developer.yahoo.com/yui/reset/
--------------------------------------------------- */

body {
   behavior: url(/css/csshover.htc); /* WinIE behavior call */
   }

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,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,th,var,strong,em {
	font-style:normal;
	font-weight:normal;
   }

ol,ul {
	list-style:none;
   }

caption,th {
	text-align:left;
   }

h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	font-weight:normal;
	margin: 0px;
	padding: 0px;
   }

q:before,q:after {
	content:'"';
   }

abbr,acronym {
   border:0;
   }

html {
   font-size: 100.01%; /* Corrects default font sizing in IE/WIN, and font resizing in Opera. */
   }

/* ---------------------------------------------------
=Universal
Styles applied to basic xhtml elements, classes and
IDs notwithstanding.
--------------------------------------------------- */

body {
   background: #fff url(../images/bg.png) top left repeat-x;
   font-family: Arial, Helvetica, sans-serif;
   font-size: 100%;
   color: #003a5f;
   }
   
strong {
   font-weight: bold
   }
   
em {
   font-style: italic;
   }
   
p {
   }   

a {
   text-decoration: none;
   color: #a36c1f;
   }

a:focus {
outline: none;
}

a:hover {
color: #999;
}

h1 {
   float: left;
   }
h1 a {
width: 950px;
height: 180px;
display: block;
text-indent: -9999px;
   }
h2 {
   }
h3 {
   }
h4 {
   }
h5 {
   }
h6 {
   }

   
/* ---------------------------------------------------
=Clearfix
Clears floats within a container.
--------------------------------------------------- */

.clearfix:after {
   content: ".";
   clear: both;
   display: block;
   height: 0;
   visibility: hidden;
   }


/* ---------------------------------------------------
=Containers
Basic container and structural layout styling.
--------------------------------------------------- */

#worldcontainer {
background: transparent url(../images/logo.png) top left no-repeat;
   width: 930px;
   padding: 0px 10px;
   }

#upper {
   height: 180px;
   overflow: hidden;
   }

/* ---------------------------------------------------
=Upper
--------------------------------------------------- */

#upper {
margin-bottom: -20px;
}

#upper ul.navigation {
   position: absolute;
   top: 0px;
   left: 160px;
   z-index: 10;
   }

   /*\*/
      * html #upper ul.navigation { position: static; float: left; padding-left: 150px; }
   /**/

#upper ul.navigation li {
   float: left;
   }

#upper ul.navigation li a {
   height: 30px;
   width: 90px;
   background: url(../images/navbg.png) -10px 0px no-repeat;
   display: block;
   color: #382600;
   text-align: center;
   line-height: 27px;
   padding-right: 20px;
   font-weight: bold;
   }

#upper ul.navigation li a:hover {
   color: #e7c67f;
   }


/* ---------------------------------------------------
=Content
--------------------------------------------------- */

#content ul li {
   list-style-type: disc;
   margin-left: 25px;
   margin-bottom: 5px;
   }

#content ol li {
list-style-type: decimal;
margin-left: 25px;
margin-bottom: 5px;
}

#content {
margin-left: 150px;
font-size: 90%;
margin-bottom: 50px;
}

#content p.intro {
color: #940000;
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 150%;
line-height: 150%;
}

#content .maincontent {
margin-top: 50px;
}

#content ul.split li.leftcolumn, #content ul.split li.rightcolumn {
float: left;
width: 380px;
list-style-type: none;
margin-left: 0px;
}

#content ul.split li.leftcolumn {
   padding-right: 10px;
   }
#content ul.split li.rightcolumn {
   padding-left: 10px;
   }

#content h2 {
font-weight: bold;
font-size: 110%;
color: #5f4e00;
padding: 10px 0px;
}

#content .eaglelist li {
   list-style-type: none;
}

#content .eaglelist li ul li{
   list-style-type: disc;
   margin-left: 50px;
}

.maincontent p {
margin-bottom: 15px;
}

.maincontent p span.date {
color: #940000;
}

/* ---------------------------------------------------
=Footer
--------------------------------------------------- */

#footer {
background: transparent url(../images/footer.png) top left repeat-x;
width: 100%;
clear: both;
height: 33px;
line-height: 30px;
color: #fff;
font-size: 85%;
}

#footer p {
padding-left: 160px;
font-family: "Times New Roman", Times, Georgia, serif;
text-transform: uppercase;
}


/* ---------------------------------------------------
=rhino
--------------------------------------------------- */
#rhino  {
   align: center;
   padding: 10 10 10 10;
}

#rhino p {
padding-left: 160px;
font-family: "Times New Roman", Times, Georgia, serif;
text-align:right;
font-size: 75%;
}