body 
{
	font-size: 10pt;
	background-color:#F1EEF0;
	font-family:Trebuchet MS, Arial, Verdana;
	line-height:35px;
	letter-spacing:2px;
	margin-top: 0px;
}

.style15 {
	font-size: 10px;
	font-style: italic;
	font-weight:bold;
	font-family:Trebuchet MS, Arial, Verdana;
	line-height:20px;
	letter-spacing:normal;
	text-align:justify;
}

.style13 {
	font-size: 10px;
	font-weight:bold;
	font-family:Trebuchet MS, Arial, Verdana;
	line-height:20px;
	letter-spacing:normal;
	text-align:justify;
}

#main-container
{
	margin: 0px auto 0px auto;
	width: 900px;
	background:url(/App_Themes/Clearfield/Images/bg3.jpg) top center no-repeat #FFF;
	border-left:1px solid #000;
	border-right:1px solid #000;
}

#main-container-sub
{
    margin: 0px auto 0px auto;
	width: 900px;
	background:url(/App_Themes/Clearfield/Images/bg-sub.jpg) top center no-repeat #FFF;
	border-left:1px solid #000;
	border-right:1px solid #000;

}

#header
{
	width: 100px;
}

#nav
{
	width: 900px;
	height: 41px;
	background-color:#fff;
	margin-top:-70px;
}

#nav-sub
{
	width: 900px;
	height: 40px;
	background-color:#fff;
	margin-top:-75px;
	border-bottom:1px solid #E3E8EB;
	border-top:1px solid #E3E8EB;
}

#nav-sub a:link, #nav a:visited
{
	font-size:12pt;
	font-family:Trebuchet MS,Arial,Verdana;
	color:#000;
	letter-spacing:2px;
	font-weight:normal;
	text-align:center;
}

#nav-items
{
    background:url(/App_Themes/Clearfield/Images/nav-grey.jpg) no-repeat;
    background-position:0 2px;
    width:640px;
    height:43px;
    margin-left:260px;
}

#nav-items-sub
{
    background:url(/App_Themes/Clearfield/Images/nav-grey.jpg) no-repeat;
    background-position:0 2px;
    width:640px;
    height:43px;
    margin-left:260px;
    padding-top:15px;
}

#nav-items-sub a:link, #nav-items-sub a:visited
{
    font-size:12pt;
	font-family:Trebuchet MS,Arial,Verdana;
	color:#000;
	letter-spacing:2px;
	font-weight:normal;
	text-align:center;
}

#nav a:link, #nav a:visited
{
	font-size:12pt;
	font-family:Trebuchet MS,Arial,Verdana;
	color:#000;
	letter-spacing:2px;
	font-weight:normal;
	text-align:center;
}

#nav a:hover, #nav a:active
{
	
}
#phone-text
{
    font-family:Trebuchet MS, Arial, Verdana;
    font-size:22pt;
    float:right;
    padding-right:20px;
    margin-top:-73px;
    color:#FFF;
}

#phone-text-sub
{
    font-family:Trebuchet MS, Arial, Verdana;
    font-size:18pt;
    float:right;
    padding-right:20px;
    margin-top:-73px;
    color:#FFF;
}

#caring-text
{
    font-family:Times New Roman, Arial;
    font-weight:bold;
    font-style:italic;
    font-size:20pt;
    float:right;
    padding-right:20px;
    margin-top:-25px;
}


#mid-section
{
    background-image:url(/App_Themes/Clearfield/Images/mid.jpg);
    background-repeat:no-repeat;
    background-position:top center;
    width:900px;
    height:378px;
    margin-left:0px;
    margin-top:100px;
    
}

#service-highlight
{
    background-image:url(/App_Themes/Clearfield/Images/services-bg3.png);
    /*background-color:#ffffff;*/
    background-repeat:no-repeat;
    background-position:top center;
    width:250px;
    height:264px;
    position:relative;
    margin-left:10px;
    display: table;
    
}

#services-highlight a:visited
{
    font-size:8pt;
}

#ecards
{
    width:250px;
    height:237px;    
    margin-top:10px;
    margin-left: 10px;
}

#services-nav
{
    width:210px;
    background:transparent;
    font-family:Trebuchet MS, Arial, Verdana;
    font-weight:bold;
    margin-left:30px;
    margin-top:3px;
    display: table;
}

#services-nav a:link, #services-nav a:visited
{
    color:#000;
    font-size:12px;
    font-family:Trebuchet MS, Arial, Verdana;
    font-weight:bold;
}

#options
{
    padding-left:5px;
    padding-top:70px;
    line-height:30px;
}

#options a:active
{
    color:#000;
    font-size:8pt;
    font-family:Trebuchet MS, Arial, Verdana;
    line-height:normal;
}

#options a:visited
{
    color:#000;
    font-size:8pt;
    font-family:Trebuchet MS, Arial, Verdana;
    line-height:normal;
}

#eCard-menu
{
    background:url('/App_Themes/Clearfield/Images/ecard-bg.jpg') no-repeat center top;
    width:250px;
    height:205px;    
}

