/* CSS Document */

body {
font-family: tahoma, geneva, helvetica, arial, sans-serif; /*Verdana, Arial, Helvetica, sans-serif;*/
font-size: 12px;
line-height: 16px;
background-image:url(images/headsubmenu.gif);
background-repeat:repeat;
}

p {
margin-top: 6px;
margin-bottom: 6px;
}

h2 {
color:#990000;
font-size: 20px;
}

h3 {
color:#4a6930; /*#006600;*/
padding-bottom: 5px;
padding-top: 5px;
font-size: 16px;
}


#wrapper
{
background-color:#fff;
width: 810px;
margin-left: auto;
margin-right: auto;
margin-top: 10px;
padding: 5px 5px 5px 5px;
position:relative;
border: solid 1px #666;
display:block;
}

#header {
height: 112px;
display:block;
/*background-color: #006600;*/
background-image:url(images/header-3.png);
background-position:right bottom;
background-repeat:no-repeat;
}

#main
{
top:0;
left:0;
width: 100%;
margin-top:2px;
/*background-image: url(images/main-bg.png);
background-repeat:repeat-y; */
}


#footer {

line-height: 30px;
text-align:center;
clear:both;
font-size: 0.75em;
color:#666;
}

.spacer
{
clear:both;
}





#content
{
margin-left:195px;
margin-bottom: 5px;
/*border: 1px solid #006633;*/
padding: 10px;
min-height: 480px;
}

#leftbar {
float:left;
width:190px;
background-color: #9fc57f;
min-height: 480px;
}

/*------- menu  ------------- */

#modernbricksmenu{
padding: 0;
width: 100%;
background: transparent;
voice-family: "\"}\"";
voice-family: inherit;
margin-top: 5px;
}

#modernbricksmenu ul{
font: bold 11px Arial;
margin:0;
margin-left: 40px; /*margin between first menu item and left browser edge*/
padding: 0;
list-style: none;
}

#modernbricksmenu li{
display: inline;
margin: 0 2px 0 0;
padding: 0;
text-transform:uppercase;
}

#modernbricksmenu a{
float: left;
display: block;
color: white;
margin: 0 1px 0 0; /*Margin between each menu item*/
padding: 5px 10px;
text-decoration: none;
letter-spacing: 1px;
background-color: #4a6930; /* #006600; */ /*Default menu color*/ 
border-bottom: 1px solid white;
}

#modernbricksmenu a:hover{
background-color: #B51032; /*Menu hover bgcolor*/
}

#modernbricksmenu #current a{ /*currently selected tab*/
background-color: #B51032; /*Brown color theme*/ 
border-color: #B51032; /*Brown color theme*/ 
}

#modernbricksmenuline{
clear: both;
padding: 0;
width: 100%;
height: 5px;
line-height: 5px;
background: #B51032; /*Brown color theme*/ 
}






/**********************************************************/

#menu {
width: 190px; /* set width of menu */
background-color: #4a6930; /* #a00;*/
} 

#menu ul { /* remove bullets and list indents */
list-style: none;
margin: 0;
padding: 0;
}

/* style, color and size links and headings to suit */
#menu a, #menu h2 {
font: bold 11px/16px tahoma, geneva, helvetica, arial, sans-serif;
display: block;
border-width: 1px;
border-style: solid;
border-color: #ccc #888 #000 #bbb; /*555*/
margin: 0;
padding: 2px 3px;
}

#menu h2 {
color: #fff;
background: #000;
text-transform: uppercase;
}

#menu a {
color: #fff;
text-transform:uppercase;
/*background-color: #efefef;*/
text-decoration: none;
padding-left:5px;
}

#menu a:hover {
color: #4a6930;
background: #fff;
border-left: solid 5px #4a6930; /*#a00;*/
}


#menu li {
/* make the list elements a containing block for the nested lists */
position: relative;
} 

#menu ul ul ul {
position: absolute;
top: 0;
left: 100%; /* to position them to the right of their containing block */
width: 100%; /* width is based on the containing block */
background-color: #9fc57f; /*#a00;*/
color: #fff;
}

div#menu ul ul ul,
div#menu ul ul li:hover ul ul
{display: none;}

div#menu ul ul li:hover ul,
div#menu ul ul ul li:hover ul
{display: block;

}


/****************************************
box
***************************************/
.upleft  {
float:left;
background-image:url( images/L1.png);
background-repeat:no-repeat;
width:9px;
height:9px;
display:block;
font-size:2px;
background-color:#fff;
}

