/* Remote AP CSS Styles */


/**********************/
/* GLOBAL SITE STYLES */
/**********************/


/* Sets global padding and margins */

* { padding: 0px; margin: 0px; }


/* body content styles set text to center
   to ensure browser compliant centering
   and set margins correctly in container
   div for the rest */

body {
	text-align:center;
	background-image: url(../images/bkgd.jpg); 
	background-repeat: repeat-x;
	background-color: #FFFFFF; 
	font-family: trebuchet ms, verdana, arial, sans-serif;
	font-size: 12px;
	font-weight: normal;
	text-decoration: none;
	text-align: left;
	color: #000000;
	line-height: 14px;
}

/* Global paragraph style */

p {
	font-family: trebuchet ms, verdana, arial, sans-serif;
	font-size: 12px;
	font-weight: normal;
	text-decoration: none;
	text-align: left;
	color: #000000;
	line-height: 16px;
}

p.info {
	font-family: verdana, arial, sans-serif;;
	font-size: 11px;
	font-weight: normal;
	text-decoration: none;
	text-align: left;
	color: #666666;
	line-height: 16px;
}

/* Gloabl link styles */

a:link {
	text-decoration: none;
	color: #000000;
}

a:hover {
	text-decoration: none;
	color: #000000;
}

a:visited {
	text-decoration: none;
	color: #000000;
}

/* Gloabl heading styles */

h1 {
	color: #666666;
	font-size: 16px;
	font-weight: bold;
	line-height: 18px;
	border-bottom: 1px solid #CCCCCC;
	text-align: left;
}

h2 {
	font-size: 14px;
	font-weight: bold;
}

h3 {
	font-size: 12px;
	font-weight: bold;
}

/* Global Block Quotes */

blockquote {
	font-size: 11px;
	font-weight: normal;
	line-height: 14px;
	border-top: 1px solid #999999;
	text-align: left;
}

/* Global Form Styles */

label {
	font-size: 11px;
	font-weight: bold;
	text-align: left;
}

input, select {
	border: 1px solid #999999;
	background-color: #E8E8E8;
	font-size: 11px;
	padding: 3px;
	text-align: left;
}

input.buttons {
	text-align: center;
	width: 115px;
}

input.buttons:hover {
	background-color: #205F9C;
	color: #FFFFFF;
}

input, submit {
	color: #000000;
	vertical-align:center;
	border: 2px outset  #999999;
}

/********************************/
/*  Site Navigational Elements  */
/*     For More Info on the     */
/*     site nav stuff go to     */
/*   positioniseverything.com   */
/*  code and demo found there!  */
/********************************/

.nav {
	position: relative;
	background: #EDEDED;
	border-bottom: 1px solid #000000; /* borders the bottom of the top nav */
	border-right: 1px solid #000000;
	width: 849px;
	padding-left: 1px;
}

.button {
	width: 117px;
	float: left;
	margin: 1px;
	border: 1px solid #000000;
	}

/* this parent div does not provide "sticky hovering", but instead fixes a 
strange bug in Op7. When an element serves as a hovered popup "parent" element, 
that element must not also be floated or all heck breaks loose in Opera 7. 
To prevent this, we have floated the top level list items, while nesting 
hoverable parent divs inside that are then hovered to generate the dropdowns. 
Thus the ugly (but interesting) Op7 bug is defeated. */

.parent {position: relative;}

/* this fixes the IE 3px bug that is common in this type of float arrangement */ 
	
.floatfix {margin-right: -3px;}

/* Drop Down Menu Rules */

/* rules for dropdown div */
.dropdown { 
	width: 250px;
	position: absolute;		
	left: -3000px;
	top: auto; /* puts dropdowns directly under top nav */
	text-align: left; /* needed because IE misapplies text centering to boxes */	
	background: url(images/bgfix.gif);
}
	
.dropdown div {
	width: 220px;
	position: absolute;		
	left: -3000px;
	top: 0;  
	background: url(images/bgfix.gif);
	text-align: left; /* needed because IE misapplies text centering to boxes */
}
	
/* The margins on the UL's replace the div paddings to create "sticky hovering"
zones,  and the margins should "fill" the divs, making the IE BG fix unnecessary.
Unfortunately the BG fix is still needed, altho this method does eliminate
possible box model problems */
	
