body {
color: white;
font-family: Helvetica, Arial, Verdana;
text-align: center }
h1 {
color: #800080 }
b   {
color: #808080 }
a   {
color: #af5cc3;
text-decoration: none }
a:hover {
color: gray;
text-decoration: underline }
.atext {
font-weight: bolder;
font-size: 15px }
p {
color: #a8a8a8 }
.titletext {
color: #800080;
font-style: normal;
font-weight: bold;
font-size: 30px;
text-align: center;
letter-spacing: 1px }
.btext {
color: #888;
font-style: normal;
font-weight: bold;
font-size: 15px;
text-align: center;
letter-spacing: 2px }
.footertext  {
color: #888;
font-size: 12px;
font-family: Verdana, Arial;
padding: 5px }
 /* Style of sections */
.titlearea  {
width: 100%;
height: 117px }
.content  {
padding: 5px 20px;
border: solid 1px #242424 }
#wrapper {text-align: left;margin: 0px auto;padding: 0px;
border: 0;width: 768px }
#side-a  {
float: left;
width: 115px }
#side-b   {
float: right;
width: 333px }
#side-c   {
float: left;
width: 270px }
.copytext {
color: silver;
font-size: 10px;
font-family: Verdana, Arial;
text-align: center }
.menua a              {color: #800080;font-weight: bold;font-size: 16px;line-height: 40px;text-decoration: none;background-image: url(link_bkgnd.gif);text-align: center;vertical-align: middle;height: 40px;display: block }
.menua a:link       {color: #800080;font-weight: bold;font-size: 16px;line-height: 40px;text-decoration: none;background-image: url(link_bkgnd.gif);text-align: center;vertical-align: middle;height: 40px;display: block }
.menua a:visited  {color: #880088 }
.menua a:active   {text-decoration: none;background-color: #222;border: solid 1px #888 }
.menua a:hover   {color: #dcdcdc;text-decoration: none;background-image: url(link_bkgnd_ov.gif);position: relative;top: -4px }

.menub a   {
color: #800080;
font-weight: bold;
font-size: 16px;
line-height: 40px;
text-decoration: none;
background-image: url(link_bkgnd.gif);
text-align: center;
vertical-align: middle;
border-style: solid;
border-width: 1px 1px 1px 0px;
border-color: #242424;
height: 40px;
display: block }
.menuc a  {
color: #800080;
font-weight: bold;
font-size: 20px;
line-height: 40px;
text-decoration: none;
text-align: center;
vertical-align: middle;
height: 40px;
display: block }
.menublank a   {
color: #3c3c3c;
font-weight: bold;
font-size: 16px;
line-height: 40px;
text-decoration: none;
background-image: url(spacer_t.gif);
text-align: center;
vertical-align: middle;
height: 40px;
display: block }

#shadtext{	font-size: 3em;
 /* optional. just to increase the font size. */
display: block;line-height: 1em;color: #111;
 /* shadow color */
background-color: transparent;
white-space: nowrap;
 /* wrapping breaks the effect */
}

#shadtext:before,#shadtext:after{content: "Barone Photography Studio";
 /* generated text */
	display: block;}

#shadtext:before{margin-bottom: -1.05em;margin-left: 0.1ex;color: #222;
 /* shadow color */
	background-color: transparent;}

#shadtext:after{margin-top: -1.05em;margin-left: -0.1ex;color: #800080;
 /* text color */
background-color: transparent;}
.textstyle {
color: #ccc;
font-weight: bolder;
font-size: 14px;
line-height: 24px;
font-family: Verdana, Arial;
text-align: justify }
.textstyle1  {
color: #ccc;
font-size: 13px;
line-height: 16px;
font-family: Verdana, Arial;
text-align: justify }

.tableline  {
text-align: justify;
padding-right: 15px;
border-style: none solid none none;
border-width: 0px 2px 0px 0px;
border-color: #808080 }

.tableline1 {padding-right: 15px }

.picborder {border-top: 0px solid;border-right: 8px solid #000;border-bottom: 0px solid #000;border-left: 0px solid }

.headertext {color: black;font-size: 10px }

.centerdiv{ /*IE method of centering a relative div*/
text-align: center;
}

.centerdiv>div{ /*Proper way to center a relative div*/
margin: 0 auto;
}