/* ----------------- REDEFINES THE TAG SELECTORS ----------------- */
body, p, h1, h2, h3, address, a, ul, ol, li, td, div {
margin:0;
padding:0;}

body {
background: #000b3b url(images/bg_site.gif) left top repeat-x;
text-align: center;}

p, h2, a, ul, ol, li, td {
font: normal 12px Arial, Verdana, Helvetica, sans-serif;}

p {
padding: 5px 30px 15px 35px;
color:#000;}

h1 {
padding:10px 0 10px 25px;
margin:0 0 15px 0;
font: bold 14px Arial, Verdana, Helvetica, sans-serif;
color: #df4f00;
background:#fdffe3;}

h2 {
padding:10px 0 0 0;
margin:0 35px 10px 35px;
font: bold 12px Arial, Verdana, Helvetica, sans-serif;
border-bottom: 1px solid #e7e7e7;}

h3 {
padding: 10px 0 5px 35px;
color:#001ea9;
font: bold 14px Arial, Verdana, Helvetica, sans-serif;
clear:both;}

h4 {
padding:5px 0 3px 0;
margin:10px 35px 5px 35px;
font: bold 16px Arial, Verdana, Helvetica, sans-serif;
clear: both;
color:#001ea9;
text-transform:uppercase;
border-bottom: 1px solid #e7e7e7;}

h5 {
clear:both;
padding:10px 0 0 0;
margin:0 35px 10px 35px;
font: bold 12px Arial, Verdana, Helvetica, sans-serif;
border-bottom: 1px solid #e7e7e7;}

ul{
margin: 0;
padding: 0 0 10px 0;}
	ul li {
	margin: 3px 20px 5px 45px;
	padding: 0 0 0 15px;
	list-style:none;
	list-style-image:none;
	background:url(images/bullet.gif) top left no-repeat;}

ol {
margin:0;
padding:10px 0 10px 60px;}
  ol li {
  margin:0;
  padding:5px 0}

address {
clear:both;
width:650px;
margin:10px auto 15px auto;
padding:10px 0;
font:normal 12px Arial, Helvetica, Verdana, sans-serif;
line-height:18px;
text-align:center;
color:#000;
border:1px solid #e7e7e7;}

/* Creates the general link style for the site. This is not the main navigation.  */
a:link, a:visited {
color: #29349f;
text-decoration: underline;}

a:hover, a:active {
color: #03f;
text-decoration: none;}

/* ----------------- PAGE LAYOUT ELEMENTS (for tables) ----------------- */
table, td, th {
border-collapse: collapse;}

/* DIV HEADER */
div#header {
position:relative;
width: 950px;
height:230px;
margin: 0 auto;}
	div#logo {
	position:absolute;
	top:0;
	left:0;
	width:200px;
	height:230px;
	background: url(images/associated-paint-inc.gif) 0 0 no-repeat;}
	div#flash {
	position:absolute;
	top:0;
	left:200px;
	width:570px;
	height:230px;
	background: url(images/bg_flash.jpg) left top no-repeat;}
	div#maskh20 {
	position:absolute;
	top:0;
	right:0;
	width:180px;
	height:230px;}

div#cta {
width:950px;
height:43px;
margin:0 auto;}

/* DIV CONTAINER */
div#container {
width: 950px;
margin: 0 auto;
text-align:left;
background: #fff url(images/bg_container.gif) top left repeat-y;}

/* DIV SIDEBAR */
div#sidebar {
float:left;
width: 200px;}

/* DIV CONTENT */
div#content {
float:left;
width: 750px;}
	div#iframe {
	text-align: center;}

ul.columnlists {
width:375px;
float:left;}

ul.data {
	float: left;
	width: 225px;}
	ul.data li {
	list-style-type: disc;
	background:none;
	padding: 0;
	margin: 3px 0 5px 45px;}


/* DIV FOOTER */
div#footer {
clear:both;
width: 950px;
height: 24px;
padding:1px 0 0 0;
background: #00198b;}

/* DIV COPYRIGHT */
div#copyright {
clear:both;
position:relative;
width: 950px;
margin: 0 auto;
padding: 8px 0 10px 0;
font: normal 9px Arial, Helvetica, Verdana, sans-serif;
color: #dedfec;}
	div#copyright a:link, div#copyright a:visited {
	font-size: 9px;
	color: #dedfec;
	text-decoration: none;}
	div#copyright a:hover, div#copyright a:active {
	font-size: 9px;
	color: #dedfec;
	text-decoration: underline;
	background:none;}
	.ypimg {
	position:absolute;
	top:2px;
	left:0;}
	.footerright {
	position:absolute;
	top: 15px;
	right:0;
	z-index:3;}

/* ----------------- WEB AUDIO APPLET ----------------- */
div#audio {
display:block;
width:140px;
padding:15px 0 20px 30px;}

div#applet {
position:relative;
width: 180px;
height: 100px;
background: url(images/webaudio.gif) top left no-repeat;}
 
div#applet div {
position: absolute;
top: 52px;
left: 75px;
width: 68px;
height: 30px;}

div#applet a {
display: block;
position: absolute;
top: 85px;
left: 0px;
width: 180px;
 height: 10px;}

/* ----------------- MAIN NAVIGATION ----------------- */
ul#mainnav {
padding:13px 0 0 0;
margin:0;
width: 200px;
background:#001ea9 url(images/bg_nav.gif) top left no-repeat;}

ul#mainnav li {
display: inline;
list-style: none;
margin: 0;
padding: 0;
background:none;}

ul#mainnav li a:link, ul#mainnav li a:visited, ul#mainnav li a:active {
display: block;
margin: 0 30px;
padding: 7px 0;
font-size: 11px;
font-weight: bold;
text-decoration: none;
text-align: left;
color: #fff;
border-bottom: solid 1px #335ac5;}

ul#mainnav li a:hover, ul#mainnav li a.current:link, ul#mainnav a.current:visited {
border-bottom: solid 1px #335ac5;
color: #ffea00;}

ul#mainnav li a.currentnoborder:link, ul#mainnav a.currentnoborder:visited {
border-bottom: none;
color: #ffea00;}

/* ----------------- UTILITY NAV -------------------- */
ul#utilnav {
width: 950px;
margin:0;
padding:0 0 0 30px;
list-style-type: none;}

ul#utilnav li {
float: left;
margin: 0 auto;
padding:0;
display: inline;
background:none;}

ul#utilnav li a:link, ul#utilnav li a:visited, ul#utilnav li a:active {
margin: 5px 0;
padding: 0 10px;
display: block;
font-size: 11px;
text-decoration: none;
text-align: center;
color: #9aafff;
border-right:solid 1px #384ca4;}

ul#utilnav li a:hover {
color:#ffff33;}

ul#mainnav li a.noborder, ul#utilnav li a.noborder {
border:none;}

/* ----------------- IMAGE ELEMENTS ----------------- */
.imgright {
float: right;
margin: 15px 35px 10px 20px;
background:#fff;}

.imgrightminimal {
float: right;
margin: 10px 35px 5px 20px;
background:#fff;}

/* ----------------- CUSTOM CLASSES ----------------- */
.clearboth {
clear: both;}

.textcenter {
text-align:center;}

p.question {
padding: 10px 30px 0 35px;
margin: 0 0 -5px 0;
font-weight:bold;}

p.faqsubhead {
padding: 0 0 10px 35px;
margin:-5px 0 0 0;
font-weight:bold;
font-style:italic;}