/* CSS Document */

body {
font-family:Verdana, Arial, Helvetica, sans-serif;
text-align:center;
margin-top:0;
margin-left:20px;
font-size:12px;}

/* several sites help[ed me get the centering right. E.g., 
http://www.designerstalk.com/forums/help-me/46388-centering-div-ie8.html */

#outer {
background:url(images-new/frame.jpg);
background-position:center;
background-repeat:no-repeat;
height:864px;
}

#content {
width:591px;
position:relative;
margin: 0 auto;
top:220px;
left:15px;
text-align:left;
}


#header {
text-align:center;
width:591px;
height:120px;
}

/*this cleaned up the inconsistent vertical spacing around the graphics*/
#header p{
margin: 0;
padding: 0;
}

#menuboxouter{
text-align:left; 
border:#000000 3px solid;
width:100%;
background-color:#BED392;
margin-bottom:5px;
}

#menuboxinner {
position:relative;
left:50px;
z-index:1;
}

/*use left and right layers OR single layer*/

#Layer-left {
float:left;
position:relative;
width:223px;
height:400px;
}

#Layer-right {
float:right;
position:relative;
width:342px;
height:354px;
}

#Layer-single-skinny {
position:relative;
left:55px;
width:481px;
height:354px;
margin-top:0;
}

#Layer-single-wider {
position:relative;
left:41px;
width:550px;
height:354px;
margin-top:0;
}

#Layer-second-box {
position:relative;
left:41px;
width:550px;
margin-top:0;
}

#lower-right {
position:relative;
float:right;
left:75px;
}

/*what they're saying page*/
#lower-right-what { 
position:relative;
float:right;
right:30px;
top:-30px;
}

.add6 {
margin-bottom:6px;
}

.minus6{
margin-top:-6px;}

.7LR {
margin-left:7px;
margin-right:7px;
}

.redbar {
height:6px;
background-color:#ed4907;
}

.border {
border:#CC3300 medium solid;
}