/* CSS Document */

body {
margin: 0;
font-size: 14px;
font-weight: normal;
background: url(http://www.madisonhills.org/images/background.jpg) no-repeat #000000;
background-position: 0 0;
background-repeat: no-repeat;
background-attachment: fixed;
font-family: verdana, tahoma, arial, helvetica, verdana, sans-serif;
color: #FFFFFF;
}

a:link {color: #FFFFFF; background: transparent; text-decoration: underline;}
a:visited {color: #FFFFFF; background: transparent; text-decoration: none;}
a:hover {color: #FFFFFF; background: #736F6E; text-decoration: underline;}
a:active {color: #FFFFFF; background: transparent; text-decoration: underline;}

#navigation a:link {color: #736F6E; background: transparent; text-decoration: underline;}
#navigation a:visited {color: #736F6E; background: transparent; text-decoration: none;}
#navigation a:hover {color: #FFFFFF; background: #333333; text-decoration: underline;}
#navigation a:active {color: #FFFFFF; background: transparent; text-decoration: underline;}


li {
line-height: 1.25em;
}

#navigation {
float: left;
width: 240px;
border: 1px solid #FFFFFF;
font-size: 1em;
background-color:#000000;
padding:5px;
margin-right:1em;
line-height: 1.5em;
overflow: auto;
}

#navigation h1 {
font-size:1em;
color: #FFFFFF;
margin: 0;
padding: 0;
}



#header {
background:  #000000;
font-size: 1em;
margin-top: 0;
margin-bottom: 0;
padding-top: 30px;
margin-left: 1em;
height:100px;
color: #FFFFFF;	
}

#header h1 {
font-size:2em;
color: #FFFFFF;
margin: 0;
padding: 0;
}

#content {
position: absolute; /*leave this value alone*/
left: 255px;
top: 124px;
width: auto;
background: transparent;
color: #ffffff;
min-height:100%;
line-height: 1.5em;
padding-left: 1em;
padding-top: 1em;
padding-bottom: 1em;
}

#footer {
font-size: 1em;
font-weight: normal;
border-left:0;
border-right:0;
border-top: 1px solid #FFFFFF;
padding-top: 1em;
padding-left: 2em;
padding-right: 2em;
}

div.row span.left {
  float: left;
  text-align: left;
  width: 49%;
  }

div.row span.right {
  float: right;
  text-align: right;
  width: 49%;
  }

h1 {
font-weight: bold;
line-height: 1.25em;
color: #FFFFFF;
font-size: 1.5em;
margin: 0;
}

h2 {
font-weight: bold;
color: #FFFFFF;
font-size: 2em;
line-height: 1.25em;
}

h3 {
font-weight: bold;
color: #736F6E;
font-size: 1em;
margin-bottom: 0;
}

strong {
font-weight: bold;
color: #FFFFFF;
}

p {
font-size: 1em;
margin-top: 0;
margin-bottom: 1em;
margin-right: 1em;
}

#floatright {
float: right;
margin: 1em;
width:50%;
background: transparent;
color: #FFFFFF;
border: 0;
padding: 1em;
}


#floatleft {
float: left;
margin: 1em;
width:33%;
clear: both;
padding-bottom: 25em;
background: transparent;
color: #FFFFFF;
border: 0;
padding: 1em;
}


.stepcarousel{
position: relative; /*leave this value alone*/
overflow: scroll; /*leave this value alone*/
width: 90%; /*Width of Carousel Viewer itself*/
height: 120px; /*Height should enough to fit largest content's height*/
margin-left: auto ;
margin-right: auto ;
}

.stepcarousel .belt{
float: center;
text-align: center;
position: absolute; /*leave this value alone*/
left: 0;
top: 0;
}

.stepcarousel .panel{
float: left; /*leave this value alone*/
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
margin: 10px; /*margin around each panel*/
width: 125px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
}

.box {
}