/* Copyright 2010 VAXX Inc
	Site designed by cirkadia
	Last updated Apr 2010 by Trena Tuse
	Version 1.1
----------------------------------------------- */
/* =screen stylesheet
----------------------------------------------- */

/* =global (body, etc)
----------------------------------------------- */
body, div, h1, h2, h3, h4, ul, li, table
{
	margin:0;
	padding:0;
	border:none;
}
	 
body
{
	background: #ffffff;
	font-family: Verdana, Arial, sans-serif;
	font-size:76%;
}
img, img a 
{
	border: 0;	
}

/* =container
----------------------------------------------- */
#container
{
	width: 800px;
	margin: 0 auto 10px auto;
}

/* =masthead
----------------------------------------------- */
#masthead
{
	display: block;
	margin: 0px auto;
	padding: 0px;
	width: 100%;
	height: 80px;	/* must adjust img#contentTop */
	background-color: #ffffff;
}
	
/* =main
----------------------------------------------- */
#main 
{
	float: left;
	padding: 0;
	margin: 0;
	width: 798px;
	height: auto;
	border-top: solid 1px #000000;
	border-left: solid 1px #000000;
	border-right: solid 1px #000000;
	background: url(../images/pageTop.gif) left top no-repeat;
}
	#pageHome #main
	{
/*		background: url(../images/homepage.gif) left top no-repeat; */
	}
	#pageLegal #main
	{
/*		background: url(../images/pagelegal.gif) left top no-repeat;
		height: 1030px; */
	}
	
	/* =navBar
	----------------------------------------------- */

	#navBar
	{
		float: left;
		width: 170px;
		padding-top: 150px;
	}
	#navBar ul {
		list-style: none;
		background-color:#808080; /*### #999999 */
		}
	#navBar li {
		font-family: Verdana, Arial, Sans-Serif;
		font-size: 12px;
		}
	#navBar li a 
	{
		display: block;
		padding: 0 10px;
		text-decoration: none;
		color: #ffffff;
		background-color:#808080;
		border-right: solid 60px #ffffff;
		line-height: 22px;
		width: 90px;
		height:1%; /*IEBUG Fixs the "has no layout" bug in IE*/
		}
	#navBar li a:hover, #navBar li a.navhere {
		color: #ffffff;
		background: #808080;
		border-right: solid 60px #808080;
		}

	/* =content
	----------------------------------------------- */
	#content
	{
		margin-left: 170px;
		color: #000000;
		text-align: justify;
		line-height: 1.4em;
	}
		#contentTop
		{
			float: left;
			padding: 0 80px 0 50px;
		}
		#contentBottom
		{
			float: left;
			border-left: solid 1px #000000;
			padding: 0 80px 0 50px;
			min-width: 450px;
			min-height: 250px;
			height:auto;
		}
			#pageContact #contentBottom 
			{
			}
		#content img#imgHome
		{
			float: left;
			margin-left: -50px;
			border-left: none;
			z-index: 100;
		}

	/* =mainBottom
	----------------------------------------------- */
	#mainBottom
	{
		float: left;
		width: 798px;
		height: 60px;
		border-bottom: solid 20px #666699;
		background: url(../images/pageBottom.gif) left top no-repeat;
	}

/* =footer
----------------------------------------------- */
#footer
{
	clear: both;
	float: left;
	padding: 4px 0 0 0;
	color: #000000;
	background-color: #ffffff;
	font-size: 11px;
	font-family: Verdana, Arial, Sans-Serif;
	text-align: right;
	width: 800px;
	height: 20px;
}
	#footleft
	{
		display: inline;
		float: left;
	}		
	#footer a:link, #footer a:visited
	{
		color: #000000;
		text-decoration: none;
	}
	#footer a:hover
	{
		text-decoration: underline;
	}

/* =links
----------------------------------------------- */
a:link, a:visited {
	color: #666666;
	text-decoration: underline;
}
a:hover {
	color:#c0c0c0;
	text-decoration: underline;
}

