body {text-align:center; margin:0; background:url(../home/i/bgfade-984.gif) 50% 0 repeat-y #F0F0F0 }

/* -- general styles -- */
h1 {color:#555; font:normal 18px/27px Arial, Georgia, serif; margin:10px 0 }
h2 {font:italic 14px Trebuchet MS, Arial, sans-serif;; margin:0 0 10px 0; color:#666;}
h3 {font:normal 17px Georgia, serif; color:#525353; margin-bottom:5px;}
h3.italic {font:italic normal 15px Georgia, serif; color:#000; margin-bottom:5px;}
h4 {font:normal 16px Georgia, serif; margin:0 0 5px 0; padding:0;}
h4.italic {font:italic normal 14px Georgia, serif;}
h6 {font:italic 13px Trebuchet MS, Arial, sans-serif; margin:0 0 10px 0; color:#A49E9C;}
/* Subheadings */
.subhead {color:#555; font:normal 17.5px Arial, Georgia, serif; margin:0 0 5px 0 }

/* Some headings are also defined below for #tbodyRight column */

p {font:13px/17px Arial, sans-serif; padding:0; margin:0 0 12px 0;}
p.smallText, div.smallText p, div.smallText ul, div.smallText li, div.smallText blockquote, div.smallText blockquote p,
	div.smallText a, a.smallText, span.smallText {font-size:12px; line-height:16px }
body,ul,li,dt,dl {font:13px Arial, sans-serif; }
blockquote {font:13px Georgia, sans-serif; }
img {border:none}
form { display:inline }
cite { display:block; margin:3px 0 1em; text-align:right; font:italic 13px/14px "trebuchet ms" }
cite em { font-style:normal }

:focus {-moz-outline-style: none;} /* hack mozilla not to display the dotted border for links */

/* --- useful classes --- */
.dotLine {height:1px; line-height:0; font-size:0; margin:16px 0; 
			background:url(../uimages/dots/h4_gray.gif) 0 0 repeat-x;}

img.right { float:right; margin:0 0 12px 12px; display:inline }
img.left { float:left; margin:0 12px 12px 0; display:inline }

/* div, p, blockquote */
.sideDot { background:url(../uimages/dots/v4_gray.gif) repeat-y; padding-left:12px }
.grayBox {background:#f2f2f2; margin-top:25px; padding:15px}
.hilite { background-color:#ffc }	/* highlighter */
.liteFont { color:#777 }

/* anchor tags */

a:link, a:visited, a:active {color:#338FDE; text-decoration:none; font:bold 11px Arial; line-height:18px;}
a:hover {text-decoration:underline;}

a.more:link, a.more:visited, a.more:active {font:bold 10px Verdana, sans-serif; text-transform:uppercase}
a.back:link, a.back:visited, a.back:active {font:bold 10px Verdana, sans-serif; text-transform:uppercase}

img.offsite { display:inline !important; padding-left:4px }

/* plus/minus popopens -- colored images set in colored style sheets */
a.popopen { background:url(../uimages/bullets/plus-blue.gif) no-repeat 100% 50%; padding-right:13px }
a.popclosed { background:url(../uimages/bullets/minus-blue.gif) no-repeat 100% 50%; padding-right:13px }

.popThis { display:none; border:1px solid #aaa; background-color:#f8f8f8; padding:11px; width:350px; margin-right:0 }
.popThis, .popThis * { font-size: 12px }

.popThisLG { display:none; border:1px solid #aaa; background-color:#f8f8f8; padding:11px; width:550px; margin:15px 10px 20px 10px }
.popThisLG, .popThis * { font-size: 12px }

.clearFloats {clear:both; line-height:1px; font-size:1px}
.ie6 .clearFloats { height:1px }

p.unfinished, p.hotbox, div.hotbox { border:2px solid red; background-color:#f6f6f6; padding:10px }


/* ------- HEADER -------- */   

#header { background:url(../uimages/tmpl07/banner-bg-short.gif) repeat-x #353535; border-bottom:1px solid #676767}
#header #logo { float:left; background:url(../uimages/tmpl08/logo-small2.gif) no-repeat 0 21px; height:80px; width:229px; margin-left:20px }
#header #logo a { display:block; text-indent:-2000em; height:64px }
#header .contents { width:960px; margin:0 auto }

#header #utils { float:right; height:36px }
#header #utils .content { padding:5px 20px 0 0; color:#bbb; font:10px verdana }
#header #utils a { color:#d6d6d6; text-decoration:none; font-weight:bold }
#header #utils a:hover { text-decoration:underline; color:#fff }
#header #utils .on { background:#777; color:#fff; padding:2px 4px; font-weight:bold }
#header #utils input.srch { font:10px verdana; color:#888; border-width:0; padding:3px 0; margin:0 !important; width:105px }
#header #utils input.srchGo { width:22px; height:23px }

#header #topTabs { background:url(../uimages/tmpl07/nav-mid.gif) repeat-x }
#header #topTabs #left { float:left; width:9px; height:31px; background:url(../uimages/tmpl07/nav-left.gif) no-repeat }
#header #topTabs #right { float:right; width:9px; height:31px; background:url(../uimages/tmpl07/nav-right.gif) no-repeat }
#header #topTabs #items { text-align:left; padding:8px 0 0 10px }
#header #topTabs a { color:#F0F0F0; font:12px verdana; padding:8px 6px 7px; text-decoration:none }
#header #topTabs a.on { border:1px solid #bbb }
#header #topTabs a:hover { text-decoration:underline }

		
/* ------- FOOTER -------- */
#footer {margin:0 auto; width:958px; padding:25px 0; text-align:center; border-top:1px solid #aaa;
		background:url(../uimages/tmpl07/footer-grad.gif) repeat-x #f3f3f3 }

.footerCol { text-align:left; padding:0 20px; }
#footer h6 {}
#footer p.links { color:#999; font-size:11px }
#footer p.copy { color:#777; font-size:11px }
#footer table { margin-bottom:30px }

/* ------- BODY -------- */
#bodyFrame { width:958px; margin:0 auto; background:#fff; border-left:1px solid #676767; border-right:1px solid #676767; text-align:left }