@charset "utf-8";
@media screen
{
	body{
		background:#0C173B url(/images/apcaonline_bg.gif) top left repeat;
		margin:0px;
		padding:0px;
	}
	/* Global element style changes */
	img{
		border:none;
	}
	ul, ol, li, p{
		margin:0px;
		padding:0px;
	}
	.gallery img{
	padding:10px;
	}
	h1{
		background:#911;
		font-weight:bold;
		font-size:13pt;
		font-family:verdana, geneva, sans-serif;
		border-bottom:2px solid #911;
		padding:2px;
		margin:5px 0px 5px 0px;
		color:#fff;
	}

	hr{
		color:#911;
		background:#911;
		height:1px;
		width:100%;
		border:none;
		margin:4px 0px 4px 0px;
		padding:0px;
	}
	blockquote{
		font-style:italic;
		font-weight:bold;
		width:300px;
		margin:6px 6px 10px 20px;
	}
	input, select, textarea{
		background:#fff url(/images/formbg.gif) top left no-repeat;
		border:1px solid #555;
		font-family:verdana, geneva, sans-serif;
		font-size:10pt;
	}
	/* Styles any form used on page */
	form{
		font-family:verdana, geneva, sans-serif;
		font-size:10pt;
		padding:4px;
	}
	form table{
		font-family:verdana, geneva, sans-serif;
		font-size:10pt;
	}
	/* Styles navigation bar above articles */
	#navbar{
		background:#911;
		margin:0px 0px 10px 0px;
		padding:6px;
		color:#fff;
		font-size:10pt;
		font-family:verdana, geneva, sans-serif;
	}
	#navbar a, #navbar a:link, #navbar a:active, #navbar a:visited, #navbar a:hover{
		color:#fff;
		font-size:10pt;
		font-family:verdana, geneva, sans-serif;
	}
	/* Controls the styling of buttons */
	#button{
		background:#911 url(/images/buttonbg.gif) top left repeat-x;
		padding:2px;
		font-weight:bold;
		color:#fff;
	}
	#button:hover{
		background:#ff0000 url(/images/buttonbghover.gif) top left repeat-x;
		padding:2px;
		font-weight:bold;
		color:#fff;
	}
	/* Main page container */
	#PageWrapper{
		margin:10px 0px 10px 0px;
		padding:0px;
		width:822px;
		height:auto;
	}
	/* Controls for page structure */
	#RepeatLeft{
		background:transparent url(/images/apcaonline_repeatleft.png) top right repeat-y;
		width:10px;
		height:auto;
	}
	#RepeatRight{
		background:transparent url(/images/apcaonline_repeatright.png) top left repeat-y;
		width:10px;
		height:auto;
	}
	#ContentTable{
		background:#fff;
		border-width:4px 1px 14px 1px;
		border-style:solid;
		border-color:#911;
	}
	/* Styles the main content area */
	#ContentBackground{
		background:transparent url(/images/apcaonline_repeatbg.gif) top left repeat-x;
		padding-top:10px;
	}
	#ContentBackground table #TableLeft{
		width:600px;
		height:auto;
		vertical-align:top;
		padding:4px 4px 4px 10px;
	}
	#ContentBackground table #TableRight{
		width:200px;
		height:auto;
		vertical-align:top;
		padding:4px;
	}
	/* Styles page paragraphs */
	.Paragraph a, .Paragraph a:link, .Paragraph a:active, .Paragraph a:visited, .Paragraph a:hover{
		font-weight:bold;
		text-decoration:none;
		color:#911;
	}
	.Paragraph{
		width:100%;
		height:auto;
		text-align:left;
		font-size:10pt;
		font-family:verdana, geneva, sans-serif;
		margin:0px;
		padding:0px;
	}
	.Paragraph ol, .Paragraph ul{
		margin-left:20px;
	}
	.Paragraph ol li, .Paragraph ul li{
		margin:15px 0px 15px 0px;
		list-style-type:square;
	}
	.Paragraph ol li, .Paragraph ul.nopad li {
			margin:5px 0px 5px 0px;
	}
	.Paragraph ol ul li, .Paragraph ul ul li{
		margin:4px;
		padding:4px;
		list-style-type:decimal;
		background:#e8eaff;
	}
	.Paragraph ol ul li ul li, .Paragraph ul ul li ul li, .Paragraph ol ul li ol li, .Paragraph ol ol li ul li, .Paragraph ol ol li ol li{
		margin:4px;
		padding:4px;
		list-style-type:disc;
		background:#ffe8e8;
	}
	.Paragraph p{
		margin:15px 0px 15px 0px;
		padding:0px;
	}
	.Paragraph p img{
		border:1px solid #000;
		float:right;
		margin-left:12px;
	}
	.Paragraph strong{
		font-size:11pt;
	}
	/* Controls sidebar containers */
	.SideContainer{
		text-align:left;
		margin-bottom:6px;
		padding:6px;
		border-width:4px 1px 1px 1px;
		border-style:solid;
		border-color:#911;
		font-family:verdana, geneva, sans-serif;
		width:180px;
		height:auto;
	}
	.SideInsert{
		margin-bottom:6px;
		padding:0px;
		border-bottom:1px solid #0C173B;
		font-weight:bold;
		font-size:9pt;
		color:#000;
		font-family:verdana, geneva, sans-serif;
	}
	.SideContainer img{
		margin-bottom:15px;
	}
	.SideContainer ul, .SideContainer ol{
		margin-left:12px;
	}
	.SideContainer li{
		list-style-type:square;
	}
	.SideContainer a, .SideContainer a:link, .SideContainer a:active, .SideContainer a:visited, .SideContainer a:hover{
		font-weight:bold;
		font-size:8pt;
		text-decoration:none;
		color:#911;	
	}
	/* Controls footer sections */
	#FooterText{
		margin:0px;
		padding:8px;
		text-align:right;
	}
	#FooterText span{
		font-size:10pt;
		font-weight:bold;
		font-family:verdana, geneva, sans-serif;
	}
	#FooterText a, #FooterText a:link, #FooterText a:active, #FooterText a:visited, #FooterText a:hover{
		font-weight:bold;
		color:#911;
		text-decoration:none;
		border-bottom:1px solid #888;
	}
	/* Text editor for submissions */
	#TextEditor{
		width:100%;
		height:auto;
		margin:0px;
		padding:0px;
	}
	#TextEditor td{
		padding-bottom:8px;
	}
	/* Contact mailer style */
	#ContactMailer td{
		padding-bottom:6px;
	}
	/* Styles the login page and login links on all pages */
	#LoginPage{
		width:100%;
		height:auto;
		font-size:10pt;
	}
	#LoginPage td{
		width:50%;
	}
	#LoginPage td table th{
		text-align:left;
	}
	/* Styles bullet list that appears above submissions */
	.BulletList{
		margin-bottom:4px;
		padding:4px;
		border-bottom:1px solid #888;
	}
	.BulletList .TitleText{
		font-size:10pt;
		font-weight:bold;
	}
	.BulletList ul{
		margin:0px 0px 0px 14px;
		padding:0px;
	}
	.BulletList ul li{
		font-size:9pt;
		font-weight:bold;
		font-family:verdana, geneva, sans-serif;
		list-style-type:square;
		margin:0px;
		padding:4px 0px 4px 0px;
	}
	.BulletList a, .BulletList a:link, .BulletList a:active, .BulletList a:visited, .BulletList a:hover{
		font-weight:bold;
		font-size:10pt;
		color:#911;
		text-decoration:none;
	}
	/* Global styling of content tables */
	#MasterTable{
		width:100%;
		height:auto;
	}
	#MasterTable td{
		background:#fff;
		font-weight:bold;
		font-size:9pt;
		padding:4px;
		text-align:left;
		border:1px solid #911;
	}
	#MasterTable th{
		background:#333;
		font-weight:bold;
		font-size:10pt;
		padding:4px;
		color:#fff;
		text-align:left;
	}
	#productImage{width:579px;}
	#productImage img{width:100%;}
	
	#storePage #productImage{display:none;}
	#storePage #productPrice h1{background:#fff;float:left;color:#000;}
	#storePage #productForm{display:none;}
	#storePage #productThumb{float:left;width:200px;}
	#storePage #product {float:left;display:block;width:100%;}
	#storePage #product .storeLink{width:100%;height:100%;display:block;float:left;}
	
	#productPage #productThumb{display:none;}
	#productPage #productForm td{padding:5px;}
	#productPage #productForm strong{margin:5px;display:block;}
	#productPage #productForm select{width:200px;}
	#productPage #productPrice h1{background:#13255E;width:50%;padding:10px;font-size:180%;}
	.cartTable{width:75%;margin:10px; color:#222;font-family:Arial, Helvetica, sans-serif;border:1px #000 solid;}
	.cartTable td,.cartTable th{text-align:left;}
	.cartTable th{background:#fee;}
}