.dropdown ul { 
  width: 117px; /* tweaked so that dropdowns appear to "line up" with top links */
  margin: 0 30px 30px 30px; /* creates "sticky hovering" zones for dropdowns */
  border: 1px solid #000000;
  list-style: none;  
  } /* borders sides and top of the dropdowns and flyouts; links provide the bottom border */
	
/* creates "sticky hovering" zones for flyouts */

.dropdown div ul {
	margin: 30px 30px 30px 0;
} 

/* modifies width for rightmost "visible" dropdown (tweak) */	

.seven .dropdown ul {
	width: 117px;
}

/* rule reversal for "visible" right drop flyouts */
		
.seven .dropdown div ul {
	margin: 30px 0 30px 30px; 
	position: relative;
} 

.nav li {
	text-align: center;
	list-style: none;
}

.nav li:hover {
	background-color: #99CC33;
	
}

.nav a {
  	display: block;
  	color: #00429C;
	font-weight: bold;
	font-size: 14px;
	text-decoration: none;
	padding: 4px 0 3px; 
}	

.nav ul ul a {
  color: #000000;
  font-size: 11px;
}

.dropdown li {
  position: relative; 
  vertical-align: bottom; /* IE5/win bugfix */
  border-bottom: 1px solid #000000;
}

/* this hover calls a transparent GIF only to defeat the IE failed hover bug. Any 
background change on hovering div.parent will make IE obey and display the dropdown.
While the call itself will fix the bug, make sure you actually call a real image 
file so that your site error logs will not fill with failed image calls. */
				
.parent:hover {background-image: url(images/bgfix.gif);} 

/* extra pixel makes dropdowns "line up" with top links */ 
/* hover rule for dropdowns */ 
		
.parent:hover div.dropdown {left: -31px;} 

/* special hover zone that covers the "danger corner" */

.nav div.mini-zone { 
    padding: 0;
    width: 15px;
	height: 15px;  
	font-size: 1px;
	left: -3000px;
	bottom: -15px;
	top: auto;	
	background: url(images/bgfix.gif);
}

/* hover rule for mini-zones divs */

.nav .dropdown li:hover div.mini-zone { 
	left: auto;
	right: 8px;
	top: auto;
}

/* reversed hover rule for rightmost drop mini-zones */

.nav .four li:hover div.mini-zone { 
	left: 8px;
}

/* hover color effect on dropdown links */

.dropdown li:hover, .dropdown li:hover a{
	background: #205F9C;
	color: #FFFFFF;
}

/*XXXXXXXXXXX Primary dropdown backgrounds XXXXXXXXXX*/
	
