/* CSS Document */

body
{
	background: #CDB18C;
	color: #303030;
	float: left;
	font: 11px Arial, Helvetica, sans-serif;
 	line-height: 22px;
	margin: 0px;
	padding: 0px;
	width:100%;
}

input[type=select],
input[type=submit],
input.button,
input[type=button]
{
	background: url(../images/navi.gif) top repeat-x;
	border: 1px solid #170803;
	
}

textarea:focus,input[type=text]:focus
{
	background: #e9e9e9;
}
input.text,input[type=text]
{
	height: 18px;
}
input[type=password],
input.text,
select,textarea,input[type=text]
{
	background: url(../images/input_bg.jpg) -7px top no-repeat #dedcdd;
	border: 1px solid #170803;
	font: 12px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}
a
{    
	border: 0px;
	color:#a73b0d;font-weight:bold;
	font-size: 11px;
}
 
a:hover{color:#663300;}
fieldset,form{margin:0px;padding:0px;border:0px;}

/* === Base classes =============================================================================== */
.clear {
	clear: both;
}

.left	{
	float: left;
}

.right {
	float: right;
}

.hide
{
	position:absolute;
	font-size:1px;
	height:0;
	left:-100%;
}
 
.brown{font-weight:bold;color: #752302;}
/*====Layout=====*/
#container
{
	background: url(../images/right.jpg) repeat-x top;
	height: 100%;
 
 
	width:100%;
	/*color:#cdb18c;*/
	padding:0px;
}
#wrapper
{
	width:1195px; 
	margin:0 auto;
}
.header_img
{
	background: url(../images/topheader.jpg) no-repeat left;
	height: 206px;
	
	padding-left: 0px;
	width: 100%;
}
.header
{
	 
	height: 246px;
	padding-left: 0px;
	width: 100%;
}
#logo
{
	display: block;
	height: 140px;
	margin-left: 20px;
	width: 200px;
}

.footer a
{
	color: #c4af8c;
	margin-right:5px;
	font: 11px Arial, Helvetica, sans-serif;
}
.footer .text{padding-left:25px;font: 11px Arial, Helvetica, sans-serif;
    color: #c4af8c;
    padding-top:5px;
    text-align:left;
	width:745px;
	margin:0 auto;}
.footer
{   
	background:#7d6751;
	clear: both;
	height: 40px;
	width: 100%;
	
}
 
/*------navigation---*/
.top_navi a{float:left;height:30px;backround:white;background:no-repeat;text-indent:-4000px;}
.top_navi li{display:inline;list-style:none;}
#wrapper .top_navi {margin-left:336px;padding-left:0px; padding-top:0px;margin-top:0px;height:30px;}
 


#tworivers{width:121px;margin-left:5px; }
#alamo{width:125px;margin-left:15px; }
#bst{width:142px;margin-left:10px;}
#gr{width:114px;margin-left:9px;}

#tworivers:hover{background:url(../images/2riwers.jpg);}
#alamo:hover{background:url(../images/alamo.jpg);}
#bst:hover{background:url(../images/troop.jpg);}
#gr:hover{background:url(../images/gardenridge.jpg);}

.first
{
	background: url(../images/navi.jpg) repeat-x;
	display: block;
	float: left;
	height: 40px;
	width: 40px;
}
.header .main_navi  
{
	background: url(../images/navi-light.jpg) repeat-x;
	display: block;
	height: 40px;
	padding-bottom:0px;
	margin-bottom:0px;
	list-style: none;
	margin-top: 0px;
	padding-left: 0px;
	/*width: 100%;*/
	margin-left:214px;
	
}
.header .main_navi   li{display:inline;padding:0px;}
.header .main_navi   a
{
	background-position: top left;
	background-repeat: no-repeat;
	float: left;
	height: 40px;
	text-indent: -4000px;
	width: 100px;
	position:relative;
	top:0px;
}
#wrapper .header .main_navi   a:hover
{
	background-position: 0px 49px;
}
#home
{
	background: url(../images/home.gif);width:74px;
}
#information
{
	background: url(../images/information.gif);width:120px;
}
#forms
{
	background: url(../images/forms.gif);width:77px;
}
#links
{
	background: url(../images/links.gif);width:74px;
}
#calendar
{
	background: url(../images/calendar.gif);width:99px;
}
#photos
{
	background: url(../images/photos.gif);width:85px;
}

#contacts
{
	background: url(../images/contacts_menu.gif);width:98px;
}
#secure
{
	background: url(../images/secure.gif);width:139px;
}
#logout
{
	background: url(../images/logout.gif);width:80px;
}

#scout_home
{
	background: url(../images/scout_home.gif);width:113px;
}

/*---content--*/
.left_column img
{
	margin-bottom: 5px;
}

#content.second .right_column{float:right;
	padding-left:15px;
	padding-right:30px;
	width: 494px;}
.left_column
{
	background: #c2a379 url(../images/navi.jpg) 0px  -40px repeat-x;
	float: left;
	margin: 0px;
	padding: 10px 15px 15px 30px;
	width: 200px;
	
}
#content.second .left_column{float:right;width: 197px;padding: 10px 15px 15px 15px;}
.right_column
{   
	background:url(../images/navi-light.jpg) 0px  -40px repeat-x;
	color: #303030;
	float: left;
	font: 11px Arial, Helvetica, sans-serif;
	margin: 0px;
	width: 501px;
	padding-right:20px;
	overflow:hidden
}
.right_column blockquote ul
{
	color: #7d6f5d;
	list-style: square;
	list-style-position: inside;
	margin-left: 0px;
	padding-left: 0px;
}
.right_column blockquote img
{
	float: left;
	margin: 0 10px 10px 0;
	border:1px solid #613200;
}
.right_column blockquote
{
	border-bottom: 1px solid #bda281;
	margin: 0px;
	padding: 10px 0px 15px 25px;
	width: 100%;
}

#content 
{
	clear: both;
	display: block;
	min-height:400px;
	margin-left:214px;
	width:766px;
}
#content.home
{
	background: url(../images/bg_conntent.jpg) repeat-y left;
	 
}
#content.second
{
	background: url(../images/bg_conntent_sec.jpg) repeat-y right;
	 
}
 
h2
{
	color: black;
	font: bold 12px Arial, Helvetica, sans-serif;
}
.highlight
{
	color: #a73b0d;
	font: bold 11px Arial, Helvetica, sans-serif;
}
#patroltype>.left,
#patroltype>.right
{
	width: 47%;
}
.meetings
{
	background-color: #d8c3a4;
	padding: 10px 0px 15px 15px;
}

.events
{
	padding: 10px 0px 15px 0px;
}

#content.second .left_column img{border:1px solid #613200;}
#content.second .right_column img{border:2px solid #613200;}

.zoom_title{margin-top:10px;}
/*----------login---------*/
.login
{
	background: url(../images/bg_login.gif) top repeat-x #cdb18c;
	height: 300px;
	
	
	margin: 0px;
	margin: auto;
	padding: 0px;
	width: 450px;
	margin-top: 30px;
}
.login fieldset
{
	background: url(../images/alamo_logo.gif) no-repeat 20px 10%;
	margin-top: 20px;
	padding-left: 200px;
}

.login div {
	border: 2px #d78900 solid;
}

#login
{
	background: url(../images/login.gif) no-repeat;
	border: 0px;
	cursor: pointer;
	height: 41px;
	margin-top: 15px;
	width: 139px;
	text-indent:-4000px;
}
.login label
{
	clear: right;
	display: block;
	float: none;
	margin-top: 5px;
	width: 153px;
}
.login fieldset input[type="password"], .login fieldset input[type="text"]
{
	clear: right;
	display: block;
	margin-top:0px;
	width: 183px;
	border: 1px gray solid;
}
.login h2
{
	background: url(../images/alamo_troops.gif) no-repeat center;
	height: 48px;
	text-indent: -5000px;
	margin-top: -2px;
}

/*---contact-------*/
.contact 
{
	background:url(../images/send_mess.gif) top left no-repeat;
	height: 450px;
	 
	margin:30px  40px;
	padding:40px 0px 0px;
	width: 450px;
}


.contact {
	background: transparent url(../images/send_mess.gif) no-repeat scroll left top;
	height:450px;
	margin:30px 0;
	padding:40px 0 0;
	width:450px;
}


.contact fieldset
{
	background:no-repeat 20px #c2a379;
	margin: 0px;
	padding-left: 20px;
}
#contact
{
	background:url(../images/submit.gif) no-repeat right;
	border: 0px;
	cursor: pointer;
	height: 41px;
	margin-top:20px;
	margin-bottom: -40px;
	width: 100%;
}
.contact label
{
	clear: right;
	display: block;
	float: none;
	margin-top: 5px;
	width: 183px;
}
.contact textarea{width: 410px;font-size:12px;}

 .contact select{width: 183px;}
.contact fieldset input[type="password"], .contact fieldset input[type="text"]
{
	clear: right;
	display: block;
	margin-top: 5px;
	width: 183px;
}
.contact h2
{
	background: url(../images/alamo_troops.gif) no-repeat center;
	height: 48px;
	text-indent: -5000px;
}

#calendarTable{
	width: 100%;
	border-collapse: collapse;
	margin: 10px;
}

