/* CSS file for pirumansion.com - DianeV Web Design Studio - http://dianev.com */

body {color:#444 /*808080*/; margin:40px auto 10px auto; padding:0; text-align:center; font-size:82%; font-family:"Trebuchet MS",Arial,Helvetica, sans-serif; background:#2E373C url(images/l/bk.jpg) repeat-x center top}

#pagewrap    {width:912px; margin:auto; text-align:left}
#contentwrap {width:912px; background:url(images/l/bkpage.jpg) repeat-y}
#lnavcontent {padding-top:24px; background:url(images/l/bkcontenttop.jpg) top center no-repeat}

/* 9FA6A6 */
#topline1 {width:912px; height:2px; background:#062279; margin-bottom:5px}
#topline2 {width:912px; height:2px; background:#062279}



/** LNAV & LOGO -- logo is in lnav due to background */
#lnav {float:left; width:260px; padding:40px 0 0 0}

#thelogo {color:#485153; width:194px; margin:auto;  text-align:center; padding-bottom:36px; background: url(images/l/bklogo.gif) left top no-repeat}
#thelogo img {width:186px; height:168px; text-align:center; margin-bottom:16px}
#thelogo h2 {display:block; margin:0; padding-top:5px; text-transform:uppercase; font-size:17px; line-height:1em; font-weight:bold}
#thelogo h2 span {font-size:13px; font-weight:bold; text-transform:uppercase}

#thelogo a {color:#485153; text-decoration:none}
#thelogo a:hover {color:#995307; text-decoration:none}

	/* lnav */
#thelnavcont {padding-left:30px}
#lnav .lnavtitle {color:#485153; font-size:13px; padding-bottom:29px; font-family:Georgia,"Times New Roman",Times,serif; background:url(images/l/lnavseparator.gif) bottom left no-repeat}
#lnav ul {color:#485153; font-size:12px; margin:0 0 30px 0; padding:0; text-align:left; line-height:1.3em; list-style:none}
#lnav ul li {padding: 0 0 8px 12px; background:url(images/l/lnavdot.gif) no-repeat}
#lnav ul li a {color:#9E5B18; text-decoration:underline}
#lnav ul li a:hover {color:#A25B14; text-decoration:none}

#lnav ul ul {margin-top:.7em; margin-bottom:0}

#lnav ul li#lnavdnh {color:#485153; font-size:13px; font-family:Georgia,"Times New Roman",Times,serif; background:none}

/** THECONTENT */
#thecontent {float:right; width:578px; padding:35px 30px 10px 0; line-height:2em; text-align:justify}

/** FOOTER */
#footer {clear:both; width:912px; margin:0 auto; padding-top:32px}
#footer #thec {color:#848B92; text-align:center; letter-spacing:4px; padding-bottom:20px; font-size:11px}
/* END MAIN LAYOUT STYLES             */

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3 {font-family:Georgia, "Times New Roman", Times, serif}
#thecontent h1, .h1 {color:#5B4E27; font-size:20px; font-weight:normal; margin:0; padding-bottom:29px; background:url(images/l/separator-lg.gif) bottom left no-repeat}
#thecontent h2, .h2 {color:#5B4E27; font-size:18px; font-weight:normal}
#thecontent h3, .h3 {color:#485153; font-size:15px}

#thecontent h2.htitle {color:#5B4E27; font-size:18px; font-weight:normal; padding-bottom:29px; background:url(images/l/separator.gif) bottom left no-repeat}
#thecontent h2.htitleshort {color:#5B4E27; font-size:18px; font-weight:normal; padding-bottom:29px; background:url(images/l/lnavseparator.gif) bottom left no-repeat}

.title {padding:30px 0; margin-bottom:1em}
.title h2, .title h3 {font-size:14px; font-weight:normal; color:#5B4E27}

.text1 {text-transform:uppercase; font-size:20px; font-weight:normal; color:#485153}
.text2 {font-size:12px; font-weight:normal; color:#485153}
.text3 {font:normal 11px "Trebuchet MS", Arial, Helvetica, sans-serif}
.text4 {font:bold 12px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#554C34}

.highlight {color:#A15810}
.mb0 {margin-bottom:0}
.mt0 {margin-top:0}
.b {font-weight:bold}
.i {font-style:italic}
.bi {font-weight:bold; font-style:italic}
.tinytext {font-size:11px}
.dv {color:#CC3399; font-weight:bold; font-style:italic; font-size:14px}

td	{vertical-align:top}
form {margin:0; padding:0}

ul {margin:0 0 1em 0; padding:0 0 0 30px; text-align:left; line-height:1.3em; list-style:none}
li {padding: 0 0 8px 12px; background:url(images/l/lnavdot.gif) no-repeat}
ul.ul1 {line-height:1.1em}

ul.ulcallnow, ul.ulnext {clear:both; list-style:none; margin-top:25px; padding:9px 0 0 26px;}
ul.ulcallnow li, ul.ulnext li {background:none}

.img1 {float:left; margin:3px 15px 0 0}
.img2 {float:right; margin:3px 0 0 15px}

/* img captions */
.imgcaptionrt, .imgcaptionlt, .imgcaptioncenter {color:#fff; text-align:center; line-height:1.2em; font-weight:bold; padding-bottom:4px; background:#062279 /*#5A7FA1*/}
.imgcaptionrt img, .imgcaptionlt img, .imgcaptioncenter img {padding-bottom:4px}
.imgcaptionrt {float:right; margin:0 0 10px 20px}
.imgcaptionlt {float:left;  margin:0 20px 10px 0}
.imgcaptioncenter {margin:auto}
.imagecaption {font-size:11px; letter-spacing:1px}

.imgrt {float:right; margin:0 0 10px 20px}

.imgblueborder {border:1px solid #5A7FA1}
.imgredborder  {border:1px solid #A0570E}


/* THE FEARLESS SPECTATOR */
.fearlessspec div {color:#5B4E27; font-size:17px; margin-top:2.5em; padding-bottom:29px; font-family:Georgia,"Times New Roman",Times,serif; background:url(images/l/lnavseparator.gif) bottom left no-repeat}
.fearlessspec ul {line-height:1.1em}
.fearlessspec a:link {}
.fearlessspec a:visited {color:#888; text-decoration:underline}
.fearlessspec a:hover {color:#A25B14; text-decoration:none}

/** grey:485153 turquoise:#597990 brown:5B4E27   */
a {color:#A25B14; text-decoration:underline}
a:hover {color:#A25B14; text-decoration:none}