.one ul {background: #FFFFFF;}
.two ul {background: #FFFFFF;}
.three ul {background: #FFFFFF;}
.four ul {background: #FFFFFF;}
.five ul {background: #FFFFFF;}
.six ul {background: #FFFFFF;}
.seven ul {background: #FFFFFF;}

/*XXXXXXXXXX z-index rules for top nav XXXXXXXXXXX*/

.one {z-index: 10;}
.two {z-index: 20;}
.three {z-index: 30;}
.four {z-index: 40;}
.five {z-index: 50;}
.six {z-index: 60;}
.seven {z-index: 70;}
.seven:hover {z-index: 50;}
/* this last is a special trick that reverses the stacking order of the rightmost
top link when it or its children are hovered. This, and the previous rules work
together so that when a user is on the top link of any flyout, they can move 
vertically to the top link directly above and not have the sticky hoivering zone
on the flyout get in the way of hovering that top link. */
 

/*XXXXXXXXXXX Special fixes XXXXXXXXXXX*/

/* This is to hide the following from IE/Mac. \*/
* html .button .dropdown li {
height: 1%;
margin-left: -16px;
mar\gin-left: 0;
}
/* */

* html .nav a
 {height: 1%;}

/* The first 2 rules above fix "bullet region" problems in IE5.x/win, 
and the 2nd is to make all links fully clickable. */    

.brclear { /* Use a break with this class to clear float containers */
clear:both;
height:0;
margin:0;
font-size: 1px;
line-height: 0;
}

* html .nav {
	width: 849px;
	border-right: 0px;
}

/*\*/ /*/
.nav .dropdown, .nav .dropdown div {width: 189px;}
.nav .button .dropdown ul {margin: 0px;}
.nav .dropdown, .nav .dropdown div {position: static;}
.nav .dropdown ul {border: 0;}
.mini-zone {display: none;}
/* this rule block "dumbs down" the nav for IEmac */

/************************/
/* SITE TEMPLATE STYLES */
/************************/


/* The Container Div that holds
   all of the site information */

#sitecontents {
	text-align: left;
	background-color: #FFFFFF;
	border-left: 0px solid #000000;
	border-right: 0px solid #000000;
	width: 850px;
	min-height: 600px;
	margin-right: auto;
	margin-left: auto;
	padding: 0px;
}

/* The Site Header to be included
   on every site page */
   
#header {
	background-color: #205F9C;
	border-bottom: 1px solid #000000;
	height: 87px;
}

/* Sets the styles for the logo
   area of the page header */
   
#pagelogo {
	margin-top: 2px;
	margin-left: 20px;
	width: 36px;
	height: 85px;
	float: left;
}

  
#pagetitle {
	border:none;
	border-style:none;
	margin-top: 2px;
	margin-left: 20px;
	width: 218px;
	height: 80px;
	float: left;
}

/* Sets the styles for the text
   area of the header where the
   page slogan goes */

#pageslogan {
	font-size: 16px;
	font-style: italic;
	font-weight: bold;
	text-align: right;
	line-height: 16px;
	color: #FFFFFF;
	margin-top: 13px;
	margin-right: 15px;
	width: 482px;
	float: right;
}
/* Sets the styles for the text
   REMOTE anywher it is called */
.remote {
	color:#79AC33;
	font-weight: bold;}
	
.AP {
	color:#F99D1B;
	font-weight: bold;}


/* Pretty straight forward :: this
   is where the page buttons go */
   
#buttonarea {
	border-bottom: 1px solid #000000;
	height: 27px;
	padding: 0;
	padding-left: 2px;
	padding-top: 2px;
	padding-bottom: 1px;
	margin: 0px;
}

/* Style the flash include div */

.flacontent {
	height: 200px;
	border-bottom: 1px solid #000000;
	background-image: url(../includes/images/flalt/noflash.gif);
}

/* Page Contents Section :: Home Page
   is the only page with a different
   content section */
   
#pagecontents {
	min-height: 300px;
	background-image: url(../images/pageback.gif);
	padding-bottom: 30px;
}

/* Left Side Linking Area */

#leftnavarea {
	width: 180px;
	min-height: 400px;
	padding: 10px;
	float: left;
}

/* Left Side Links on Pages */

.linkingbox {
	width: 180px;
	min-height: 230px;
	background-color: #FFFFFF;
	border: 1px solid #999999;
	margin: 0px;
	margin-bottom: 10px;
}

/* Quick links class for left side linking box */

.quicklink {
	width: 170px;
	height: 13px;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
	border-top: 1px solid #999999;
	border-bottom: 1px solid #999999;
	margin-bottom: 7px;
	padding: 5px;
	display: block;
}

.quicklink:hover {
	text-decoration: underline;
	color: #E8E8E8;
	background-color: #205F9C;
}

/* Testimonials Box */

#testibox {
	padding: 5px;
	margin: 0;
	text-align: center;
}

/* Middle Content Section */

#middlenavarea {
	width: 425px;
	min-height: 400px;
	margin-left: 20px;
	margin-right: 20px;
	margin-top: 15px;
	margin-bottom: 30px;
	float: left;
}

.tl4up {
	width: 200px;
	margin-right: 15px;
	float: left;
}

.tr4up {
	width: 205px;
	float: right;
	text-align: left;
}

/* Right Side Linking Area */

#rightnavarea {
	width: 155px;
	min-height: 400px;
	float: right;
	padding: 10px;
}

/* Live Assistance Box */
#chatbox {
	width: 155px;
	min-height: 185px;
	background-color: #FFFFFF;
	border: 1px solid #999999;
	margin: 0px;
	margin-bottom: 10px;
}

/* Live Chat Image Placement */

#chatboximg {
	text-align: center;
	margin-top:5px;
}

/* Contact Information Box */

#contactbox {
	width: 155px;
	min-height: 230px;
	background-color: #FFFFFF;
	border: 1px solid #999999;
	margin: 0px;
	margin-bottom: 10px;
}

/* Styles for the Quick Contact Form */

/* Container Div */

#quickconform {
	width: 145px;
	padding: 5px;
	text-align: center;
	padding-bottom: 20px;
}