#calendarTable td.day{
	border: 1px #7D6751 solid;
	height: 100px;
	width: 14%;
	background-color: #cdb18c;
	vertical-align: top;
}

.currentMonthDayNumber{
	font-weight: bold;
	color: black;
}

.notCurrentMonthDayNumber{
	font-weight: normal;
	color: gray;
}

#calendarTable td.day:hover{
	background-color: #fff2de;
}

.loading {
	width: 100%;
	height: 100%;
	background-image: url(../images/loader.gif);
	background-position: center center;
	background-repeat: no-repeat;
}

.closePopup{
	display: block;
	position: absolute;
	top: 0;
	right: 5px;
	color: #A73B0D;
}

.closePopup:hover{
	cursor: pointer;
}

#eventPopup{
	border: 1px black solid;
	background-color: #fff2de;
	padding: 10px;
	height: 300px;
	position: absolute;
}

#popupContents{
	width: 100%;
	height: 100%;
}

#scoutNav{
	margin: 10px 0 10px 0;
	font-size: 12px;
	font-weight: bold;

}

#patrolHolder{
	margin: 0 0 10px 270px;
	font-size: 11px;
	position: absolute;
}

.meritBadgeHolder{
	width: 50px;
	height: 50px;
	float: left;
	margin: 5px;
}

#scoutSidebar{
	text-align: center;
}

#scoutSidebar strong{
	font-size: 12px;
}

.badgeContainer{
	vertical-align: middle;
}

.image-gallery{
	width: 800px;
	padding-left: 45px;
	padding-right: 45px;
}

.image{
	float: left;
	margin: 30px 20px 10px 20px;
	border: 5px #7D6751 solid;
	width: 156px;
	height: 104px;
}

.gallery-title{
	width:100%; 
	height: 25px;
	overflow: hidden;
	padding-top: 2px;
}

.gallery-title span{
	padding: 0;
}

.previous-next{
	clear: both;
	text-align: center;
	padding: 15px;
	margin-right: 170px;
}