*{margin:0;padding:0;}
/* html, body { height: 100%; margin: 0; padding: 0; } */
/* general body classes */

.req {font-family: verdana, helvetica, arial;font-size:12px;line-height:14px;color:#cc0000;}
.homehead {font-family: verdana, helvetica, arial; font-size:12px; line-height:14px; color:#FFFFFF;}
.homecontent {font-family: verdana, helvetica, arial; font-size:10px; line-height:14px; color:#FFFFFF;}
.content {font-family: verdana, helvetica, arial; font-size:12px; line-height:14px; color:#000000;}
.greydout {font-family: verdana, helvetica, arial; font-size:12px; line-height:14px; color:#878787;}
.super {font-family: verdana, helvetica, arial; font-size:7px; line-height:8px; color:#000000;}
.super2 {font-family: verdana, helvetica, arial; font-size:8px; line-height:8px; color:#1658AD;}
.cprgt {font-family: verdana, helvetica, arial; font-size:9px; line-height:10px; color:#B9C6DA;}
.bluecontent {font-family: verdana, helvetica, arial; font-size:12px; line-height:14px; color:#1658AD;}
.blueside {font-family: verdana, helvetica, arial; font-size:10px; line-height:14px; color:#1658AD;}
.lefttitle {font-family: verdana, helvetica, arial; font-size:12px; line-height:18px; color:#1658AD;}
.lefttitle2 {font-family: verdana, helvetica, arial; font-size:12px; line-height:36px; color:#1658AD;}
.lefttitle3 {font-family: verdana, helvetica, arial; font-size:12px; line-height:18px; color:#1658AD;font-weight:bold;}
.lefttitle4 {font-family: verdana, helvetica, arial; font-size:10px; line-height:18px; color:#1658AD;font-weight:bold;}
.lefttitle4 a {font-family: verdana, helvetica, arial; font-size:10px; line-height:18px; color:#1658AD;font-weight:bold;}
.righttitle {font-family: verdana, helvetica, arial; font-size:12px; line-height:16px; color:#1658AD;}
.contenttitle {font-family: verdana, helvetica, arial; font-size:16px; line-height:20px; color:#1658AD;}
.contentpunch {font-family: verdana, helvetica, arial; font-size:20px; font-weight:bold; line-height:24px; color:#1658AD;}
.hometitle {font-family: verdana, helvetica, arial; font-size:18px; font-weight:bold; line-height:22px; color:#1658AD;}
.subtitle {font-family: verdana, helvetica, arial; font-size:14px; font-weight:bold; line-height:16px; color:#1658AD;}
.sitemap {font-family: verdana, helvetica, arial; font-size:10px; line-height:14px; color:#000000;}
.righthead {font-family: verdana, helvetica, arial; font-size:10px; font-weight:bold; line-height:12px; color:#E6E6E6;}
.leftcpy {font-family: verdana, helvetica, arial; font-size:10px; line-height:12px; color:#777777;}

DIV.bar {position:absolute; left:0px; top:0px; width:209px; height:100%; background-color:#E6E6E6;}
DIV.bar2 {position:absolute; left:0px; top:0px; width:209px; height:100%; background-color:#E6E6E6;}

a {font-family: verdana, helvetica, arial; font-size:12px; line-height:16px; color:#1658AD; }
/*a:hover {font-family: verdana, helvetica, arial; font-size:12px; line-height:16px; color:#999999;}*/
a.link{font-family: verdana, helvetica, arial; font-size:12px; line-height:16px; color:#1658AD;}

/* topnav classes */
a.midnav {font-family: verdana, helvetica, arial; font-size:10px; line-height:16px; color:#1658AD; text-decoration:underline;}
a.midnav:hover {font-family: verdana, helvetica, arial; font-size:10px; line-height:16px; color:#FFFFFF; text-decoration:underline;}
a.midnavon {font-family: verdana, helvetica, arial; font-size:10px; line-height:16px; color:#FFFFFF; text-decoration:underline;}
a.grey {font-family: verdana, helvetica, arial; font-size:10px; font-weight:bold; line-height:12px; color:#999999; text-decoration:underline;}
a.grey:hover {font-family: verdana, helvetica, arial; font-size:10px; font-weight:bold; line-height:12px; color:#1658AD; text-decoration:underline;}
a.pop {font-family: verdana, helvetica, arial; font-size:10px; line-height:16px; color:#999999;}
a.pop:hover {font-family: verdana, helvetica, arial; font-size:10px; line-height:16px; color:#FFFFFF;}
a.stmp {font-family: verdana, helvetica, arial; font-size:10px; line-height:14px; color:#1658AD;}
a.stmp:hover {font-family: verdana, helvetica, arial; font-size:10px; line-height:14px; color:#999999;}
a.greysm {font-family: verdana, helvetica, arial; font-size:10px; line-height:16px; color:#999999;}
a.greysm:hover {font-family: verdana, helvetica, arial; font-size:10px; line-height:16px; color:#1658AD;}
a.cpr {font-family: verdana, helvetica, arial; font-size:9px; line-height:10px; color:#B9C6DA; text-decoration:none;}
a.cpr:hover {font-family: verdana, helvetica, arial; font-size:9px; line-height:10px; color:#B9C6DA; text-decoration:underline;}
a.cpr2 {font-family: verdana, helvetica, arial; font-size:9px; line-height:10px; color:#1658AD; text-decoration:none;}
a.cpr2:hover {font-family: verdana, helvetica, arial; font-size:9px; line-height:10px; color:#1658AD; text-decoration:underline;}


/* mainnav classes */
.mainCopy { position: absolute; top: 0px; left: 0px; visibility: visible; z-index: 1; }
.mainHot { position: absolute; top: 0px; left: 0px; visibility: visible; z-index: 2; }
.topnav {font-family: verdana, helvetica, arial; font-size:10px; font-weight:bold; line-height:12px; color:#CACACA;}
.topnavon {font-family: verdana, helvetica, arial; font-size:10px; font-weight:bold; line-height:16px; color:#FFFFFF;}
.subtxt {font-family: verdana, helvetica, arial; font-size:10px; line-height:16px; color:#FFFFFF;}
.leftnav {font-family: verdana, helvetica, arial; font-size:10px; line-height:10px; color:#496094;}
.leftnavon {font-family: verdana, helvetica, arial; font-size:10px; font-weight:bold; line-height:10px; color:#FFFFFF;}

/* my style */

#header {height:115px;width:1007px;background-image:url("http://www.accuweather.com/weatherdata/html/images/home-clouds.jpg");background-position:top right; background-repeat:no-repeat;}
#topWrap {width:1022px; background-color:#496A9E;}
#topNav {clear:both;height:24px;width:1022px;background-image:url("http://www.accuweather.com/weatherdata/html/images/blackBg.jpg");background-position:top left; background-repeat:repeat-x;}
.nav {float:left;background-color: black;}
#leftNav {margin-bottom:150px;float:left;width:168px;background-color:#e6e6e6;}
#leftNavTop {padding-left:15px;padding-right:25px;margin-top:60px;padding-bottom:60px;border-bottom:dotted 2px black;margin-bottom:6px;}
#leftNavMid {padding-left:5px;padding-right:25px;}
#moreInfo {float:left;padding-left:15px;padding-right:13px;font-family:Arial;font-size:11px;width:140px;}
#moreInfo a {font-family:Arial;font-size:11px;color:#1658AD;}
#mainContent {float:left;background-color:#3A5F96;width:445px;}
#productContent {float:left;background-color:#FFFFFF;padding:10px;border-right:dotted 2px #a6a6a6;}
#rightNav {margin-bottom:150px;float:left;background-color:#E6E6E6;width:177px;padding-top:20px;}
#rightWrapper {width:146px;padding-left:10px;}
#rightNavProduct {margin-bottom:150px;float:left;background-color:#ffffff;padding-top:20px;}
.testimonialText {font-family:Verdana;font-size:10px;color:#333333;line-height:14px;}
.testimonialAuthor {padding-top:5px;font-family:Verdana;font-size:10px;color:#1658AD;}
.testimonialAuthor a {padding-top:5px;font-family:Verdana;font-size:10px;color:#1658AD;}
.dotBorder {border-bottom:dotted 2px black;margin-top:25px;margin-bottom:25px;}
#footer {clear:both;width:792px;}
#footer2 {clear:both;width:1024px;}
#inTheNews {width:172px;float:left;padding:2px;border-top:dotted 2px black;font-weight:bold;font-size:12px;}
#greyBar {width:1022px;background-color:#aaaaaa;}
#cloudBar  {border-top:solid 2px white;border-bottom:solid 2px white;width:1022px;height:53px;}
.dotBorder2 {border-top:dotted 2px #a6a6a6; border-bottom:dotted 2px #a6a6a6;}
#leftNavProd {float:left;width:168px;background-color:#e6e6e6;margin-bottom:150px;}
#contentWrapper {width:655px;position:relative;}
.productHeadline {font-family:Verdana;font-size:12px;font-weight:bold;color:#1658AD;}
.productBodyText {font-family:Verdana;font-size:12px;color:#000000;margin-bottom:17px;}
.productBodyText2 {font-family:Verdana;font-size:12px;color:#000000;}
.bulletIndent {margin-left:20px;}
#pageWrapper {float:left;width:1024px;}
.footerLinks {color:#245DA2;font-family: verdana, helvetica, arial; font-size:9px; line-height:10px;text-decoration:none;}
.footerLinks:hover {font-family: verdana, helvetica, arial; font-size:9px; line-height:10px; color:#000000; text-decoration:underline;}
.bold {font-weight:bold;}



/* new menu */
dl, dt, dd, ul, li {margin: 0;padding: 0;list-style-type: none;color: #000000;}
#menu {margin-top:30px;}
#menu dt {cursor: pointer;padding-left: 5px;height: 20px;line-height: 20px;margin: 0px 0;border-top: 2px dotted #a9a9a9;text-align: left;}
#menu dt:hover {background-color:#BACAE4;}
#menu dt a {color: #1658AD;text-decoration: none;display: block;padding-top:3px;}
#menu dd {position: absolute;margin-left: 40px;z-index: 100;left: 8em;margin-top: -1.30em;width: 10em;background: #999999;border-top: 1px solid #AFAFAF;}
#menu ul {padding: 0px;}
#menu li {font-size: 11px;height: 18px;line-height: 18px;}
#menu li a {font-size:11px;padding-left: 10px;color: #fff;text-decoration: none;display: block;}
#menu li a:hover {text-decoration: none;color: #ffffff;background-color: #1658AD;}
.spwhite {font-family: verdana, arial, sans-serif;font-size: 11px;color: #1658AD;}
.rightArrow {background: #e6e6e6 url("http://web18.accuweather.com/weatherdata/html/images/arrow7.gif") no-repeat right;}