#news
{
    font-family:Trebuchet MS,Arial,Verdana;
    width:250px;
    height:370px;
    background:transparent;
    letter-spacing:normal;
    margin-left:25px;
    padding-top:20px;
}

#left-features
{
    float:left;
    padding-left:5px;
    margin-top:50px;
    width: 290px;
    display: table;
}

#left-nav-sub
{
    background-image:url('/App_Themes/Clearfield/Images/left-nav-sub.png');
    background-repeat:no-repeat;
    background-position:center top;
    width:290px;
    height:277px;
    margin-left:0px;
    display: table;
}

#left-nav-sub a:link, a:visited
{
    color:#000;
    font-size:12pt;
    font-family:Trebuchet MS,Arial,Verdana;
    font-weight:bold;
}

#news
{
    
}

#events23
{
    margin-left:315px;
    margin-top:-380px;
    
}

#pay-bills-home
{
     padding-top:15px;  
     display: table;
     width: 290px;
     float:right;
}

#pay-bills-sub
{
    background-image:url(/App_Themes/Clearfield/Images/pay-bills-sub.png);
    background-repeat:no-repeat;
    background-position:top center;
    width:290px;
    height:341px;
    padding-top:70px;
    display: table;
}

#opt-in-sub
{
    background-image:url(/App_Themes/Clearfield/Images/opt-in-sub.png);
    background-repeat:no-repeat;
    background-position:top center;
    width:323px;
    height:212px;
    margin-top:-50px;
}

#main-body
{
	display: table;
	width: 600px;
	padding-bottom:50px;
	background:transparent;
	min-height: 650px;
    float: right;
}

#main-body-sub
{
	display: table;
	width:550px;
	margin-top:40px;
	margin-left:305px;
	background:transparent;
}

#main-body-form
{
	width:800px;
	margin-top:100px;
	margin-left:100px;
	background:transparent;
}

#content
{
 width:500px;
 
 margin-left:280px;
 background:#fff;   
}



#left-body
{
	float: left;
	width: 498px;
}

#right-body
{
	float: right;
	width: 199px;
}

#news-events
{
    background:#E8F1EE;
    height:265px;
    width:900px;
    display: table;
    
}

#footer 
{
	width: 900px;
	height:100px;
	background:url(/App_Themes/Clearfield/Images/footer-bg.jpg) top center no-repeat #FFFFFF;
	margin-bottom:-13px;
	font-size:8pt;
	font-family: Trebuchet MS, Arial, Verdana;
	letter-spacing:normal;
	display: table;
}

#footer a:link, #footer a:visited
{
    color:#8999BD;
    text-decoration: none;
    font-size:8pt;
}

#footer a:hover
{
    color:#8999BD;
    text-decoration: underline;
}

#footer-sub
{
    
	width: 900px;
	height:100px;
	background:#FFFFFF;
	font-size:8pt;
	font-family: Trebuchet MS, Arial, Verdana;
	letter-spacing:normal;
	margin-bottom:-13px;
}

#footer-sub a
{
    color:#8999BD;
    text-decoration: none;
    font-size:8pt;
}

#footer-sub a:hover
{
    color:#8999BD;
    text-decoration: underline;
}

#left-footer
{
	float: left;
	width: 300px;	
}

#p80-icon
{
	margin: 0px auto 0px auto;
	width: 30px;
	height: 26px;
	text-align: center;
}

#right-footer
{
	float: right;
	width: 300px;	
}

#loginbox
{
	padding:40px;
}

#loginboxwrapper
{
	background:url(/App_Themes/Clearfield/images/login.png);
	float:left;
	margin-right:30px;
	margin-bottom:30px;
	margin-left:0px;
	height:225px;
	width:240px;
}

#login-view
{
	position:absolute;
	top:5px;
	right:10px;
	color:white	
}

p a:link, p a:visited
{
    font-size:10pt;
    
    color:#0000FF;
    font-weight:normal;
}

p a:hover
{
    text-decoration:underline;
}

#A a:link, #A a:visited
{
    font-size:10pt;
    
    color:#0000FF;
    font-weight:normal;
}

#A a:hover
{
   text-decoration:underline; 
}


#H a:link, #H a:visited
{
    font-size:10pt;
    
    color:#0000FF;
    font-weight:normal;
}

#H a:hover
{
   text-decoration:underline; 
}

#P a:link, #P a:visited
{
    font-size:10pt;
    color:#0000FF;
    font-weight:normal;
}

#P a:hover
{
   text-decoration:underline; 
}

#page-nav
{
    font-size:14pt;
    text-decoration:none;
    color:#000;
    font-family:Trebuchet MS, Arial, Verdana;
    font-weight:normal;
      
}

#page-nav a:link, #page-nav a:visited
{
    font-size:14pt;
    text-decoration:none;
    color:#FE952D;
    font-family:Trebuchet MS, Arial, Verdana;
    font-weight:normal;
}

