/*
Project: CP160 Assignment #1
Css
Name: Jacob Reszitnyk
*/


.floatLeft{
float:left;
}

.floatRight{
float:right;
}

.fontSize15Px{
 font-size:15px;
}

.fontSize12Px{
 font-size:12px;
}

.fontSize10Px{
 font-size:10px;
}


.marginLeft{
margin-left:16px;
margin-top:5px;
}


.padding{
 padding-top:16px;
 padding-bottom:16px;
 padding-left:1px;
 padding-right:1px;
}

.balanceDuePadding{
 padding-top:25px;
 padding-bottom:16px;
 padding-left:1px;
 padding-right:60px;
}

.paddingBottom{
 padding-bottom:16px;
 padding-left:1px;
 padding-right:1px;
}

.paddingTop{
 padding-top:16px;
 padding-left:1px;
 padding-right:1px;
}

.bodyBox{
 width:660px;
 height:auto;
 margin-top:10px;
 margin-left:10px;
 padding-top:16px;
 padding-bottom:16px;
 padding-left:25px;
 padding-right:25px;
}

.bodyWrap{
 border:4px solid black;
 height:760px;
 width:600px;
 background-color:white;
 padding-top:16px;
 padding-bottom:16px;
 padding-left:25px;
 padding-right:25px;
}

.featuredImage {
 padding:5px;
 height:120px;
 width:200px;
 }

 .littleImage{
 height:10px;
 width:12px;
 }


 .mainBox{
 height:230px;
 width:600px;
 }

.mainHeader{
 height:100px;
 width:350px;
}

.mainHeaderFont{
 font-size:30px;
 color:#b1956f;
 font-family: verdana;
 margin-top:40px;
 text-align: right;
}

.addrestBox{
height:100px;
width:300px;
}

.addrestBoxFont{
font-size:12px;
font-family: verdana;
padding-left:10px;
border: 2px solid #c0c0c0;
padding: 2px;
height:70px;
width:275px;
}

.dataBox{
 height:80px;
 width:200px;
 padding-top:30px;
 padding-bottom:2px;
 padding-left:2px;
}

.dataBoxFont{
 font-size:10px;
 font-family: verdana;
}

.dataBoxRight{
 height:10px;
 width:auto;
 border: 2px solid #c0c0c0;
}

.dataBoxLeft{
 text-align: right;
 height:10px;
 width:auto;
}


.dataBoxRightBottom{
 height:40px;
 width:80px;
 border: 2px solid #c0c0c0;
}

.borderC{
border-collapse: collapse;
}

.textCenter{
text-align: center;
}

.textR{
text-align: right;
}

.textRight{
text-align: right;
padding: 2px;
}

.doll{
float:left;
padding-right:12px;
}

.payMentBox{
font-size:10px;
font-family: verdana;
width:300px;
padding:2px;
height:70px;
border: 3px solid #93a299;
background-color:#e9eceb;
}


.billToBox{
font-size:14px;
font-family: verdana;
height:110px;
border: 2px solid #c0c0c0;
}

.colorHeading{
background-color:#726056;
font-size:16px;
color:white;
}


.bigTable{
font-size:10px;
font-family: verdana;
height:300px;
width:600px;
border: 1px solid #ae9d95;
}

.bigTableWidth{
width:600px;
height:300px;
font-size:12px;
font-family: verdana;
padding: 16px;
}


.tableBorderBrown{
border: 1px solid #ae9d95;
height:auto;
}

.bigTableTotal{
border-top:5px double #9F8467;
}


.balanceDue{
 height:100px;
 font-size:8px;
 font-family: verdana;
}

.balanceDueBoxFont{
 font-size:10px;
 font-family: verdana;
}

.balanceDueBoxRight{
 height:10px;
 width:auto;
 border: 2px solid #c0c0c0;
}

.balanceDueBoxLeft{
 text-align: right;
 height:10px;
 width:auto;
}


.balanceDueRightBottom{
 width:80px;
 font-size:12px;
 border: 2px solid #c0c0c0;
}

.colorBrown{
background-color:#726056;
}

.colorLightBrown{
background-color:#e3dedb;
}

.fontWhite{
font-size:12px;
color:white;
padding:2px;
}

.colorBeige{
background-color:#efe9e0;
}

.colorLightGray{
background-color:#e6e8ec;
}

.colorDarkGray{
background-color:#b3bdc8;
}