/*  Headings for Side Box Items  */
h2.sideboxtitle {
	font-family: trebuchet ms, verdana, arial, sans-serif;
	background-color: #205F9C;
	border-bottom: 1px solid #999999;
	padding:4px;
	color: #FFFFFF;
	height: 12px;
	vertical-align: middle;
}

/* Contact Box <p> styles */

.phonenumber {
	font-size: 14px;
	text-align: center;
	color: #FF0000;
	line-height: 22px;
	font-weight: bold;
}



/* the style for the page footer */

#pagefooter {
	font-size: 10px;
	text-align: center;
	background-color: #FFFFFF;
	border-top: 1px solid #000000;
	height: 32px;
	padding: 10px;
	line-height: 12px;
}

#footertext {
	font-family: trebuchet ms, verdana, arial, sans-serif;
	font-size: 10px;
	font-weight: normal;
	text-decoration: none;
	color: #000000;
	float: left;
}

#footercopy {
	width: 250px;
	float: right;
	
}

/* footer text styles */

#footertext p {
	font-size: 10px;
	text-decoration: none;
}

#footercopy p {
	font-size: 10px;
	text-decoration: none;
	text-align: right;
}

#footertext a, #footertext a:link, #footertext a:visited {
	font-size: 10px;
	text-decoration: none;
}

#footertext a:hover {
	font-size: 10px;
	text-decoration: underline;
}

#footercopy a {
	font-size: 10px;
	text-decoration: none;
}

.clearstyles {
	clear: both;
}	

/*****************************/
/* HOME PAGE SPECIFIC STYLES */
/*****************************/


/* Again pretty straight forward what
   this little section does holds the flash
   content on the home page */
   
.flacontenthome {
	background-color: #FFFFFF;
	border-bottom: 1px solid #000000;
	height: 325px;
	width: 850px;
}

/* Sets all the styles for the content
   area of the home page columns */
   
#homecontents {
	text-align: left;
}

#homeconleft {
	width: 305px;
	min-height: 200px;
	float: left;
	margin-top: 10px;
	margin-bottom: 20px;
	margin-left: 15px;

	
}

#homeconmiddle {
	width: 305px;
	min-height: 200px;
	float: left;
	margin-top: 10px;
	margin-bottom: 20px;
	margin-left: 0px;
	
	
}

#homeconright {
	width: 145px;
	min-height: 200px;
	float: left;
	margin-top: 10px;
	margin-bottom: 20px;
	margin-right: 10px;
	
}

/* The dividing line between columns */

.columndiv {
	border-left: 1px dotted #666666;
	width: 1px;
	height: 400px;
	margin-top: 30px;
	margin-bottom: 0px;
	margin-right: 15px;
	margin-left: 15px;
	float: left;
}

/* CSS for all RSS on Main Page */

/* begin styles for RSS Feed */

.rss_box {
	 margin: 0px 0px;
	 padding: 0px 2px;
	 width: 296px;
	 background-color: #FFFFFF;
	 border: dotted 1px #205F9C;
}

.rss_box2 {
	 margin: 0px 0px;
	 padding: 0px 2px;
	 width: 296px;
	 background-color: #FFFFFF;
	 border: dotted 1px #205F9C;
	 line-height: 120%;
}
.rss_title, rss_title a {
	color: #00429C;
	font-size: 16px;
	font-weight: bold;
	line-height: 18px;
	border-bottom: 1px solid #CCCCCC;
	text-align: left;
	margin-left: 5px;
	
}

.rss_items {
	color: #00429C;
	
  
}

.rss_item  {
  font-family: verdana, arial, sans-serif;
  font-size: 10px;
  font-weight: lighter; 
  line-height: 18px;
  margin: 5px 15px;
}

.rss_item a:link, .rss_item a:visited, .rss_item a:active {
	text-decoration : none;
	border-bottom: 1px solid #ededed;
	color: #88b;
	}

.rss_item a:hover { 
	text-decoration : none;
	color: #e0861e;
	border-bottom: 1px dotted #e0861e;
	}
	
.rss_date {
	font-size: 8px;
	font-weight : normal;
	color: #F60;
	margin-left: 20px;
	}
	
.ul {
	padding-left:5px;
	margin:0
	}	
.li {
	list-style-type:disc;
	padding-left:5px;
	}