.upright {
float:right;
background-image: url(images/R1.png);
background-repeat:no-repeat;
width:9px;
height:9px;
display:block;
font-size:2px;
background-color:#fff;
}

.top {
margin-left:9px;
margin-right:9px;
background-image:url(images/T1.png);
background-repeat:repeat-x;
width:575px;
height:9px;
}


.downleft  {
float:left;
background-image:url( images/L2.png);
background-repeat:no-repeat;
width:9px;
height:9px;
display:block;
font-size:2px;
background-color:#fff;
}

.downright {
float:right;
background-image: url(images/R2.png);
background-repeat:no-repeat;
width:9px;
height:9px;
display:block;
font-size:2px;
background-color:#fff;
}

.bottom {
margin-left:9px;
margin-right:9px;
background-image:url(images/B1.png);
background-repeat:repeat-x;
width:575px;
height:9px;
}

#cornerstonemembers {
border-left: solid 1px #B51032;
border-right: solid 1px #B51032;
width:581px;
padding: 5px;
}


#cornerstone 
{
margin-top: 5px;
margin-bottom: 5px;
}

#cornerstonemembers h4 {
color: #006633;
margin-bottom: 5px;
margin-top:0px;
padding:0px;
margin-left: 5px;
}


#cornerstonemembers ul {
list-style: none;
text-align:center;
}

#cornerstonemembers li {
display:inline;
margin-left: 10px;
margin-right: 10px;
}

/*********************************************/
#newmembers {
 width: 150px; /* set width of menu */
 font-size: 0.8em;
 margin-top : 5px;
 margin-bottom: 10px;
 color: #fff;
}

#newmembers h2 {
font: bold 11px/16px tahoma, geneva, helvetica, arial, sans-serif;
display: block;
border-width: 1px;
border-style: solid;
border-color: #ccc #888 #555 #bbb;
margin-left: -5px;
margin-top:0;
margin-right: 0;
margin-bottom: 0;
padding: 2px 3px;
text-align:center;
color: #a00;
background-color: #fff;
text-transform: uppercase;

}

#newmembers ul {
list-style: none;
margin-left: 5px;
margin-top:0;
margin-right: 0;
margin-bottom: 0;
padding: 0;
}

#newmembers ul li a:link,#newmembers ul ul li a:visited {
    color:#a00;
    font-weight: bold;
    text-decoration: none;	

}


#newmembers ul li {
   margin-top: 10px;

}
/*
-----------------------------------------------------------------
-                home news
-----------------------------------------------------------------
*/

#homenews {
width: 150px; /* set width of menu */
background-color:#cdcdcd;

} 

#homenews ul { /* remove bullets and list indents */
list-style: none;
margin-left: 5px;
margin-top:0;
margin-right: 2px;
margin-bottom: 0;
padding: 0;


}

/* style, color and size links and headings to suit */
#homenews a, #homenews h2 {
font: bold 11px/16px tahoma, geneva, helvetica, arial, sans-serif;
display: block;
border-width: 1px;
border-style: solid;
border-color: #ccc #888 #555 #bbb;
padding: 2px 3px;
}

#homenews h2 {
text-align:center;
color: #a00;
background-color: #fff;
text-transform: uppercase;

margin-left: -5px;
margin-top:0;
margin-right: -2px;
margin-bottom: 0;
}

#homenews a {
 margin: 0;
}

/*
-----------------------------------------------------------------
-                home events
-----------------------------------------------------------------
*/
.homeevents {
width: 100%; /* set width of menu */
/*background-color: #fff;*/
font-size: 0.8em;
margin-top : 0px;
margin-bottom: 2px;
/*clear:right;*/
display: block;

} 
.flash { margin-left:-15px;  margin-right: 0px; background-color: red;}
.homeevents ul { /* remove bullets and list indents */
list-style: none;
margin-left: 2px;
margin-top:0;
margin-right: 2px;
margin-bottom: 0;
background-color: #fff;
padding: 0;
padding-bottom: 5px;


}

/* style, color and size links and headings to suit */
.homeevents h2 {
/*
font: bold 11px/16px tahoma, geneva, helvetica, arial, sans-serif;
display: block;
border-width: 1px;
border-style: solid;
border-color: #ccc #888 #555 #bbb;
padding: 2px 3px;
text-decoration:none;
text-align:center;
background-color: #006600;
color: #fff;
text-transform: uppercase; */


font: bold 11px/16px tahoma, geneva, helvetica, arial, sans-serif;
display: block;
border-width: 1px;
border-style: solid;
border-color: #ccc #888 #555 #bbb;
margin-left: -2px;
margin-top:0;
margin-right: 0;
margin-bottom: 0;
padding: 2px 3px;
text-align:center;
color: #fff;
background-color: #4a6930; /*#006600;*/
text-transform: uppercase;
text-decoration:none;
}



