* { margin: 0; padding: 0; text-align: left; }
body {font: normal normal normal 76%/1.5em "Trebuchet MS", Verdana, Tahoma, Arial, Helvetica, sans-serif; }
a:link, a:visited { color: #0044bb;text-decoration: none; border-bottom: 1px solid #ddf; font-weight: bold; font-size: 1.1em;}
a:hover {border-width: 0 0 1px 0; color: #0066ff; text-decoration: none; border-style: solid; border-color: #09f;}
h2 {
    padding-top: 4px;
    padding-bottom: 6px;
    margin-bottom: 8px;
    font-size: 1.75em;
    /*border-bottom: 2px solid #708A0B;*/
    font-weight: lighter;
    color: #ba0000; background: none;}
h3 {color: #8A640B; font-size: 1.1em; margin: 12px 0 2px 0;}

.leaderboard {clear:both; overflow: auto;}
#wrap {
    position:relative;
    margin: 0 auto;
    margin-bottom: 12px;
    /*width: 70em;*/
    padding:0;
    background:#FFFFFF none repeat scroll 0;
}
.adwrap {padding:0 15px;}
#masthead {width: 50%; padding-left: 15px;}
#content { clear: both; overflow: auto; background: #fff; margin-bottom: 8px; padding-bottom: 4px; margin-top: 2em;}

/* wrapper containing the boxes for branch addresses*/
.branches-wrap {float:right; margin:1em 0 0 0; width:33%; padding-left:2%;}
.inquries-wrap {float:left; margin:1em 0 0; width:60%;}
#siteInfo {clear: both; font-size: 1em; background: #fff; }
#siteInfo span {color: red; font-size: 1.1em; }

div.card {margin: 0 0 12px 0; 
    padding: 4px 0 4px 24px;
    width: 88%;
    border: 0;
    border-bottom: 1px solid #eee; font-size: 1.1em; line-height: 1.5;}
div.card img.photo {float: left;
    margin: 0 16px 4px 0;
    padding: 4px; /* the padding of the small picture (number picture() */
    border: 2px solid #fef; }

div.card p.ContanctName {float: right;
    margin: 3px 0 0 0;
    font-size: 1em;
    font-weight: bold;
    font-style: normal;
    color: #8A640B;
    border: none;}
/* branch name */
div.card span.reviewer {margin: 0 0 6px 0; font-weight: bold; font-size: 120%; color: #4B0082;}
div.card blockquote.description {
/*	margin: 2px 0 6px 73px; /* the left margin of 73px moves description text to the right to become under the title when there is picture */
	margin: 2px 0 6px 0; /* 73px moves description text to the right to become under the title */
    padding: 0;}

div#wrapper div.inquries-wrap div.textboxLinks dl dt {color: #4B0082; font-size: 1.1em; font-weight: bold;}
div#wrapper div.inquries-wrap div.textboxLinks dl dd {padding-left: 32px;}

.options ul {list-style:none; margin-top: 12px;}
.options li, .options li a {margin: 0; width:94%; padding: 2% 3%;}
.options li a{display: block;}
.options li a{text-decoration: underline; border: 1px solid #F1EFE2;}
.options li a:hover {background-color: #fff; border: 1px solid blue; text-decoration: none;}
.options li a:active {background-color: #FAFAD2;}