﻿/*Global Styles*/
html{height:100%;}
body{height:100%; background-color:#FFFFFF; margin:0px; padding:0px; font-family: Arial, Verdana, Helvetica, sans-serif; font-size:100%; color:#444444; font-size:12px;}
img{border:none;}
a{text-decoration:none; color:#ee6666;}
a:hover{text-decoration:underline;}
.clear{clear:both;}


div.pageholder{width:980px;background-color:#FFFFFF; margin:0 auto;}

.headersection{width:980px; border-left:1px solid #d3d3d3; border-right:1px solid #d3d3d3; height:110px;}
.headersection .redstrip{height:5px; width:980px; background-color:#ee6666;}

.headersection .mainheader{height:69px; width:980px;  border-top:1px solid #d7d7d7;background-image:url('../img/header/mainheader.jpg'); background-repeat:repeat-x;}
.headersection .mainheader .logoholder{float:left; width:221px; height:45px; background-image:url('../img/header/eclogonew.png'); background-repeat:no-repeat; margin:20px 0 0 15px;}
.headersection .mainheader .logoholder a{display:block; text-decoration:none;height:45px;}

/*Demosite extra header for banner*/
.headersection .mainheader .demotext{width:700px; height:35px; float:left; margin:0px 0 0 125px;}
.headersection .mainheader .demotext .demobanner{background-image:url('../img/demotext.png'); background-repeat:no-repeat; width:366px; height:16px;margin:5px 0 0 0;}
.headersection .mainheader .demotext .demolink{font-size:11px; height:12px; margin:2px 0 0 0;}

.headersection .mainheader .mainmenu{float:right; height:28px; margin:40px 0 0 0; display:inline;}
.headersection .mainheader .mainmenu .button{width:100px; height:28px; float:left; border-left:1px #d7d7d7 dotted; display:block; text-align:center; font-size:12px;}
.headersection .mainheader .mainmenu .button a{text-decoration:none; color:#444444; display:block; padding:12px 0 0 0;}
.headersection .mainheader .mainmenu .button:hover{background-color:#efefef;}
.headersection .mainheader .mainmenu .selected a{color:#000000; font-weight:bold;} /*this is the selected state*/

.headersection .ticker{clear:both; width:980px;height:35px; background-image:url('../img/header/ticker.jpg'); background-repeat:repeat-x;}
.headersection .ticker .tickertext{float:right; margin:0px 15px 0 0; height:30px; width:900px; text-align:right;}
.headersection .ticker .tickertext .redchevron{font-size:14px; color:#ee6666; font-weight:bold;}
.headersection .ticker .tickertext a{color:#444444;}
.headersection .ticker .tickertext .redchevron a:hover{text-decoration:none;}

.bannerart{width:980px; clear:both; margin:3px 0 0 0;}

.mainsection{width:980px; margin:15px 0 0 0;float:left;}

.mainsection .leftmenu{width:175px; float:left; border-top:2px #ee6666 solid;}
.mainsection .leftmenu li{display:inline;}
.mainsection .leftmenu ul{ list-style-type:none; padding:0px; margin:0;}
.mainsection .leftmenu .leftbutton{width:175px; height:35px; border-bottom:1px #d3d3d3 solid;  font-size:12px; padding:0px; margin:0px; line-height:12px;}
.mainsection .leftmenu .leftbutton:hover{background-color:#efefef;}
.mainsection .leftmenu .leftbutton a{ display:block; text-decoration:none; color:#444444; padding:12px 0 6px 5px; overflow:hidden;}
.mainsection .leftmenu .withsub{border-bottom:1px #e3e3e3 dotted;}
.mainsection .leftmenu ul.sub{list-style-type:none; padding:0px; margin:0px;}
.mainsection .leftmenu ul.sub .leftbuttonsub{width:175px; height:25px; border-bottom:1px #e3e3e3 dotted; display:block; font-size:11px;}
.mainsection .leftmenu ul.sub .leftbuttonsub:hover{background-color:#efefef;}
.mainsection .leftmenu ul.sub .leftbuttonsub a{display:block; text-decoration:none; color:#444444; padding:3px 0 4px 5px;}
.mainsection .leftmenu ul.sub .lastsub{border-bottom:1px #d3d3d3 solid;}
.mainsection .leftmenu .selected{font-weight:bold;}
.mainsection .leftmenu .redchevron{font-size:15px; color:#ee6666; font-weight:bold;}



.mainsection .contentsection{width:790px; float:left; margin:0 0 0 15px;}

.mainsection .contentsection .mediasection{width:790px; margin:0 0 5px 0;}

.mainsection .contentsection h1{margin:0; padding:0 0 0 10px; font-size:24px; background-image:url('../img/content/h1redbar.jpg'); background-repeat:no-repeat; background-position:0 3px;}
.mainsection .contentsection h2{font-size:14px;margin:12px 0 12px 0;}
.mainsection .contentsection hr{margin:0px;	padding:0px;border-bottom:1px solid #d3d3d3;border-top:0px;border-left:0px;border-right:0px;	line-height:0px;height:1px;	display:block;}
.mainsection .contentsection p{margin:0 0 12px 0px;padding:0 5px 0 0;}
.mainsection .contentsection ul{list-style-type:none;padding :0px; margin:0 0 12px 12px;}
.mainsection .contentsection ul li{background-image:url('../img/content/bullet.jpg'); padding:0 0 0 15px; background-position:3px 5px; background-repeat:no-repeat;}
.mainsection .contentsection strong{font-weight:bold;}

.footer{width:980px;height:20px; border-top:1px solid #d3d3d3; margin:45px 0 0px 0;}
.footer .text{width:980px; font-size:10px; text-align:right; margin:3px 0 0 0;}
.footerspace{width:980px; height:70px;}

.textdiv{width:590px;float:left;}
.modulediv{width:190px; margin: 0 0 0 10px; float:left;}
.tagdiv{width:172px;float:left;  text-align:justify; color:#EE6666; background-color:#FAFAFA; background-repeat:repeat-x;border-top:2px #ee6666 solid;border-bottom:1px solid #D3D3D3;padding:8px 8px 14px 8px;}
.size1, .size2, .size3, .size4{color:#EE6666; text-decoration:none;}
.tagdiv .size1{font-size:11px;}
.tagdiv .size2{font-size:16px;}
.tagdiv .size3{font-size:20px;}
.tagdiv .size4{font-size:24px;}
.size1:hover,.size2:hover,.size3:hover,.size4:hover{background-color:#EE6666; color:#FFFFFF; text-decoration:none;}


.newsdiv{width:188px;float:left; padding:0px;border-top:2px #ee6666 solid;border-bottom:1px solid #D3D3D3; background-repeat:repeat-x; margin:0 0 20px 0;}
.newsdiv .newstitle{font-size:12px; font-weight:bold; background-image:url('../img/content/redbox.gif'); background-repeat:no-repeat; background-position: 0 6px;margin:0 0 0 5px; padding:4px 0 0 6px;}
.newsdiv .titleholder{height:20px; background-repeat:repeat-x;}
.newsdiv .newstext{padding:0 5px 0 5px; margin:10px 0 0 0;}
.newsdiv p{margin:5px;}
