﻿BODY {
	PADDING: 0px;  MARGIN: 0px;
	behavior: url(resources/csshover.htc); /* call hover behaviour file */
   font-size: 100%; /* enable IE to resize em fonts */
}


#header {HEIGHT: 70px; BACKGROUND-COLOR: #002C77;
	PADDING:3px; BORDER-BOTTOM:1px solid black;
 }

#subheader {  BACKGROUND-COLOR: #FFF; 
	BACKGROUND-IMAGE:url("../images/montageWebpage.jpg");
	background-repeat:repeat-x;
	HEIGHT:99px;
	BORDER-LEFT:1px solid black;
	BORDER-BOTTOM:1px solid black;	
	FONT: bold 14pt arial;
	COLOR:#fff;
 }
 
#sidebar  {WIDTH:200px; PADDING:10px 0px ;
	 BACKGROUND-COLOR: #002C77}
	 
.DSWAblue {color:#002C77}
.ForestGr {color:#006957}	
 
#footer {
 HEIGHT: 25px; BACKGROUND-COLOR: #002C77; BORDER-TOP:1px solid black; BORDER-BOTTOM:1px solid black;  }


.subheaderTitle {FONT: bold 12pt arial;
	COLOR:white;
}

.globalLinks {MARGIN-RIGHT:5px; COLOR:white}
.globalLinks A{FONT:9px Verdana,arial,helvetica,sans-serif; FONT-WEIGHT: bold;  }
.globalLinks A:link{COLOR:white}
.globalLinks A:visited{COLOR:white}
.globalLinks A:active{COLOR:yellow}
.globalLinks A:hover{COLOR:yellow}

#headerbar {
	background-color: #FFDF34;
}
#headerbar2 {
	background-color: #FFDF34;
}

#menubar {
	padding:0px; MARGIN: 0px; WIDTH: 100%;  WHITE-SPACE: nowrap;}

	
.searchselect{ WIDTH:160PX; padding:2px;
	 FONT:9pt arial,hevetica,sans-serif;
	 }
	 
.add { WIDTH:100px;
	 FONT:8pt arial,hevetica,sans-serif;
	 }
	 
.search{ 
	 FONT:8pt arial,hevetica,sans-serif;
	 }
	 
.floatright {float:right; width:180px;
		FONT-FAMILY:verdana, arial, sans-serif;
		font-size:8pt;
		border:1px solid #CCC;
		padding:6px}
		
.Products {FONT-FAMILY:verdana, arial, sans-serif;
   font-size:10pt; color:#002c77;
   border:1px solid #CCCCCC;
  border-collapse:collapse;
   }
   
   .productName {COLOR:#002c77}
   
   .productPrice {COLOR:#00894F}
   
#homespecial {BORDER-LEFT: 1px solid #000 ; BACKGROUND-COLOR: #e6edf8; width:250px; padding:20px 10px}

#homespecial LI { COLOR: #1c509b;}

#maincontent  {
	PADDING: 20px 25px;
	BORDER-LEFT:1px solid black;
}

#sidebarRt  {WIDTH:185px;
	BACKGROUND-COLOR:#FFFFCC;
	FONT: 11px arial, verdana,  sans-serif; 
	PADDING:5px 0px;
  }
  
.sidetext {
	FONT: 8pt verdana, arial, sans-serif; COLOR: #333333; LINE-HEIGHT:14pt;
}

.tinytext {
	FONT: 7pt verdana, arial, sans-serif; COLOR: #aaaaaa; LINE-HEIGHT:10pt;
}

.copyrt {
	FONT: 9px verdana, arial, sans-serif; COLOR: #999999;MARGIN:10px;
}


A:link {
	COLOR: #3366cc; TEXT-DECORATION: none
}
A:visited {
	COLOR: #3366cc; TEXT-DECORATION: none
}
A:active {
	COLOR: #3366cc; TEXT-DECORATION: none
}
A:hover {
	COLOR: #009900; TEXT-DECORATION: none
}