.homeevents ul li a:link,.homeevents ul ul li a:visited {
    color:#a00;
    font-weight: bold;
    text-decoration: none;	

}


.homeevents ul li {
   margin-top: 10px;
   margin-left: 2px;

}

#breadcrumb {
margin-top: 5px;
margin-bottom: 5px;
}

#breadcrumb ul { 
list-style:none;
margin: 0px;
padding:0px; }


#breadcrumb li { font-size: 0.85em;  display: inline;}
#breadcrumb li.title { font-weight:bold;}
#breadcrumb a{
background: transparent url(images/breadcrumb.gif) no-repeat center right;
text-decoration: none;
padding-right: 18px; /*adjust bullet image padding*/
color: #006600;
}


.imgright {
float:right;
margin-left: 5px;
margin-bottom: 5px;
margin-top: 0;
margin-right: 0;
top:0;
}


.imgleft {
float:left;
margin-left: 0;
margin-bottom: 5px;
margin-top: 0;
margin-right: 5px;
top:0;
}


/*
-----------------------------------------------
menu content
------------------------------- */
#menucontent
{
margin:  0  10px 0px 0;
float:left ;
}


#menucontent ul
{
	padding:0px 0 0px 0px;
	list-style:none;
	margin:  0 0 0 0;
    width :129px;
}



 #menucontent ul li
{
	background-image:url(images/headsubmenu.gif);
	background-repeat:repeat;
	border-bottom: dashed 1px #999;
	border-top: dashed 1px #999;
	text-align:center;
	font-weight:bold;
	height:30px;
	width:129px;
	margin: 0 0 10px 0;
	padding : 0 0 0 0;
}

#menucontent ul li a
{
	text-decoration:none;
	color:#666;
}
 #menucontent  ul li a:hover
{
	color:#000;
}


#showcontent
{    
margin-top:5px;
}

.noshow
{
	display:none ;
}
.show
{
	display:block ;
}



#showcontent h4 {
color:#4a6930;
font-size: 12px;
}

#showcontent h3 {
color:#990000;
}

#divcol1
{
	margin-right:52%;
	background-color:#ccc;
	padding: 1px 5px 1px 5px;
}

#divcol2
{
	
	float:right;
	 width:49%;
	 padding-left:5px;
	 padding-right:5px;
	 padding-bottom:1px;
	 padding-top:1px;
	 background-color:#999;
}
/* 
------------------------------------------------------------------------------------------------------
sponsorship opportunities
---------------------------------------------------------------------- */


#content dl 
{
	margin-bottom:15px;
}

#content dl dt

{
	padding:0 0 0 0;
	font-size:0.9em;
	color:Green;
	font-weight:bold;
	line-height:200%;
	margin:0 0 0 0;
	/*
	font-weight :bold ;
	color:#88061b;
	*/
}

#content dl dd

{
  margin-top:2px;
  margin-left: 0px;
  padding: 1px 1px 1px 1px;
  
}

#content dl dd.desc

{
  border: dotted 1px #666666;
  background-color: #ffffe1;
  line-height:140%;
  font-size: 0.85em;
  padding: 5px 5px 5px 5px;
}
#content dl dd em
{
	padding-left: 5px;
	font-weight:bold;
}

#content td
{
	/*background-color:#9BC66D;*/

	color:#000;
	width:20%;
	/*font-size: 0.85em;*/
	padding-left: 5px;
}

.green {
background-color:#9BC66D;
}

#content tr
{	
	height: 30px;
}
#content td.head
{
	font-size :0.8em;
	font-weight:bold;
	background-color:green;
	text-align:center;
	color:#fff;
	border: none;
}


/********************************************/
/* membership form 
*********************************************/
input.dashed {
border-top: none;
border-left: none;
border-right: none;
border-bottom: dotted 1px #666;
font-size:12px;
}

#memform fieldset {
/*margin: 1.5em 0 0 0;  */
padding: 0; 
margin-top: 5px;
margin-bottom: 5px;
}

#memform fieldset legend {
margin-left: 1em; 
color: #006633;  
font-weight: bold; 
font-size:1.1em;
}

