/* EPC Home Page Styles */

body{margin:0; padding:0; background:#ebebeb url(../images/bkg.jpg) repeat-x}


/* Text Styles */
p{margin:0; padding:0;}

#main_container{margin:0 auto; padding:0; width:800px;}

#top_container{margin:0 auto; padding:0; width:800px; height:101px; background:url(../images/topNav_bkg.jpg) no-repeat 0 0}

#top_leftCon{margin:0; padding:0; width:317px; height:101px; float:left;}

#top_rightCon{margin:0; padding:0; width:484px; height:101px; float:left}


/* EPC Logo */
#logo{margin:0; padding:0; width:304px; height:101px; display:block}
#logo a{margin:0; padding:0; width:304px; height:101px; display:block}
#logo a:hover{margin:0; padding:0; width:304px; height:101px; display:block}


/* Top Search Area */
.top_input{margin:2px 0 0 0; padding:4px; background:#fff; border:1px solid #003b52; width:316px; float:left; font: normal 12px/14px Verdana, Arial, Helvetica, sans-serif; color:#003b52}

#searchBtn{margin:0 0 0 10px; padding:0; width:85px; height:29px; background:url(../images/top_searchBtn.png) no-repeat; font: bold 12px/14px "Trebuchet MS", Verdana, sans-serif; color:#cbe7ff; text-align:center; text-decoration:none; display:block; float:left}
#searchBtn a{margin:0; padding:8px 0 0 0; width:85px; height:21px; background:url(../images/top_searchBtn.png) no-repeat; font: bold 12px/14px "Trebuchet MS", Verdana, sans-serif;  color:#cbe7ff; text-decoration:none; text-align:center; display:block; float:left}
#searchBtn a:hover{margin:0; padding:8px 0 0 0; width:85px; height:21px; background:url(../images/top_searchBtn.png) no-repeat; font: bold 12px/14px "Trebuchet MS", Verdana, sans-serif;  color:#cbe7ff; text-decoration:underline; text-align:center; display:block; float:left}

/* Top Navigation Controls */
#topNav{margin:16px 0 0 0; padding:0; width:475px; height:32px; background:url(../images/topNav_bkg.png) no-repeat 0 0; float:left}

#nav1_btn{margin:0; padding:0; width:114px; height:22px; font:normal 11px/12px "Trebuchet MS", Verdana, sans-serif; color:#fff; text-decoration:none; text-align:center; display:block; float:left}
#nav1_btn a{margin:0; padding:10px 0 0 0; width:114px; height:22px; font:normal 11px/12px "Trebuchet MS", Verdana, sans-serif; color:#fff; text-decoration:none; text-align:center; display:block; float:left}
#nav1_btn a:hover{margin:0; padding:10px 0 0 0; width:114px; height:22px; font:normal 11px/12px "Trebuchet MS", Verdana, sans-serif; color:#cbe7ff; text-decoration:none; text-align:center; display:block; float:left}

#nav2_btn{margin:0; padding:0; width:138px; height:22px; font:normal 11px/12px "Trebuchet MS", Verdana, sans-serif; color:#fff; text-decoration:none; text-align:center; display:block; float:left}
#nav2_btn a{margin:0; padding:10px 0 0 0; width:138px; height:22px; font:normal 11px/12px "Trebuchet MS", Verdana, sans-serif; color:#fff; text-decoration:none; text-align:center; display:block; float:left}
#nav2_btn a:hover{margin:0; padding:10px 0 0 0; width:138px; height:22px; font:normal 11px/12px "Trebuchet MS", Verdana, sans-serif; color:#cbe7ff; text-decoration:none; text-align:center; display:block; float:left}

#nav3_btn{margin:0; padding:0; width:223px; height:22px; font:normal 11px/12px "Trebuchet MS", Verdana, sans-serif; color:#fff; text-decoration:none; text-align:center; display:block; float:left}
#nav3_btn a{margin:0; padding:10px 0 0 0; width:223px; height:22px; font:normal 11px/12px "Trebuchet MS", Verdana, sans-serif; color:#fff; text-decoration:none; text-align:center; display:block; float:left}
#nav3_btn a:hover{margin:0; padding:10px 0 0 0; width:223px; height:22px; font:normal 11px/12px "Trebuchet MS", Verdana, sans-serif; color:#cbe7ff; text-decoration:none; text-align:center; display:block; float:left}

/* Banner Area*/
#banner{margin:0; padding:15px 0 0 17px; width:783px; height:50px; background:url(../images/bannerBkg_home.jpg) no-repeat; clear:both}

.bannerTitle{font:normal 22px/24px Helvetica, sans-serif; color:#fff;}

#bannerList{margin:0; padding:0;}
#bannerList ul{margin:0; padding:0; list-style:none}
#bannerList li{margin:0; padding:0; display:inline; list-style:none; margin:0; padding:0; font:normal 11px/12px "Trebuchet MS", Verdana, sans-serif; text-align:left; text-decoration:none; color:#b0b1b1}
#bannerList a{margin:0; padding:0 10px 0 0; font:normal 11px/12px "Trebuchet MS", Verdana, sans-serif; text-align:left; text-decoration:none; color:#7fc5e5; background:url(../images/bannerList_arrows.gif) no-repeat right 5px}
#bannerList a:hover{margin:0; padding:0 10px 0 0; font:normal 11px/12px "Trebuchet MS", Verdana, sans-serif; text-align:left; text-decoration:underline; color:#7fc5e5}


/* Content Area */
#content{margin:0; padding:15px 15px 0 15px; background:#ebebeb url(../images/content_bkg.jpg) no-repeat 0 0; width:770px; float:left}

#left_col{margin:0; padding:0; width:536px; float:left}

#right_col{margin:0; padding:0; width:218px; float:right}


/* Hotspot 1 Styles */
#hotspot1{margin:0; padding:0; width:536px; height:226px; background:url(../images/index_hot1_bkg.jpg) no-repeat}

#redBulletList{margin:0; padding:0;}
#redBulletList ul{margin:0; padding:80px 0 0 20px; list-style:none}
#redBulletList li{margin:0; padding:0 0 5px 20px; font:normal 14px/16px "Trebuchet MS", Verdana, sans-serif; color:#fff; text-decoration:none; background:url(../images/redBullet.png) no-repeat 0 0}
#redBulletList a{font:normal 14px/16px "Trebuchet MS", Verdana, sans-serif; color:#fff; text-decoration:none;}
#redBulletList a:hover{font:normal 14px/16px "Trebuchet MS", Verdana, sans-serif; color:#cc0000; text-decoration:none;}

a.hot1Link:link, a.hot1Link:active, a.hot1Link:hover, a.hot1Link:visited{color:#cc0000; text-decoration:underline; font:normal 14px/16px "Trebuchet MS", Verdana, sans-serif;}


/* Hotspot 2 Styles */
#hotspot2{margin:15px 0 0 0; padding:0; width:260px; height:229px; background:url(../images/index_hot2_bkg.jpg) no-repeat; float:left;}
#hotspot2 a{margin:0; padding:0; width:260px; height:229px;display:block; text-decoration:none}
#hotspot2 a:hover{margin:0; padding:0; width:260px; height:229px;; text-decoration:none}
#hotspot2_txt{margin:0; padding:150px 0 0 25px; width:200px; font:normal 11px/12px "Trebuchet MS", Verdana, sans-serif; color:#bee0f2}


/* Hotspot 3 Styles */
#hotspot3{margin:15px 0 0 0; padding:0; width:260px; height:229px; background:url(../images/index_hot3_bkg.jpg) no-repeat; float:right; display:block}
#hotspot3 a{margin:0; padding:0; width:260px; height:229px;display:block; text-decoration:none}
#hotspot3 a:hover{margin:0; padding:0; width:260px; height:229px;; text-decoration:none}
#hotspot3_txt{margin:0; padding:150px 0 0 25px; width:200px; font:normal 11px/12px "Trebuchet MS", Verdana, sans-serif; color:#bee0f2}


/* More News Link Styles */
#moreNews{margin:0; padding:0; width:218px; height:33px; background:url(../images/index_morenewsTitle.jpg) no-repeat}

#morenewsLinks{margin:0; padding:8px; width:200px; border:1px solid #bacad2; vertical-align: bottom; /* This fixes the IE5 Win gap! */}
#morenewsLinks ul{margin:0 auto; padding:0; font:normal 11px/12px "Trebuchet MS", Verdana, sans-serif; color:#2b5871; vertical-align: bottom; /* This fixes the IE5 Win gap! */ }
#morenewsLinks li{margin:10px 0 0 0; padding:0 31px 10px 10px; list-style:none; background:url(../images/index_morenewsIcons.gif) no-repeat 0 0; border-bottom:1px solid #bacad2; vertical-align: bottom; /* This fixes the IE5 Win gap! */}
#morenewsLinks a{margin:0; padding:0; font:normal 11px/12px "Trebuchet MS", Verdana, sans-serif; color:#2b5871; text-decoration:none; vertical-align: bottom; /* This fixes the IE5 Win gap! */}
#morenewsLinks a:hover{margin:0; padding:0; text-decoration:none; color:#a21515; vertical-align: bottom; /* This fixes the IE5 Win gap! */}


/* Quick Links Styles */
#quickLinks{margin:20px 0 0 0; padding:0; width:218px; height:33px; background:url(../images/index_quicklinksTitle.jpg) no-repeat;vertical-align: bottom; /* This fixes the IE5 Win gap! */}

#quicklinksLinks{margin:0; padding:0; width:216px; border:1px solid #bacad2; background:url(../images/sideNav_bkg.jpg) repeat-y 0 0}
#quicklinksLinks ul{margin:0; padding:0; width:216px; height:175px; list-style:none;  font:normal 11px/12px "Trebuchet MS", Verdana, sans-serif; color:#2b5871;vertical-align: bottom; /* This fixes the IE5 Win gap! */}
#quicklinksLinks li{margin:0; padding:0 15px 0 15px; width:186px;  border-bottom:1px solid #bacad2; background:url(../images/index_quicklinksIcon.gif) no-repeat 15px 50%;vertical-align: bottom; /* This fixes the IE5 Win gap! */}
#quicklinksLinks a{margin:0; padding:4px 0 5px 10px;  font:normal 11px/12px "Trebuchet MS", Verdana, sans-serif; color:#2b5871; text-decoration:none; display:block; vertical-align: bottom; /* This fixes the IE5 Win gap! */ }
#quicklinksLinks a:hover{margin:0; padding:4px 0 5px 10px; color:#a21515; text-decoration:none;vertical-align: bottom; /* This fixes the IE5 Win gap! */}

/* Bottom Graphical Links */
#footerHot_contatiner{margin:0 auto; padding:15px; width:770px; clear:both; float:left}
#footerHot1{margin:0; padding:2px; width:372px; height:151px; background:url(../images/index_footerHot1_bkg.jpg) no-repeat 2px 2px; border:1px solid #999; float:left;}
#footerHot1_txt{margin:0; padding:45px 12px 0 15px; width:273px; height:110px; font:normal 11px/15px "Trebuchet MS", Verdana, sans-serif; color:#2b5871; float:left}

#footerHot2{margin:0; padding:2px; width:372px; height:151px; background:url(../images/index_footerHot2_bkg.jpg) no-repeat 2px 2px; border:1px solid #999; float:right}
#footerHot2_txt{margin:0; padding:45px 12px 0 15px; width:273px; height:110px; font:normal 11px/15px "Trebuchet MS", Verdana, sans-serif; color:#2b5871; float:left}

.viewBtn{margin:0; padding:125px 0 0 0; width:55px; height:25px; display:block; font:normal 11px/15px "Trebuchet MS", Verdana, sans-serif; text-align:center; color:#cc0000; float:left}
.viewBtn a{margin:0; padding:6px 0 0 0; width:55px; height:20px; display:block; font:normal 11px/15px "Trebuchet MS", Verdana, sans-serif; text-align:center; color:#cc0000; text-decoration:none}
.viewBtn a:hover{margin:0; padding:6px 0 0 0; width:55px; height:20px; display:block; font:normal 11px/15px "Trebuchet MS", Verdana, sans-serif; text-align:center; color:#cc0000;; text-decoration:underline}


/* Footer */
#footer{margin:0 auto; padding:40px 15px 0 15px; width:770px; height:75px; background:url(../images/footer_bkg.jpg) no-repeat; clear:both; font:normal 11px/14px "Trebuchet MS", Verdana, sans-serif; color:#9a9a9a;}

#footerList{margin:0; padding:0; float:right}
#footerList ul{margin:0; padding:0; list-style:none;}
#footerList li{display:inline}
#footerList a{margin:0 5px 0 0; font:normal 11px/14px "Trebuchet MS", Verdana, sans-serif; color:#9a9a9a; text-decoration:underline}
#footer a:hover{color:#a21515; text-decoration:underline}