.schedule TD {FONT-FAMILY:verdana, arial, sans-serif;
	font-size:9pt;
 COLOR:#888}

th {BACKGROUND-COLOR:#002c77; 
   COLOR:white;
   FONT-FAMILY:verdana, arial, sans-serif;
   font-size:10pt}

.subheadcell {font-weight:bold;
   FONT-FAMILY:verdana, arial, sans-serif;
   font-size:10pt;
    COLOR:#888}
    
#notice {FONT-FAMILY:verdana, arial, sans-serif;
   font-size:9pt}
    
.formtable {FONT-FAMILY:verdana, arial, sans-serif;
   font-size:10pt;
    COLOR:#666}
    
h1,h2,h3,h4,h5,h6 {
	FONT-FAMILY:verdana, arial, sans-serif; 
	}
	
h1,h2,h3,h5 {COLOR:#002c77;}
	
h6 {font-size:8pt; color:#CCC; border-bottom:1px solid #CCC}

h4 {font-size:10pt; color:#00894F; }
h5 {font-size:10pt;  }
.underline {border-bottom:1px solid #CCC}
	
p, li, dt, dd  {
	FONT: 10pt verdana, arial, sans-serif; 
	COLOR: #666666; 
	LINE-HEIGHT:14pt;
}

.title {
	FONT: bold 18px verdana, arial, sans-serif; COLOR: #aeafbb
}
.subtitle {
	FONT: bold 12px verdana, arial, sans-serif; COLOR: #000000
}

.smalltitle {
	FONT: bold 10px verdana, arial, sans-serif; COLOR: #000000
}

dt {FONT-WEIGHT:bold;COLOR:#002c77;}
dd {MARGIN-BOTTOM:10px;}

.FAQ dt  {FONT-WEIGHT:bold;  COLOR:#002c77; MARGIN-BOTTOM:10px;text-indent:-20px; padding-left:20px}
.FAQ dd  {MARGIN-BOTTOM:10px; text-indent:-18px;padding-left:10px}

.smallWhitetext {
	COLOR: #fff;
	font: 9pt Arial;
}

.footer {
	FONT: 9px verdana, arial, sans-serif; COLOR: #999999
}

.sidebartitle {
	FONT: bold 8pt verdana, arial, sans-serif; COLOR: #FED900; margin-top:0px}
.sidebartext {
	FONT: 9pt arial  sans-serif; COLOR: #ffffff
}

.borders {
	BORDER: 1px solid #888;
}
A.sidelink:link {
	COLOR: #ffff9c; TEXT-DECORATION: none
}
A.sidelink:visited {
	COLOR: #ffff9c; TEXT-DECORATION: none
}
A.sidelink:active {
	COLOR: #ffff9c; TEXT-DECORATION: none
}
A.sidelink:hover {
	COLOR: #99ff99; TEXT-DECORATION: none
}

.sidebartext-right {
	FONT: 8pt arial, verdana,  sans-serif; COLOR: #666666;}

.linklist {
   text-indent:-7px; 
   margin-left:8px; 
   position:relative;
	top:-6px;}

.sidebarlist {font-size:8pt;}

.sidebox{
	 WIDTH: 160px; 
    PADDING: 3px; 
	 MARGIN-TOP:5px;
	 MARGIN-BOTTOM:13px;
	 BACKGROUND-COLOR: #FFF;
    TEXT-ALIGN: left; 
	 -moz-border-radius: 5px; 
	 display:block;
	 border:1px solid #CCC;
}
.legend {
   PADDING-RIGHT: 5px; 
	PADDING-LEFT: 5px; 
	PADDING-BOTTOM: 2px; 
	PADDING-TOP: 2px;
	BORDER: #999999 1px solid; 
	FONT: bold 8pt arial, verdana, sans-serif; 
	COLOR: #000000;  
	BACKGROUND-COLOR: lightgreen;
	width:100px;
	position:relative;
	top:-10px;
	left:5px;
}

.page-splits {
	BORDER: #9698ab 1px solid; 
	COLOR: #f0f0f6; 
	BACKGROUND-COLOR: #f0f0f6;
   WIDTH: 100%; 
   HEIGHT: 5px;
}

.pagesplits {
	BORDER: #9698ab 1px solid; 
	COLOR: #f0f0f6; 
	BACKGROUND-COLOR: #f0f0f6;
   WIDTH: 100%; 
   HEIGHT: 3px;
}
/* ///////////////////styles for dropdown menus*/
	
#menunav {
    WIDTH:200px;  MARGIN: 0px; PADDING:0px; WHITE-SPACE: nowrap; LIST-STYLE-TYPE: none; BORDER-TOP:0px solid #888;
}
#menunav UL {
   WIDTH: 200px;  MARGIN: 0px; PADDING: 0px;  WHITE-SPACE: nowrap; LIST-STYLE-TYPE: none
}
#menunav LI { float: left; BORDER-BOTTOM: 0px solid #888; BORDER-TOP:0px; WHITE-SPACE: nowrap; 
   MARGIN: 0px; PADDING:0px;  BACKGROUND-COLOR: #002C77;}
   
   .lightgreen {color:#A8C5AB}
	  
#menunav A {
    DISPLAY: block; MARGIN: 0px;  PADDING-RIGHT: 0px; PADDING-LEFT: 0px;  PADDING-BOTTOM: 5px; PADDING-TOP: 3px;
	FONT: normal 9pt Arial, sans-serif; CURSOR: pointer; COLOR: #FFF;  TEXT-ALIGN: right; TEXT-DECORATION: none; 
}
	
#menunav LI A:hover {
	 CURSOR: pointer; COLOR: #000; TEXT-DECORATION: none; BACKGROUND-COLOR: #FED900 }
	 
#menunav ul li {
float: left; /* cure IE5.x "whitespace in lists" problem */
width: 100%;
}

#menunav ul li a {
height: 1%; /* make links honour display: block; properly */
} 

#menunav a {
/* font: bold 0.7em/1.4em arial, helvetica, sans-serif; 
/* if required use em's for IE as it won't resize pixels */
} 

/* ///////////////////styles for dropdown box links*/

#menunav LI UL A {
	   MARGIN: 0px; PADDING-LEFT: 2px; PADDING-RIGHT: 2px;  PADDING-BOTTOM: 5px; PADDING-TOP: 3px;
	   FONT: 9pt arial, sans-serif; 
	   COLOR: #666666; TEXT-ALIGN: left; TEXT-DECORATION: none;
	   BACKGROUND-COLOR: #FFFFEF;
	   
	   }

#menunav LI UL A:hover {
     MARGIN: 0px; PADDING-LEFT: 2px; PADDING-RIGHT: 2px; PADDING-BOTTOM: 5px; PADDING-TOP: 3px;
	  COLOR: #000000; TEXT-DECORATION: none;
	  BACKGROUND-COLOR: #FED900 ;
}

/* ///////////////////styles for dropdown box outer container and makes it offscreen*/

#menunav LI UL {
   BORDER-LEFT:1px solid #c0c0c0 ; BORDER-RIGHT:1px solid #c0c0c0 ; BORDER-BOTTOM:1px solid #c0c0c0 ;
	LEFT: -2000px; MARGIN: 0px; POSITION: absolute; 
}

/* /////////////////makes dropdown box appear */

#menunav LI:hover UL {
	LEFT: 200px; MARGIN-TOP:-23PX }
	
#menunav LI.IEMhover UL {
	LEFT: 200px;  MARGIN-TOP:-23PX
}

/* ///////////////////styles for dropdown box inner items*/

#menunav LI UL LI {BORDER-BOTTOM: 0px; 	  
	Border-top: 1px solid #c0c0c0 ; BACKGROUND-COLOR: #FFFFEF
}

#menunav LI UL LI:hover { 	  
	Border-top: 1px solid #c0c0c0 ;BACKGROUND-COLOR: #FED900 ;
}

#menunav LI UL LI.IEMhover {
	 Border-top: 1px solid #c0c0c0 ; BACKGROUND-COLOR: #FED900 ;
}