/* The Support Network :: CSS definitions by Yellow Pencil :: July 2007 */ 

/* Base HTML Definitions */
	table {font-size:100%;}
	select, input, textarea {font:99% arial,helvetica,clean,sans-serif;}
	pre, code {font:115% monospace; font-size:100%;}
	body * {line-height:1.22em;}

/* HTML Reset Definitions */
	body,div,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,th,tr,td,ul,li {margin:0; padding:0;}
	table {border-collapse:collapse; border-spacing:0;}
	fieldset,img,a img {border:0;}
	address,caption,cite,code,dfn,th,var {font-style:normal; font-weight:normal;}
	caption,th {text-align:left;}

/* Base Typography Definitions */
	body {position:relative; margin:0 auto; background:#646A7A url(/images/bg_pageGradient.jpg) repeat-x; font-family:Arial, Helvetica, sans-serif; color:#000; text-align:left; font-size:76%; border-top:9px solid #282A2E;}
	h1 {font-size:1.6em; color:#52555A; margin:1em 0 1em 0;}
	h2 {font-size:1.3em; color:#52555A; margin:1em 0 .5em 0;}
	h1, h2 {font-family:Georgia, Times, serif; font-weight:normal;}
	h3 {font-size:1.2em; color:#396BB2; margin:1em 0 1em 15px;}
	h4 {font-size:.9em;}
	ul, ol, li, table {font-size:1em; color:#000; margin-bottom:1em;}
	p {margin:1em 0 1em 0;}
	table {margin:0; padding:0;}
	th {font-weight:bold; padding:2px 5px 2px 5px; border:1px solid #ccc;}
	td, tr {padding:2px 5px 2px 5px; border:1px solid #ccc;}
	a {color:#567EB9; text-decoration:underline;}
	a:hover {color:#676767; text-decoration:none;}
	a.selected {color:#676767; text-decoration:none;}
	img {border:0; margin:0; padding:0;}
	a img {border:0;}

/* Primary Container Definitions */
	#page {position:relative; color:#000; text-align:left; margin:-9px auto 0 auto; padding:0; width:764px; border-top:9px solid #646A7A;}
	#pageWrapper {background-image:url(/images/bg_pageDropshadow.png); background-repeat:repeat-y; width:814px; margin:0 auto;}
	
/* Header Definitions */
	#header {float:left; width:764px; height:126px; padding:0; background:#A5A9B2 url(/images/bg_headerGradient.jpg) repeat-y;}
	#header .logo {float:left; padding:25px 0 0 20px;}
	#headerLinks {float:right; width:255px;}
	#headerLinks ul {text-align:center; padding:0; list-style:none; font-size:.75em; text-transform:uppercase;}
	#headerLinks li {display:inline; float:right; color:#fff; margin-right:5px; padding:5px 10px; background-color:#646A7A; width:60px;}
	#headerLinks li a {color:#fff; text-decoration:none;}
	#headerLinks li a:hover {color:#ddd; text-decoration:underline;}
	
/* Feature Image Definitions */
	#featureImage {float:left; width:764px; height:270px; background-image:url(/images/feature_Home.jpg); background-repeat:no-repeat; font-family:Georgia, "Times New Roman", Times, serif;}
	#featureImageSecondary {float:left; width:764px; height:88px; background-image:url(/images/feature_Secondary.jpg); background-repeat:no-repeat;}
	#featureImage .quote {padding:15px 30px 0 600px; line-height:1.7em; color:#fff;}
	.right {float:right;}
	
/* leftNav Definitions */
	#leftNav {float:left; margin:0; padding:20px 0 0 0; width:163px; background-color:#fff; color:#000;}
	#leftNav ul {margin:0; list-style:none; color:#000; padding:0;}
	#leftNav li {margin:8px 8px 10px 15px; padding-bottom:5px; color:#000; border-bottom:1px solid #ccc; font-weight:normal;}
	#leftNav li a {color:#000; text-decoration:none;}
	#leftNav li a:hover {color:#666;}
	#leftNav ul ul {list-style:none; color:#000;}
	#leftNav ul ul li {background-color:#ccc; margin:1px 0 1px 0; padding:5px; font-size:97%;}
	#leftNav ul ul li a:hover {color:#fff;}
	#leftNav ul ul ul {list-style:none; color:#000;}
	#leftNav ul ul ul li {background-color:#999; color:#fff; margin:1px 0 1px 0; padding:5px; font-size:95%;}
	#leftNav ul ul ul li a:hover {color:#fff;}
	#leftNav li.isParent {}
	#leftNav li.isParentActive {font-weight:bold;}
	#leftNav li.isParentCurrent {font-weight:bold;}
	#leftNav li.isCurrent {font-weight:bold;}
	#leftNav li.selected {font-weight:bold;}
	#leftNav .callout {color:#396BB2; font-size:1.2em; padding:10px 0 0 15px;}
	#leftNav h3 a {text-decoration:none;}
	
/* Support Network Flash Button */
	#support-button {text-align:center;width:160px;}
	
/* Content Box Definitions */
	#content {float:left; width:580px; padding:10px; background-color:#fff;}
	#content li {margin:0 0 5px 25px;}
	#contentDivider {margin:0 auto; clear:both; width:580px; background:#fff url(/images/divider.jpg) no-repeat;}
	
/* Three Column Definitions */
	#leftColumn {clear:both; float:left; width:180px;}
	#centerColumn {float:left; padding-left:10px; width:180px;}
	#rightColumn {float:left; padding-left:10px; width:180px;}
	#leftColumn ul, #centerColumn ul, #rightColumn ul {padding:10px 15px 0 5px; background:#fff url(/images/bg_contentGradient.jpg) repeat-x; min-height:120px;}
	
/* Two Column Definitions */
	#leftTwoColumn {clear:both; float:left; width:175px;}
	#rightTwoColumn {float:left; margin-left:10px; padding-left:10px; width:380px;}
	#leftTwoColumn ul, #rightTwoColumn ul {padding:10px 15px 0 5px; background:#fff url(/images/bg_contentGradient.jpg) repeat-x; min-height:120px;}
	#rightTwoColumn ul {list-style:none;}

/* Forms Layout Definitions */
	.formWrapper {}
	.narrowRight {width:175px;text-align:right;}
	.wideLeft {width:325px;text-align:left;}
	.narrowThird {width:150px;text-align:left;}
		
/* Footer Definitions */
	#footer {position:relative; margin:0 auto; clear:both; height:80px; width:100%; padding:0; background:#151619 url(/images/bg_footerGradient.jpg) repeat-x;}
	#footer img {float:left; margin-top:-6px; padding-right:10px; display:inline;}
	#footer h4.copyright {margin:0 auto; width:764px; padding:35px 0 0 110px; color:#999; font-weight:normal;}
	
/* Identify Floated Elements that require Clearing */ 
	#pageWrapper:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}