#page-nav a:hover
{
    text-decoration:underline;
    font-size:14pt;
    font-weight:normal;
    color:#FE952D;
    font-family:Trebuchet MS, Arial, Verdana;
}

#page-letters
{
    font-size:12pt;
    text-decoration:none;
    color:#000;
    font-family:Trebuchet MS, Arial, Verdana;
    font-weight:normal;
      
}

#page-letters a:link, #page-letters a:visited
{
    font-size:12pt;
    text-decoration:none;
    color:#00698D;
    font-family:Trebuchet MS, Arial, Verdana;
    font-weight:normal;
    text-decoration:underline;
}

#page-letters a:hover
{
    text-decoration:underline;
    font-size:12pt;
    font-weight:normal;
    color:#00698D;
    font-family:Trebuchet MS, Arial, Verdana;
}


a:link, a:visited
{
	text-decoration: none;
}

a:hover, a:active
{
	text-decoration: underline;
}

h1
{
	font-size: 25pt;
	font-family: Trebuchet MS, Arial, Verdana;
	letter-spacing:4px;
	font-weight:normal;
}

h2 {
	color: #000;
	font-size: 18pt;
    font-family: Trebuchet MS, Arial, Verdana;
	letter-spacing:4px;
	font-weight:normal;
}

h2 a:link, h2 a:visited {
	color: #000;
	font-size: 18pt;
    font-family: Trebuchet MS, Arial, Verdana;
	letter-spacing:4px;
	font-weight:normal;
}

h3 {
	color: #63C19C;
	font-size: 16pt;
    line-height: normal;
    font-style: normal;
    font-family: 'Arial Rounded MT Bold';
    font-variant: normal;
    font-weight:lighter;
}

h4 {
	color: #000000;
	font-size: .75em;
    line-height: normal;
    font-style: normal;
    font-family: 'Arial Rounded MT Bold';
    font-variant: normal;
}

h5 {
	color: #000000;
	font-size: .75em;
    line-height: normal;
    font-style: normal;
    font-family: 'Arial Rounded MT Bold';
    font-variant: normal;
}

h6 {
	color: #000000;
	font-size: .75em;
    line-height: normal;
    font-style: normal;
    font-family: 'Arial Rounded MT Bold';
    font-variant: normal;
}

img
{
	border: 0px;
}

th
{
    vertical-align:top;
}

td
{
    vertical-align:top;
}

.loadingbox
{
    position:absolute;
    top:40%;
    left:40%;
    border:1px solid lightsteelblue; 
    background-color: #ffffff; 
    height:50px; 
    width:250px;
    text-align:center;
    padding-top:20px
}

.pop-over
{
	BORDER-RIGHT: #000000 1px solid; 
	PADDING-RIGHT: 5px; 
	BORDER-TOP: #000000 1px solid; 
	DISPLAY: none; 
	PADDING-LEFT: 5px; 
	PADDING-BOTTOM: 5px; 
	BORDER-LEFT: #000000 1px solid; 
	WIDTH: 502px; 
	PADDING-TOP: 5px; 
	BORDER-BOTTOM: #000000 1px solid; 
	POSITION: absolute; 
	BACKGROUND-COLOR: white;
	font-size: 10pt;
}

#menu {list-style-type:none; margin:-17px 0px 0px -12px; padding:0; background-color: Transparent;}
 
#menu li {display:block; float:left; position:relative; z-index:1100; margin-right:1px; background-color: Transparent;}
#menu li span {display:block; z-index:1100; padding: 0px 15px; color:#DADADA; background-color: Transparent;}
#menu li a, #menu li a:visited {display:block; padding:0; white-space:nowrap; background-color: Transparent;}
 
#menu dl {position:absolute; top:0; left:0; margin: 0; padding: 0; background-color:Transparent;}
* html #menu dl {background-color:#ffffff;}
#menu dt {margin:0; float:left; padding-bottom:3px; background-color: Transparent;}
#menu dd {display:none; background: #E8F1ED; clear:left;margin:0; padding:0; color: #fff; text-align:left;  }
 
#menu dt a, #menu dt a:visited {display:block; color:#000; padding: 0px 11px 0px 8px; text-decoration:none; background-color: Transparent;}
#menu dd a, #menu dd a:visited {color:#000; text-decoration:none; display:block; padding: 5px 10px; background-color: Transparent;}
 
#menu li a:hover {border:0; text-decoration:underline; background-color: Transparent;}
 
#menu li:hover dd, #menu li a:hover dd {display:block; }
#menu li:hover dl, #menu li a:hover dl {padding-bottom:0px;}
#menu li:hover dt a, #menu li a:hover dt a, #menu dd a:hover {background-color: Transparent; }
#menu dd a:link, #menu dd a:hover, #menu dd a:active, #menu dd a:visited{  font-size:10pt; color:#63C19C; background-color: Transparent;}

#Careers dd {margin-left:-162px;}



#eCardBody
{
    background-image: url(/App_Themes/Clearfield/Images/eCard-Body.jpg);
    background-repeat: no-repeat;
    padding: 5px 5px 5px 10px;
    height: 233px;
}