body {background-image: url('images/background.jpg');}

.mainContent {width: 980px; margin-left: auto; margin-right: auto; font-family: Tahoma, Verdana, Sans-Serif; font-size: 12px;}

.LeftFrame {background-image: url('images/frameLeft.jpg'); height: 885px; width: 59px; float: left;}

.RightFrame {background-image: url('images/frameRight.jpg'); height: 885px; width: 59px; float: right;}

.Matte {padding: 15px; height: 830px; overflow: auto;}

.Footer {font-size: x-small; text-align: center; }

a:link, a:visited {color: #584a26; font-weight: bold; text-decoration: none;}
a:hover, a:active {color: #570101; font-weight: bold; text-decoration: none;}

a.navBar:link, a.navBar:visited {color: White; margin-right: 20px; margin-left: 20px;}
a.navBar:hover, a.navBar:active {color: #af9e71; margin-right: 20px; margin-left: 20px;}

.Subhead {color: #584a26; font-weight: bold; font-size: 16px;}

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

.QandA {margin-bottom: 10px;}

.LetterSelection {margin: 4px; text-transform: uppercase; font-size: 85px; height: 90px; width: 69px; font-family: Times New Roman}

.modalBackground {-moz-opacity: 0.8; opacity:.80; filter: alpha(opacity=80); background-color: Black;}

.PreviewImage3 {height: 240px; width: 160px; margin: 80px 40px 80px 40px;}
.PreviewFrame3 {height: 240px; width: 160px; margin: 95px 40px 80px 40px;}

.PreviewImage4 {height: 240px; width: 160px; margin: 80px 16px 80px 16px;}
.PreviewFrame4 {height: 240px; width: 160px; margin: 95px 16px 80px 16px;}

.PreviewImage5 {height: 200px; width: 133px; margin: 66px 11px 66px 11px;}
.PreviewFrame5 {height: 200px; width: 133px; margin: 81px 9px 66px 9px;}

.PreviewImage6 {height: 133px; width: 89px; margin: 67px 19px 67px 19px;}
.PreviewFrame6 {height: 133px; width: 89px; margin: 82px 17px 67px 17px;}

.PreviewImage7 {height: 133px; width: 89px; margin: 67px 12px 67px 12px;}
.PreviewFrame7 {height: 133px; width: 89px; margin: 82px 8px 67px 8px;}

.PreviewImage8 {height: 133px; width: 89px; margin: 67px 4px 67px 4px;}
.PreviewFrame8 {height: 133px; width: 85px; margin: 82px 2px 67px 2px;}

.PreviewImage9 {height: 120px; width: 80px; margin: 60px 4px 60px 4px;}
.PreviewFrame9 {height: 120px; width: 76px; margin: 75px 2px 60px 2px;}


.PreviewSB {height: 120px; width: 80px; margin: 30px 4px 30px 4px;}
.FrameSB {height: 120px; width: 76px; margin: 30px 4px 30px 4px;}


.Black297 {padding-top: 20px; background-image: url('images/BlackFrame800x297.jpg'); background-repeat: no-repeat}
.DarkCherry297 {padding-top: 20px; background-image: url('images/DarkCherryFrame800x297.jpg'); background-repeat: no-repeat}
.White297 {padding-top: 20px; background-image: url('images/WhiteFrame800x297.jpg'); background-repeat: no-repeat}

.Black430 {padding-top: 20px; background-image: url('images/BlackCharcoalFrame800x430.jpg'); background-repeat: no-repeat}
.DarkCherry430 {padding-top: 20px; background-image: url('images/DarkCherryFrame800x430.jpg'); background-repeat: no-repeat}

.Black363 {padding-top: 20px; background-image: url('images/BlackFrame800x363.jpg'); background-repeat: no-repeat}
.DarkCherry363 {padding-top: 20px; background-image: url('images/DarkCherryFrame800x363.jpg'); background-repeat: no-repeat}

.Black270 {padding-top: 20px; background-image: url('images/BlackMetalFrame800x270.jpg'); background-repeat: no-repeat}

.blackSBFrame {background-color: Black;}
.blackFrameInner {border: 1px solid white;}


.whiteSBFrame {background-color: White; border: 1px solid black;}
.whiteFrameInner {border: 1px solid black;}