* { margin: 0px; padding: 0px; }
body { font: 75% Arial,Tahoma; color: #000000; margin-left: 5px; margin-right: 5px; padding: 0px; background-color: #f4f4f4; }
h1 { font-size: 180%; font-weight: bold; color: #666666; width: 100%; } 
h2 { font-size: 140%; font-weight: bold; padding-top: 10px; padding-bottom: 0px; margin: 10px 0px 0px 0px; color: #000000; }
h3 { font-size: 130%; font-weight: bold; padding-top: 10px; padding-bottom: 0px; margin: 10px 0px 0px 0px; color: #666666; }
h4 { font-size: 110%; font-style: italic; font-weight: normal; margin: 10px 0px 0px 0px; }
h5 { font-size: 105%; font-weight: bold; margin: 4px; }
h6 { font-size: 100%; font-weight: normal; margin-left: 10px; color: #000000; }
td, th { font: 100% Arial,Tahoma; }
p { margin: 10px 10px 0px 0px; text-align: left; text-indent: 0px; line-height: 150%; }
img { border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; }
textarea { border: solid 1px #2967a7; text-align: left; margin: 0px; font-weight: normal; color: #000058; padding: 5px;	font: 100% Arial, sans-serif; } 
a, a:link, a:visited { font-weight: bold; color: #0088cc; text-decoration: none; }
a:hover, a:active {	font-weight: bold; color: #0088cc; text-decoration: underline; }
blockquote { padding-left:10px; }
hr { height:1px; color:#CCCCCC; border:1px solid #CCCCCC; margin:0px 10px;}

#pagewrapper { margin-left:auto; margin-right:auto; margin-top: 20px; min-width:980px; max-width:980px; width:980px; }
.wpabody {font-family:Trebuchet MS, Arial; font-size:12px}

#header {  clear: both; height: 60px; background: url(../images/navbar.png) no-repeat 0px 0px; padding-bottom: 0px; padding-top: 0px; margin-top: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; z-index: 1; position: relative; }
#header h1 { float: left; text-indent: -9999px; height: 60px; width: 140px; }
#header h1 a { height: 60px; width: 140px; display: block; }
#header h1:hover { background: transparent url(../images/navbar-logo-home.png) no-repeat 0px 0px;}
#headerstrap { display: none; }
#productheaderstrap { display: none; }
 
#maincontent { clear: both; width: 980px; }

#primarynav { padding: 10px 0px; clear: both; width: 980px; z-index: 1000; position:relative; }
#primarynav ul { list-style-type: none; padding: 0px; margin:  -70px auto 0px 324px; z-index: 1000; }
#primarynav li { list-style: none; float: left; width: auto; clear: right; white-space: nowrap; padding: 0px; vertical-align: middle; border-left: solid 1px #333; } 
#primarynav a {font-size: 100%; display: block; text-align: center; text-decoration: none; font-weight: bold; padding: 22px 0px 22px 0px; width:130px; overflow: hidden; vertical-align: middle;}
#primarynav li a:link { text-decoration: none; color: #FFF; vertical-align: middle; font-weight: bold; }
#primarynav li a:visited { text-decoration: none; color: #FFF; font-weight: bold; }
#primarynav li a:hover { text-decoration: none; background-color: #333; color: #FFF; font-weight: bold; }
#primarynav li a:active { text-decoration: none; font-weight: bold; }

/* mac hide \*/
* html #primarynav ul, .primarynav ul, #eclaimnav ul {height:70px;position:relative; margin: -70px auto 0px 147px; z-index: 1000;}
/* end hide */ 

.primarynav { padding: 10px 0px; clear: both; width: 980px; z-index: 1000; position:relative; }
.primarynav ul { list-style-type: none; padding: 0px; margin:  -70px auto 0px 147px; z-index: 1000; }
.primarynav li { list-style: none; float: left; width: auto; clear: right; white-space: nowrap; padding: 0px; vertical-align: middle; border-left: solid 1px #333; } 
.primarynav a {font-size: 100%; display: block; text-align: center; text-decoration: none; font-weight: bold; padding: 22px 0px 22px 0px; width:103px; overflow: hidden; vertical-align: middle;}
.primarynav li a:link { text-decoration: none; color: #FFF; vertical-align: middle; font-weight: bold; }
.primarynav li a:visited { text-decoration: none; color: #FFF; font-weight: bold; }
.primarynav li a:hover { text-decoration: none; background-color: #333; color: #FFF; font-weight: bold; }
.primarynav li a:active { text-decoration: none; font-weight: bold; }

/*this line float:none; [float:left;] was added to fix a non-standard CSS,in Firefox3 we need to have float none but in IE we need float left*/
#bodytext {float:none; [float:left;] clear:right; padding: 15px 14px 30px 14px; margin-right: 0px; background-color: #FFFFFF; border: solid 1px #CCC; min-height: 400px; }
#bodytext h1 { margin: 0px 10px 0px 0px; padding: 5px 0px 5px 0px; color: #666666; display: block; }
#bodytext ul { margin: 5px; padding: 0px; line-height: 130%; }
#bodytext li { margin: 0px 20px; padding-top: 3px; padding-bottom: 2px; text-align: left; list-style: none; background:  url(../images/arrow.gif) no-repeat 0px 9px; padding-left: 14px; }
#secondarynav+#bodytext {float:none; clear:right; margin-left:180px; } 
#maincontent+#bodytext { margin-left: 0px; }

.bodytext {float:none; [float:left;] clear:right; padding: 15px 14px 30px 14px; margin-right: 0px; background-color: #FFFFFF; border: solid 1px #CCC; min-height: 400px; }
.bodytext h1 { margin: 0px 10px 0px 0px; padding: 5px 0px 5px 0px; color: #000; display: block; }
.bodytext ul { margin: 5px; padding: 0px; line-height: 130%; }
.bodytext li { margin: 0px 20px; padding-top: 3px; padding-bottom: 2px; text-align: left; list-style: none; background:  url(../images/arrow.gif) no-repeat 0px 9px; padding-left: 14px; }
#secondarynav+.bodytext {float:none; clear:right; margin-left:180px; } 
#maincontent+.bodytext { margin-left: 0px; }

#mainbodytext { margin-left: 350px; padding: 10px}

#footer { margin-top:20px; width: 973px; clear: both; padding: 5px 0px 0px 5px; font-size: 10px; color: #000; border:1px solid #999; background-color:#CCC; height:28px; position: relative; }
#footer a:link, #footer a:visited { font-weight: normal; color: #000; text-decoration: none; }
#footer a:hover { font-weight: normal; color: #0088cc; text-decoration: none; }
#footer a:active { font-weight: normal; color: #999; text-decoration: none; }
#printerfriendly  { clear: both; float: right; background: #CCC; color: #000; margin-right: 5px;}
#copyright { text-align: left; background: #ffffff; }
#sizer { font-size: 12px; font-weight:bold; margin-bottom: 5px; color: #FFFFFF; }

.headerPhone { color:White; text-align: right; font-weight: bold; font-family: Verdana; }

.clear { clear: both; display: block; height: 1px; overflow: hidden; margin: 0; padding: 0; }
.textarea { border: solid 1px #2967a7; text-align: left; margin: 0px; font-weight: normal; color: #000058; padding: 0px; font: 100% Arial, sans-serif; } 
.imgborder {border:1px solid #0088cc;}

.datatable { background: #EEE; width: 90%; margin: 5px 0px 5px 0px; border: 1px solid #CCC; float: none; }
.datawrapper>.datatable, #bodytext>.datatable {	clear: none;  } /* for firefox, fixes clear:both in .datable which is fore IE */
.datawrapper>.bluedatatable, #bodytext>.bluedatatable { clear:none; margin-left:auto; margin-right:auto; }
.datatable th,.tableheader, .tableheader td { font-weight: bold; background-color: #CCC; border-top: 1px solid #999; border-right: 1px solid #999; border-bottom: 1px solid #999; border-left: 1px solid #999; padding: 2px; }
.datatable td { border-top: 1px solid #999; border-right: 1px solid #999; border-bottom: 1px solid #999; border-left: 1px solid #999; padding: 2px; }

.datafield { color: #000000; margin: 2px; padding: 1px; border: 1px solid #2967a7; } 
.formfield { color: #000000; margin: 2px; padding: 1px; border: 1px solid #2967a7; } 
.formtextreadonly {	background-color: #DBDBDB; color: #666666;	border: 1px solid #A6B7C7; } 
.formbuttons { color: #000000; background-color: #CDD5E0; text-align: center; margin: 2px; padding: 1px; border-top: 1px solid #F1F5F8; border-right: 1px solid #878BAB; border-bottom: 1px solid #878BAB; border-left: 1px solid #F1F5F8; } 

.simplebox { background: #EEE; margin: 5px auto; padding: 5px; border: 1px solid #000; }
.errorMsg { font-weight: bold; color: #FF0000; text-align: center; font-size: 110%; display:block; margin-left:auto; margin-right:auto; width: 80%; }

.alignbottom { vertical-align: bottom; }
.alignmiddle { vertical-align: middle; }
.aligntop { vertical-align: top; }
.alignright { float: right; }
.alignleft { float: left; }
.center { text-align: center; }
.spaced { margin-right: 10px; }
.small { font-size: 90%; } 
.large { font-size: 16px; font-weight: bold; font-weight: bolder; color: #005bc3 }
.formtext { color: #000000;	margin: 2px; padding: 1px; border: 1px solid #2967a7; } 

.p140 { font-size: 140%; font-weight: bold; padding-top: 10px; padding-bottom: 0px; margin: 10px 0px 0px 0px; color: #000000; }
.p130 { font-size: 130%; font-weight: bold; padding-top: 10px; padding-bottom: 0px; margin: 10px 0px 0px 0px; color: #666666; }

.wpatable {background-image:url('/images/bkg_wpa.gif'); border:1px solid #000; float: left; clear:both; margin-bottom: 30px; }
.wpatable td {padding-left:10px; font-size:12px; padding-top:8px; padding-bottom:8px; padding-right:10px;}
.wpatable th {background-color:#CCC; font-weight:bold; font-size:13px; color:black; vertical-align:middle; text-align:left; padding-left:10px; padding-right:10px; height:22px}
.wpatable th a {color:White;}
.wpatable th.center {text-align:center;}

.wpadatagrid {background-image:url('/images/bkg_wpa.gif'); border:1px solid #0889B4}
.wpadatagrid tr.highlighted, .highlighted{background-color:#0088cc;}
.wpadatagrid td {vertical-align:middle; padding:2px; font-size:12px;}
.wpadatagrid th {background-color:#CCC; font-weight:bold; font-size:12px; color:black; vertical-align:middle; text-align:center; padding:2px;}
.wpadatagrid th a {color:White;}

.wpainput {border:1px solid #2967a7; width:200px}
.wpainputreadonly {border:1px solid #2967a7; width:200px; background-color:#DDDDDD;}

.wpatextarea {border:1px solid #2967a7; padding:0px;}
.wpatextareareadonly {border:1px solid #2967a7; background-color:#DDDDDD; padding:0px;}

.wpabutton {cursor:pointer; color:white; font-family:Arial; font-size:12px; font-weight:bold; background-image:url(/images/btn.png); height:24px; width:98px; border:none; background-color:transparent; }
.wpabutton[disabled] {cursor:default; color:#CCC; font-family:Arial; font-size:12px; font-weight:bold; background-image:url(/images/btn.png); height:24px; width:98px; border:none; background-color:transparent; }
.wpabuttondisable {font-size:12px;width:200px; height:25px; border-style:none}
.buttonsmall {cursor:pointer; color:white; font-family:Arial; font-size:12px; font-weight:bold; background-image:url(/images/btn.png); height:24px; width:98px; border:none; background-color:transparent; }
.buttonsmall[disabled] {cursor:default; color:#CCC; font-family:Arial; font-size:12px; font-weight:bold; background-image:url(/images/btn.png); height:24px; width:98px; border:none; background-color:transparent; }
.buttonsmallest {cursor:pointer; color:white; font-family:Arial; font-weight:bold; font-size:13px; background-image:url(/images/btn.png); height:24px; width:98px; border:none; background-color:transparent; }
.buttonsmallest[disabled] {cursor:default; color:#CCC; font-family:Arial; font-weight:bold; font-size:13px; background-image:url(/images/btn.png); height:24px; width:98px; border:none; background-color:transparent; }
.buttonmedium {cursor:pointer; color:white; font-weight:bold; font-size:13px; background-image:url(/images/btnMedium.png); width:150px; height:24px; border:none; background-color:transparent; }
.buttonmedium[disabled] {cursor:default; color:#CCC; font-weight:bold; font-size:13px; background-image:url(/images/btnMedium.png); width:150px; height:25px; border:none; background-color:transparent; }
.buttonlarge {cursor:pointer; text-align: center; color:white; font-weight:bold; font-size:13px; background-image:url(/images/btnLarge.png); width:250px; height:24px; border:none; background-color:transparent; }
.buttonlarge[disabled] {cursor:default; color:#CCC; font-weight:bold; font-size:13px; background-image:url(/images/btnLarge.png); width:250px; height:25px; border:none; background-color:transparent; }
a.whitelink { color: #FFF; text-decoration: none; vertical-align:middle;}
a.whitelink:link { color: #FFF; text-decoration: none}
a.whitelink:visited { color: #FFF; text-decoration: none}
a.whitelink:hover { color: #FFF; text-decoration: none; cursor: pointer }

.buttonlike { background-color: #006699; font-weight: bold; color: #FFF; text-align: center; } 
.buttonlike a:link { color: #FFF; text-decoration: none; background-color: #006699; display: block; padding: 5px; border: solid 2px #E5EEF9; } 
.buttonlike a:visited { color: #FFF; text-decoration: none; background-color: #006699; display: block; padding: 5px; border: solid 2px #E5EEF9; } 
.buttonlike a:hover { color: #000; text-decoration: none; }  

/* for iPhone */
@media screen and (max-device-width: 480px) { html { -webkit-text-size-adjust: none; } }