body {
    background-color: #E1D7BE;
    font-size: 11px;
    line-height: 17px;
    margin-top: 29px;
    margin-right: 30px;
    margin-bottom: 29px;
    margin-left: 30px;
}
.ugly_early_p {
	font-size: 16px;
	font-weight: bold;
}
.design_book_body {
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 15px;
	margin-left: 0px;
}
.design_book_imgs {
	border: 1px solid #4F453B;
}
.nav_pad
{
    padding-bottom: 3px;
    font-family: Arial, Helvetica, sans-serif;
    color: #4F453B;
    font-weight: bold;
    font-size: small;
}
.logo_pad {
	padding-bottom: 14px;
}
.nav_rt_pad
{
    padding-right: 5px;
}
.copyright {
	font-size: 9px;
	line-height: 138%;
	color: #4F453B;
	padding-top: 40px;
}
.subPhotoMargin {
	margin-bottom: 24px;
	margin-top: 10px;
}
a:link {
	color: #B63742;
	text-decoration: none;
    margin-left: 10px;
}
a:hover {
	color: #B63742;
	text-decoration: underline;
}
a:active {
	color: #B63742;
	text-decoration: underline;
}
a:visited {
	color: #B63742;
	text-decoration: none;
}
b {
	color: #B97530;
}
strong {
	color: #B97530;
}
.titleSvc {
	font-weight: bold;
	color: #4F453B;
}
.titlePrivacy {
	font-weight: bold;
	color: #B63742;
}
.titleJwl {
	font-weight: bold;
	color: #4A9783;
}
.subTablePad {
	padding-right: 5px;
}
.titleCus {
	font-weight: bold;
	color: #3B7F9B;
}
.my_bold {
	font-weight: bold;
}
.addresses {
	padding-left: 15px;
}
.grades {
	color: #333333;
	padding: 5px;
	border: 1px solid #666666;
}
.grades_left {
	background-color: #333333;
	padding: 5px;
	border: 1px solid #333333;
	font-weight: bold;
	color: #E1D7BE;
}
.shape_margin {
	padding-right: 10px;
}
.design_book {
	padding-right: 15px;
	padding-bottom: 15px;
}
.ContentPad {
    padding-right: 15px;
    padding-left: 6px;
}
.ugly_titles {
	font-weight: bold;
	text-decoration: underline;
	text-align: center;
}
.ugly_titles2 {
	font-style: italic;
	text-decoration: underline;
}
.ugly_subtitles {
	text-decoration: underline;
}
h1
{
    color: #B97530;
    font-style: oblique;
    font-variant: normal;
    font-size: medium;
    font-family: Arial, Helvetica, sans-serif;
}

.glossymenu
{
    /*border-bottom-width: 0;
    border: 0px solid #CC0000;
    */
    margin: 5px 0;
    padding: 0;
    width: 135px; /*width of menu*/
    border: 1px solid #E1D7BE;
    
}

.glossymenu a.menuitem
{
    /*background: black url(glosssyback3.gif) repeat-x bottom left;*/
    background: #E1D7BE;
    font: bold 11px Arial, Helvetica, sans-serif;
    color: #4F453B;
    display: block;
    position: relative; /*To help in the anchoring of the ".statusicon" icon image*/
    width: auto;
    padding: 4px 0 4px 0px;
    text-decoration: none;
    text-transform: lowercase;
    border: 1px solid #E1D7BE;
}


.glossymenu a.menuitem:visited, .glossymenu .menuitem:active{
color: #333333;
}

.glossymenu a.menuitem .statusicon{ /*CSS for icon image that gets dynamically added to headers*/
position: absolute;
top: 5px;
right: 5px;
border: none;
}

.glossymenu a.menuitem:hover
{
    /* border: 1px solid #333333;*/
    color: #B97530;
}

.glossymenu div.submenu{ /*DIV that contains each sub menu*/
color: #333333;
background: #E1D7BE;
}

.glossymenu div.submenu ul{ /*UL of each sub menu*/
list-style-type: none;
margin: 0;
padding: 0;
}

.glossymenu div.submenu ul li{
/* border-bottom: 1px solid blue; */
color: #333333;
}

.glossymenu div.submenu ul li a
{
    display: block;
    font: normal 10px Arial, Helvetica, sans-serif;
    color: #800000;
    text-decoration: none;
    padding: 1px 0 1px 10px;
    text-transform: lowercase;
    text-align: right;
    border: 1px solid #E1D7BE;
}

.glossymenu div.submenu ul li a:hover{
/* border: 1px solid #333333; */
/* background: #DFDCCB; */
color: white;
}