#memform fieldset ol {  
list-style: none; 
margin-left:10px;
padding: 0px;
} 

#memform fieldset.submit {  
border-style: none; 
}

#personal ol li {

margin-bottom: 8px;
}


#personal li label {
	width: 150px;
	color: #006633;
	font-weight: bold;
	line-height: 15px;
	float:left;
	display:block;
		clear:left;
}

.labels {
margin-left: 10px;
margin-right: 10px;
	color: #006633;
	font-weight: bold;
	line-height: 18px;
	vertical-align:top;
}

#memlevel p { 
margin-bottom : 10px;
}

.label2 {
width: 150px;
	color: #006633;
	font-weight: bold;
	line-height: 15px;
	float:left;
	display:block;
		clear:left;
}

.label3 {
font-size: 0.87em;
}

.button2 {
background-color: #006633;
color: #fff;
font-size: 0.9em;
border: outset 1px #666;
line-height: 15px;
margin: 5px;
width: 70px;
}

.button2:hover {
background-color: #666;
}

.commentbox{
background-color: #ececec;
width: 450px;
padding: 10px;
margin-top: 5px;
}

.commentfooter{
background: url(images/arrow2.gif) 20px 0 no-repeat; /*20px 0 equals horizontal and vertical position of arrow. Adjust as desired (ie: 20px -5px).*/
padding-left: 58px;
padding-top: 1px;
margin-bottom: 2em;
font-size: 90%;
color: #4A4A4A;
}


/**********************************************************/

.staff
{
height: 110px;
display:block;
margin-left:0px;
margin-top: 10px;
margin-bottom: 10px;
padding: 0px;

}

#staff ul
{
list-style-type:none;
padding-top: 0px;
margin-bottom:0px;
}

#staff li.title {
font-weight:bold;
}


/**********************************************************888
BENEFITS
**********************************************/

#bencontent
{
	
    padding: 5px 5px 5px 5px;
    margin-bottom:10px;
	height:auto;
}

.benefitletter{
left:0;
font-size: 72px;
color: #990000;
float:left;
width: 150px;
text-align:center;

}

#bencontent ul {
list-style-type:none;
}

#bencontent li {
margin-bottom: 10px;
height:auto;
display:block;
}


#bencontent dl {
margin-left: 150px;
margin-top:0px;
padding:0;
}
#bencontent dl dt
{
	padding:0 0 0 0;
	font-size:1.5em;
	color:Green;
	font-weight:bold;
	line-height:200%;
	margin:0 0 0 0;
}

/****************************************************** new ******************/
p.pred { 
   color: #990000;
   margin-top: 0px;
   margin-bottom: 0px;
   font-size: 1.0em;
   padding: 0 0 0 0;
   font-weight: 800;
   line-height: 1.0em;
   
}

p.lowmargin {
   margin-top: 5px;
}

.low{
   margin-bottom: 0px;
}

.highmargin {
   margin-bottom: 5px;
   margin-top: 15px;
   font-size: 16px;
   line-height: 18px;
}
/*******************************************/
.topic {
  /*border-top: dashed 1px #666;*/
  margin-top: 3px;
  margin-bottom: 10px;
  display: block;
  padding: 7px 7px 7px 7px;
  margin-left: 0;
  margin-right:0;
  
  
}

.topic h4{
   margin-bottom: 5px;
   margin-top: 5px;
}


.topic h3 {
   margin-bottom: 5px;
   margin-top: 5px;
}
.topic h3 a{
  color: #006600;
  text-decoration: none;
  
}

.topic h3 a:hover {
    color: #990000;
	text-decoration: underline;
}

.topic p {
   margin-top : 5px;
   margin-bottom: 5px;
   line-height: 18px;
}

.bordeIzq {
  border-left: solid 1px #990000;
  
}

.bordecompleto {
  border: solid 1px #666;
  padding: 5px;
  max-width: 575px;
}

.more {
  color: #fff;
  background-color: #990000;
  border: solid 1px red;
  padding-left: 2px;
  padding-right: 2px;
  text-decoration: none;
  margin-left: 5px;
 
}



#content div.discount {
height: 80px;
margin-top: 10px;
margin-bottom: 5px;
clear: right;
display: block;
}


.gallery td {
  border: 0 0 0 0;
  background-color: white;
  color: #666;
}

h4.home {

color: #990000;
font-size:  14px;

}

.small {
  font-size: 10px;
}

.smallfnt {
   font-size: 0.85em;
}