/* CSS Document */


/*========================================================================
Style Sheet for the Elephant Butte Chamber of Commerce website
========================================================================*/

body{
margin:0;
padding:0;
line-height: 1.5em;
background: #000066;
color: #ffffff;
font-family: verdana,arial,sans-serif;
}

a{
color: #ccccff;
}

a:hover{
color: #eeeeff;
}

a:visited{
color: #ff00dd;
}


h1{
font-size: 2em;
font-weight: bold;
}

h2{
font-size: 1.75em;
font-weight: bold;
}

h3{
font-size: 1.5em;
font-weight: bold;
}

h4{
font-size: 1.25em;
font-weight: bold;
}

h5{
font-weight: bold;
}

#maincontainer {
position: relative;
z-index: 1;
}

#topsection{
position: fixed;
top:80px;
z-index: 1000;
height: 200px; /*Height of top section*/
width: 200px;
right: 5px;
background: #000066;
}

#hometopsection{
position: fixed;
top:60px;
left: 0px;
z-index: 1000;
height: 400px; /*Height of top section*/
width: 100%;
background: #000066;
}

#topsection h1{
margin: 0;
padding-top: 0;
}

#header{
height: 50px;
width: 75%;
position: fixed;
top: 20px;
margin-left: 170px;
z-index: 3000;
text-align:center;
background: #000066;
line-height: 2em;
display: inline-block;
zoom: 1;
*display: inline;
}

#preheader{
position: fixed;
top: 0px;
left: 200px;
height: 20px;
width: 100%;
z-index: 3000;
background: #000066;
}

#contentwrapper{
float: left;
width: 100%;
position: relative;
}

#contentcolumn{
margin: 0px 250px; /*Margins for content column. Should be "0 RightColumnWidth 0 LeftColumnWidth*/
position: relative;
top: 60px;
background: #000066;
padding-top: 30px;
}

#homecontentcolumn{
margin: 0px 200px; /*Margins for content column. Should be "0 RightColumnWidth 0 LeftColumnWidth*/
position: relative;
top: 460px;
background: #000066;
padding-top: 10px;
}

#contentcolumn h1, h2, h3, h4, h5{
text-align: center;
padding: 10px;
}

#leftcolumn{
position: absolute;
top: 190px;
left: 0px;
float: left;
width: 200px; /*Width of left column*/
z-index: 4000;
}

#rightcolumn{
position: relative;
top: 400px;
float: left;
width: 150px; /*Width of right column*/
margin-left: -150px; /*Set left marginto -(RightColumnWidth)*/
color: #ffffff;
}

#footer{
clear: left;
width: 100%;
background: #bbbbbb;
color: #FFF;
text-align: center;
padding: 4px 0;
}

#footer a{
color: #FFFF80;
}

.innertube{
margin: 10px; /*Margins for inner DIV inside each column (to provide padding)*/
margin-top: 0;
position: relative;
}

#ebccLogo{
position: absolute;
top: -185px;
left: 10px;
}


.centeredImage
    {
    text-align: center; /*center image block level container*/
    margin-top: 0px;
    margin-bottom:0px;
    padding: 0px;
    }

#b_directory{
position: absolute;
}

#b_directory td{
padding:0px 5px 40px 0px;

}

.b_dir_section{
text-align: center;
height:150px;
vertical-align:bottom;
font-weight: bold;
font-size: 1.5em;
}

.b_name{
text-align: left;
font-weight: bold;
}

.b_desc{
text-align: left;
}

.b_address{
text-align: left;
font-size: 0.9em;
}

.b_logo{
width: 200px;
text-align:center;
}


#slideshow {
position: relative;
z-index: 2000;
}

.eventLogo{
float:left;
clear:left;
padding:0px 10px 0px 0px;
margin-bottom: 10px;
}

.eventTitle{
padding-top:5px;
font-weight:bold;
}

.eventDesc{
clear: right;
width: 800px;
}

.eventDiv{
position: relative;
clear: both;
margin-top: 10px;
margin-bottom: 10px;
}
.eventMonth{
text-align: center;
text-decoration: underline;
font-size: 1.5em;
font-weight: bold;
margin-top: 30px;
}

#weather {
position: relative;
z-index: 2001;
}



/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.sidebarmenu ul{
margin: 10px 0px;
padding: 0;
list-style-type: none;
font: bold 13px Verdana;
width: 180px; /* Main Menu Item widths */
border-bottom: 1px solid #ccc;
position: relative;
}
 
.sidebarmenu ul li{
position: relative;
}

/* Top level menu links style */
.sidebarmenu ul li a{
display: block;
overflow: auto; /*force hasLayout in IE7 */
color: white;
text-decoration: none;
padding: 6px;
border: 1px solid #999999;
}

.sidebarmenu ul li a:link, .sidebarmenu ul li a:visited, .sidebarmenu ul li a:active{
background-color: #000055; /*background of tabs (default state)*/
}

.sidebarmenuL2 ul li a:link, .sidebarmenuL2 ul li a:visited, .sidebarmenuL2 ul li a:active{
background-color: #000099; /*background of tabs (default state)*/
}

.sidebarmenuL3 ul li a:link, .sidebarmenuL3 ul li a:visited, .sidebarmenuL3 ul li a:active{
background-color: #0000bb; /*background of tabs (default state)*/
}

.sidebarmenuL2 {
width:250px; /*allow room for directory menu*/
}

.sidebarmenuL3 {
width:250px; /*allow room for directory menu*/
}

.sidebarmenu ul li a:visited{
color: white;
}

.sidebarmenu ul li a:hover{
background-color: #000099;
}

.sidebarmenuL2 ul li a:hover{
background-color: #0000bb;
}

.sidebarmenuL3 ul li a:hover{
background-color: #0000ee;
}


/*Sub level menu items */
.sidebarmenu ul li ul{
position: absolute;
width: 170px; /*Sub Menu Items width */
top: 0;
visibility: hidden;
}

.sidebarmenu a.subfolderstyle{
background: url(right.gif) no-repeat 97% 50%;
}

 
/* Holly Hack for IE \*/
* html .sidebarmenu ul li { float: left; height: 1%; }
* html .sidebarmenu ul li a { height: 1%; }
/* End */