body {
background: #58311c url(http://barbbrand.com/images/background_filler.gif) repeat-y;
width: 90%;
}

/* STRUCTURE */

#frame {
position: absolute;
width: 101%;
margin-top: -15px;
margin-left: -10px;
background: url(http://barbbrand.com/images/heatherrascalbackground_finished.jpg) no-repeat top left;
}

#links {
margin-left: 20px;
margin-top: 16px;
width:801px;
height:42px;
}

#content {
position:relative;
margin-top: 10px;
padding: 0px 20px 30px 56px;
}

#container {
positon: absolute;
width:999px;
margin-top:200px;
}

#footer {
float: left;
clear: left;
margin: 80px auto 0px auto;
font-size: x-small;
}

.web {
margin:0px 20px 5px 0px;
padding: 0px;
width:200px;
height: 100px;
}

.web img:hover {
padding:0px;
opacity:0;
}

#collegian {
width:200px;
height:100px;
float:left;
padding:0px 30px 350px 0px;
background:url(images/webdesign/collegian_small2.jpg) no-repeat;
}

#mvg {
width:200px;
height:100px;
float:left;
padding:0px 30px 300px 0px;
background:url(images/webdesign/mvg_small2.jpg) no-repeat;
}

#eca {
width:200px;
height:100px;
float:left;
padding:0px 30px 300px 0px;
background:url(images/webdesign/eca_small2.jpg) no-repeat;
}

#heroes {
width:200px;
height:100px;
float:left;
padding:0px 30px 300px 0px;
background:url(images/webdesign/heroes_small2.jpg) no-repeat;
}

#key {
width:200px;
height:100px;
float:left;
padding:0px 30px 300px 0px;
background:url(images/webdesign/goldenkey_small2.jpg) no-repeat;
}

#barb {
clear:left;
width:200px;
height:100px;
float:left;
padding:0px 30px 300px 0px;
background:url(images/webdesign/barbbrandold_small2.jpg) no-repeat;
}

#strawberries {
width:200px;
height:100px;
float:left;
padding:0px 30px 300px 0px;
background:url(images/webdesign/farmstand_small2.jpg) no-repeat;
}

#catalog08 {
width:200px;
height:100px;
padding: 0px 30px 300px 0px;
float:left;
background:url(images/graphics/catalog08_small2.png) no-repeat;
}

#mom_wallpaper {
width:200px;
height:100px;
padding: 0px 30px 300px 0px;
float:left;
background:url(images/graphics/mom_hj_small2.png) no-repeat;
}

#dad_wallpaper {
width:200px;
height:100px;
padding: 0px 30px 300px 0px;
float:left;
background:url(images/graphics/dad_wallpaper_small2.png) no-repeat;
}

#card08 {
width:200px;
height:100px;
padding: 0px 30px 300px 0px;
float:left;
background:url(images/graphics/card08_small2.png) no-repeat;
}

.resume {
float:left;
clear:both;
width:200px;
background-color:#692022;
font-weight:bold;
color:#decfa6;
padding: 10px;
margin:5px;
}

.resume_bar {
float:left;
clear:both;
width:220px;
background-color:#692022;
color:#decfa6;
padding: 10px;
margin:0px 30px 0px 0px;
}

#resume_skills {
padding-top: 1px;
}

#image_rotator {
padding-left: 80px;
}

/* FONT STYLES */

p {
font-size: medium;
}

#content p:first-letter {
margin-top: 0px;
color: #692022;
width: 38px;
font-size: 40px; 
font-weight: bold;
font-family: Times, serif, Georgia;
}

#content a {
font-weight: bold;
color: #223354;
text-decoration: none;
}

#content a:hover {
text-decoration: underline;
}

#content a:visited {
color: #346d2c;
}

#content .resume a, a:hover, a:visited {
font-weight: bold;
color: #decfa6;
text-decoration: underline;
}

h1 {
font-size: 175%;
font-weight: bold;
color: #692022;
padding-top: 30px;
}

h2 {
font-size: 150%;
font-weight: bold;
color: #692022;
padding-top: 30px;
}

h3 {
font-size: 125%;
font-weight: bold;
color: #692022;
}

a img {
border: 0px;
}

/* SANDBAG DIVS */

#sandbag0, #sandbag1, #sandbag2, #sandbag3, #sandbag4, #sandbag5, #sandbag6, #sandbag7, #sandbag8, #sandbag9, #sandbag10, #sandbag11, #sandbag12, #sandbag13, #sandbag14,
#sandbag15, #sandbag16, #sandbag17, #sandbag18, #sandbag19, #sandbag20, #sandbag21, #sandbag22, #sandbag23, #sandbag24, #sandbag25, #sandbag26, #sandbag27, #sandbag28, 
#sandbag29, #sandbag30, #sandbag31, #sandbag32, #sandbag33, #sandbag34, #sandbag35, #sandbag36, #sandbag37, #sandbag38, #sandbag39, #sandbag40, #sandbag41 {
float:right;
clear:right;
padding:1px;
display:inline;
}

#sandbag0 {
width:110px;
height: 10px;
}

#sandbag1 {
width: 120px;
height: 20px;
}

#sandbag2 {
width: 135px;
height: 15px;
}

#sandbag3 {
width: 135px;
height: 15px;
}

#sandbag4 {
width: 145px;
height: 15px;
}

#sandbag5 {
width: 155px;
height: 30px;
}

#sandbag6 {
width: 165px;
height: 20px;
}

#sandbag7 {
width: 175px;
height:15px;
}

#sandbag8 {
width: 190px;
height: 30px;
}

#sandbag9 {
width: 185px;
height: 15px;
}

#sandbag10 {
width: 195px;
height: 30px;
}

#sandbag11 {
width: 200px;
height:15px;
}

#sandbag12 {
width: 205px;
height: 15px;
}

#sandbag13 {
width: 210px;
height: 15px;
}

#sandbag14 {
width: 215px;
height: 30px;
}

#sandbag15 {
width: 200px;
height: 15px;
}

#sandbag16 {
width: 210px;
height: 20px;
}

#sandbag17 {
width: 215px;
height: 15px;
}

#sandbag18 {
width: 190px;
height: 20px;
}

#sandbag19 {
width: 150px;
height: 15px;
}

#sandbag20 {
width: 155px;
height: 20px;
}

#sandbag21 {
width: 160px;
height: 15px;
}

#sandbag22 {
width: 165px;
height: 20px;
}

#sandbag23 {
width: 170px;
height: 15px;
}

#sandbag24 {
width: 180px;
height: 20px;
}

#sandbag25 {
width: 185px;
height: 20px;
}

#sandbag26 {
width: 210px;
height: 15px;
}

#sandbag27 {
width: 215px;
height: 15px;
}

#sandbag28 {
width: 240px;
height: 10px;
}

#sandbag29 {
width: 260px;
height: 15px;
}

#sandbag30 {
width: 280px;
height: 20px;
}

#sandbag31 {
width: 300px;
height:40px;
}

#sandbag32 {
width: 135px;
height: 15px;
}

#sandbag33 {
width: 150px;
height: 25px;
}

#sandbag34 {
width: 140px;
height: 15px;
}