/* =lists
----------------------------------------------- */
ul.alphalist {
	list-style: upper-alpha;
	margin:0;
	padding:0 0 0 25px;
}
ul.docs 
{
	margin:0;
	padding:4px 0 0 5px;
	list-style-type:none;
	border:none;
}
li.docs
{
	background-image:url(../images/acrobat-icon.gif);
	background-repeat:no-repeat;
	padding:0 0 0 20px;
}
ul.level1 
{
	margin:0;
	padding: 0 0 0 20px;
	list-style-type:square;
	border:none;
}
ul.level2 
{
	margin:0;
	padding:0 0 0 20px;
	list-style-type:none;
	border:none;
}
ol 
{
	margin:0;
	padding:4px 0 0 40px;
	border:none;
}

/* =headings, =typography, =text
----------------------------------------------- */
h1 {
	padding: 22px 0;
	color:#666666;
	font-family:Verdana, Arial, Sans-Serif;
	font-weight:normal;
	font-size:24px;
}
h2 {
	padding: .4em 0 0 0;
	color:#003399;
	font-family:Trebuchet MS, Verdana, Arial, Sans-Serif;
	font-weight:bold;
	font-size:1.1em;
	text-transform: uppercase;	
}
h3 {
	padding: .2em 0 0 0;
	color:#666;
	font-weight:bold;
	font-size:1em;
	text-transform: uppercase;	
}
p {
	margin-top: 0em;
	margin-bottom: 1.0em;
}
p.padtop
{
	margin-top: 20px;
}
p.indent 
{
	margin-left:2.0em;	
	margin-top: 0.3em;
	margin-bottom: 0.3em;
}

/* =other, controls
----------------------------------------------- */
.collt {
	float:left;
	margin: 0;
	padding: 0; 
}
.colrt {
	margin: 0 0 0 20em;
	padding: 0; 
}
.colrt2 {
	margin: 0 0 0 25em;
	padding: 0; 
}
.colflt {
	float:left;
	margin: 0;
	padding: 0.8em;
}

.Panelv {
	background: url(../images/photo_v.gif) no-repeat 0 0;
	width: 200px;
	height: 250px;
	margin: 0;
	padding: 0;
}
.imgPanelv {
	width: 175px;
	height: 225px;
	margin: 0;
	padding: 13px 0 0 10px;
}
.Panelv3 {
	background: url(../images/photo_v3.gif) no-repeat 0 0;
	width: 140px;
	height: 176px;
	margin: 0;
	padding: 0;
}
.imgPanelv3 {
	width: 120px;
	height: 155px;
	margin: 0;
	padding: 11px 0 0 9px;
}
.Panelh {
	background: url(../images/photo_h.gif) no-repeat 0 0;
	width: 250px;
	height: 200px;
	margin: 0;
	padding: 0;
}
.imgPanelh {
	width: 225px;
	height: 175px;
	margin: 0;
	padding: 13px 0 0 12px;
}
.Panelh2 {
	background: url(../images/photo_h2.gif) no-repeat 0 0;
	width: 168px;
	height: 132px;
	margin: 0;
	padding: 0;
}
.imgPanelh2 {
	width: 143px;
	height: 107px;
	margin: 0;
	padding: 13px 0 0 11px;
}
.Panelh3 {
	background: url(../images/photo_h3.gif) no-repeat 0 0;
	width: 196px;
	height: 155px;
	margin: 0;
	padding: 0;
}
.imgPanelh3 {
	width: 175px;
	height: 136px;
	margin: 0;
	padding: 9px 0 0 10px;
}

.fltlft {
	float: left;
	padding-right: 5px;
	padding-bottom: 0;
}
.fltlft2 {
	float: left;
}
.fltrt {
	float: right;
}
.fltrt2 {
	float: right;
	padding: 0 15px 0 0;
	margin: -5px 0 0 0;
}

.pullquotert {
	color: #003876;
	background-color: #E5F0F6;
	font-family: "Trebuchet MS", Verdana, Arial, Sans-Serif;
	font-size: 125%;
	width: 250px;
	margin: 2px 0 2px 5px;
	padding: 3px;
}

.clear { clear: both; }
.center { margin: 0 auto;}
p.center { text-align: center; padding-top: 5px;}

.imgBullet
{
	width: 16px;
	height: 16px;
}	
