﻿body {overflow-x: hidden;

	background: #000000;

	font: 11px Verdana,Arial,sans-serif;

	color: #a9a9a9;

}


legend {color:#FFF}

a img {border:0;}



#page {

	width: 790px;

	position: relative;

	height:100%;

	padding:0px 8px 0 16px;

	margin: 0 auto;

}

#page2 {

	width: 900px;

	position: relative;

	height:100%;

	padding:0px 8px 0 16px;

	margin: 0 auto;

}



#content {

	 margin: 0px;

	 padding: 0px;

	 width: 580px;

	 height: 100%;

	 background-color: black;

	 float: right;

}

#content2 {

	 margin: 0px;

	 padding: 0px;

	 width: 580px;

	 height: 100%;

	 background-color: black;

	 float: right;

}





#anim_line {

background:#FFFFFF;

font-size: 0px;

height:2px;

margin-top:1px;

margin-bottom:10px;

width:570px;

}





#line {

background:#FFFFFF none repeat scroll 0%;

font-size:0px;

height:1px;

margin-bottom:10px;

margin-top:10px;

clear:both;

}

 

#header {

/* center for internet explorer */

text-align:center;

/* center for all other browsers */

margin:0 auto;

}





#header span {

background: url(http://www.k9northwest.com/flash/header.swf.swf) no-repeat;

position: absolute;

width: 100%;

height: 100%;

}













.arrowlistmenu{

width: 200px; /*width of accordion menu*/

float: left;

}

.arrowlistmenu1{

width: 199px; height:100%; /*width of accordion menu*/

float: left;

}

.arrowlistmenu2{

width: 199px; height:100%; /*width of accordion menu*/

float: right;



}



.arrowlistmenu .menuheader{ /*CSS class for menu headers in general (expanding or not!)*/

font: bold 14px Arial;

color: white;

background: black url(images/titlebar.png) repeat-x center left;

margin-bottom: 10px; /*bottom spacing between header and rest of content*/

text-transform: uppercase;

padding: 4px 0 4px 0px; /*header text is indented 10px*/

cursor: hand;

cursor: pointer;

text-align: center;



}



.arrowlistmenu .openheader{ /*CSS class to apply to expandable header when it's expanded*/

font: bold 14px Arial;

color: #f47b33;

background-image: url(images/titlebar-active.png);





}



.arrowlistmenu ul{ /*CSS for UL of each sub menu*/

list-style-type: none;

margin: 0;

padding: 0;

margin-bottom: 8px; /*bottom spacing between each UL and rest of content*/

}



.arrowlistmenu ul li{

padding-bottom: 2px; /*bottom spacing between menu items*/

}



.arrowlistmenu ul li a{

color: #A70303;

background: url(images/arrowbullet.png) no-repeat center left; /*custom bullet list image*/

display: block;

padding: 2px 0;

padding-left: 19px; /*link text is indented 19px*/

text-decoration: none;

font-weight: bold;

border-bottom: 1px solid #dadada;

font-size: 90%;

}



.arrowlistmenu ul li a:visited{

color: #A70303;

}



.arrowlistmenu ul li a:hover{ /*hover state CSS*/

color: #A70303;

background-color: #F3F3F3;

}



.clearboth {

	clear:both;

}



form label.text {

	display:block;

	float: left;

	width: 40%;

	text-align: right; 

	margin: 5px 0 0 0;

	padding: 0.1em;

}



input.text, textarea.text,input.warning, textarea.warning  { 

  border-color:#dadada; 

  border-style:solid; 

  border-width:1px; 

  margin:5px;

	width:200px;

}





 textarea.text  {

 width:200px;

 height:80px;

 }



#content {

  float:inherit

    padding-left: 25px;



}

#content2 {

  float:left;

  width: 500px; /*width of accordion menu*/

  border-left:#666 1px solid;

  border-right:#666 1px solid;



}



#lefty {

  float: left;

  width: 20%;

}

#righty {

  float: right;

  width: 20%;

}



 