/* styles for CT interior pages */

body, p, ul, ol { font: 12px "lucida grande", verdana, arial, sans-serif; color: #000; }
a:link, a:visited, a:hover, a:active { color: #00c; }
h1 { font-size: 1.3em; padding-top: 30px; } h1 p { margin: 0; }
h2 { font-size: 1.3em; }
h3 { font-size: 0.85em; }
.clear { clear: both; height: 0; line-height: 0; overflow: hidden; font-size: 0px; }

body { margin:0; padding: 0; background: #999 url(/images/bg/body.png); background-repeat: repeat-x; background-position: top left; text-align: center; }
    #wrapper { margin: 12px auto; width: 750px; text-align: left; }
		h1 { margin: 0 0 7px 0; padding: 0; width: 750px; height: 30px; }
			h1 a img { border: 0; }
        #main { border: 1px solid #669; border-top: 0; background: #fff none; }
            #topnav { margin: 0; padding: 0; border: 0; width: 859px; height: 21px; background: #88b url(/images/bg/topnav.png) repeat-x top left; }
            * html #topnav { width: 860px; } /* widen the topnav for IE */
                #topnav ul { margin: 0; padding: 0; width: 100%; border: 0; list-style: none; text-align: left; }
                    #topnav ul li { display: block; float: left; text-align: center; margin: 0; border-right: 1px solid #eee; }
                    #topnav ul li a { display: block; float: left; color: #fff; text-align: center; padding: 0 8px 1px; margin: 0; font: 11px/21px "lucida grande", verdana, sans-serif; text-decoration: none; height: 20px; }
                    #topnav ul li a:hover { text-decoration: underline; color: #fff; background: #88b; }
                    #topnav ul li a.on { display: block; float: left; color: #000; background: #ccd url(/images/bg/topnavon.png) repeat-x top left; text-align: center; padding: 0 11px 1px 11px; margin: 0; font: 11px/21px "lucida grande", verdana, sans-serif; text-decoration: none; height: 20px; }
                    #topnav ul li a.on:hover { text-decoration: underline; color: #000; background: #ccd; }
                    #topnav ul li.login { float: right; border-right: 1px solid #669; }
                    #topnav ul li.login a { color: #ff9; padding-left: 18px; border-right: 0; font-weight: bold; background: url(/images/bg/homeLogin_off.gif) no-repeat 4px 50%; }
                    #topnav ul li.login a:hover { color: #ff9; padding-left: 18px; border-right: 0; font-weight: bold; background: #88b url(/images/bg/subnav_off.gif) no-repeat 4px 50%; }
            h2 { margin: 0 0 15px 0; padding: 9px 20px 9px 180px; background: #ccd url(/images/bg/h2.png) repeat-y top right; border: 0; }
            #content { position: relative; margin: 0 20px 0 180px; padding: 0 0 20px 0; width: 550px; border: 0; }
                h3 { margin: 0 0.5em 0.5em 0; padding-left: 0.5em; }
                #content ul { list-style: disc; margin: 0 2em 2em 2em; padding: 0 1em; line-height: 140%; }
                    #content #subnav { position: absolute; top: -47px; left: -180px; margin: 0; padding: 0; height: 350px; width: 167px; background: #fff url(/images/bg/subnav.png) no-repeat top right; }
						#subnav ul { margin: 0; padding: 0; width: 159px; list-style: none; }
                        #subnav ul li { margin: 0; padding: 0; border-bottom: 1px solid #ccd; border-top: 1px solid #fff; }
                        #subnav ul li span, #subnav ul li a:link, #subnav ul li a:visited, #subnav ul li a:active { display: block; margin: 0; padding: 7px 10px 7px 25px; width: 124px; background: #fff url(/images/bg/subnav_off.gif) no-repeat 7px 50%; color: #000; text-decoration: none; font-size: 0.95em; }
                        #subnav ul li a:hover { background: #eee url(/images/bg/subnav_hover.gif) no-repeat 7px 50%; text-decoration: underline; }
                        #subnav ul li span.on, #subnav ul li a.on:link, #subnav ul li a.on:visited, #subnav ul li a.on:active { background: #ccd url(/images/bg/subnav_on.gif) no-repeat 7px 50%; }
                        #subnav ul li a.on:hover { background: #ccd url(/images/bg/subnav_on.gif) no-repeat 7px 50%; text-decoration: underline; }
                    #content .pullquote { float: right; width: 240px; border: 1px solid #ccd; border-left: 0; background: #fff url(/images/bg/h2.png); background-position: top right; background-repeat: repeat-y; }
                        #content .pullquote ul { margin: 0 1em; padding: 1em; }
                    #next { margin: 0; padding: 0; width: auto; border-top: 1px solid #fff; }
                        #next a:link, #next a:visited, #next a:active { display: block; width: 50%; float: right; padding: 10px 30px; text-align: right; background: #fff url(/images/bg/next.png) right center no-repeat; text-decoration: none; }
                        #next a:hover { text-decoration: underline; background: #fff url(/images/bg/next_hover.png) right center no-repeat; }
        #footer { text-align: right; font-size: 0.85em; }
            #footer p { color: #fff; margin: 5px 0 0 0; }
            #footer ul { margin: 0; padding: 0; list-style-type: none; color: #fff; }
                #footer li { display: inline; margin-left: 12px; }
            #footer li a:link, #footer li a:visited, #footer li a:active  { color: #fff; text-decoration: none; }
            #footer li a:hover { text-decoration: underline; }
			
/* Aesthetic Updates */
	div#content ul.polished {list-style-image: url(/images/home/bullet4.gif)}
	p.articleHeading {font-weight: bold; margin-bottom: 0.25em;}
	
	h3.ffocus {font-family: Georgia, "Times New Roman", Georgia, Times, serif; color: #669; font-size: 18px; font-style: italic; padding: 0;}

	#wrapper { width: 860px; }
	#topnav { width: 859px; }
	#content { width: 640px; }
	
	#content {margin-left: 190px; }
	#content #subnav { left: -190px; }