/* carousel styles */

.stepcarousel{
position: relative; /*leave this value alone*/
overflow: scroll; /*leave this value alone*/
width: 661px; /*Width of Carousel Viewer itself*/
height: 434px; /*Height should be enough to fit largest content's height*/
}



.stepcarousel .belt{
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*/
padding-right: 3px; /*margin around each panel*/
width: 661px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
}

.stepcarousel .single {
border:1px solid red;
float: left; /*leave this value alone*/
width: 663px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
}

.statusArea {float:right;color:#83877E;position:relative;top:-33px;right:25px;width:651px;}
#statusText {background-color:#fff;float:left;padding:6px;margin-left:280px;}
#statusA {font-weight:bold;color:#3D4933;}
.statusArea a img.right {float:right;border:0}
.statusArea a img.left {float:left;border:0}

  
/* content styling */
    body {height: 100%} html {height: 100%; margin-bottom: 1px;}
    img {border:0px;}
    body {background-image:url('../images/teak.jpg');font-family:Tahoma, 'Trebuchet MS', 'Lucida Grande',Verdana, Lucida, Geneva, Helvetica,Arial, sans-serif;font-size:.8em;margin:40px;padding:0;line-height:1.3em;color:#3D4933;}
    a, a:link {color:#008DFF;text-decoration:none;}
    a:hover {color:#333;}
    h3 {font-size:1em;margin:0px;padding:0px;}
    #logo {background-image:url('../images/logo.gif');background-repeat:no-repeat;width:922px;height:138px;margin:auto}
    #content {background-color:#fff;width:681px;padding:25px 10px 20px 30px;margin:auto;position:relative;top:-20px;}
    #footer {width:721px;text-align:left;margin:auto;margin-top:0px;font-size:.85em;letter-spacing:.1em;}
    #footer a, footer a:link {color:#755443;}
    h3 .header {width:661px;font-size:.9em;display:block;border-top:1px solid black;padding-top:.2em;margin-bottom:.7em;clear:both;}
    .imgs, .singleColumn {width:207px;float:left;margin:0px 20px 20px 0px}
    .imgs {background-color:#F5F5DE;height:207px;margin:0px 20px 20px 0px}
    .imgs img {}
    #about .imgs img {}
    a .imgs {border:3px solid #F5F5DE;width:201px;height:201px;background-color:#fff;cursor:pointer;}
    a:hover .imgs {border:3px solid #e0e0c2}
    .profilePull {padding:20px;height:167px;width:167px;background-color:#F5F5DE;float:left;margin:0px 20px 20px 0px;color:#83877E;}
    .oneUp {background-color:#F5F5DE;height:207px;width:661px}
    .singleColumn .work {color:#81897B;padding-bottom:20px;} .singleColumn strong {color:#3D4933;}
    .fullWidth {padding-right:26px;font-size:1.1em;line-height:1.4em;padding-top:0px;margin-top:0px;padding-bottom:1.3em;}
    ul.subNav {margin:0px;text-indent:0px;padding:0px;list-style: none;width:661px;margin-bottom:10px;float:left;}
    ul.subNav li {display: inline; margin-right:10px;float:left;}
    li.rightLink, .rightLinkPrev {border-left:1px solid #83877E; margin-left:10px; padding-left:20px;}
    .rightLinkPrev {padding-right:20px;}
    h2 {font-size:1em;margin-bottom:0px;margin-top:1em}
    .lighten {color:#81897B;font-weight:normal;}
    .description {margin-top:.3em}
    .profilePhoto {width:433px;height:433px;background-color:#F5F5DE;float:left;margin-right:20px}
    .profileLead, .profileFollow {width:433px;}
    .profileLead {font-size:1.1em;line-height:1.4em;clear:both;}
    .spacer {padding-bottom:15px;}
    .spacerLarge {padding-bottom:35px;}
    .spacerBottom {clear:both;height:20px;width:660px;}
    .profilePull ul {list-style: none;margin:0;padding:0;margin-bottom:1em;}
    .profilePull li {margin:0;padding:0;font-size:1.2em;padding-top:.2em;}
    a.highlight, a:link.highlight {color:#83877E;border-bottom:1px solid #83877E;}
    
    h1, h4 {color:#84887f;}


/* accordion styling */
	
.basic  {
}
.basic div {
}
.basic h3 a.header {
	cursor:pointer;
	display:block;
	color:#3D4933;
	font-weight:bold;
}

.basic h3 a:hover.header {
	color:#008DFF;
}
.basic h3 a.selected {
	color: #3D4933;
}