/*
Theme Name: Hawthorn Bank
Theme URI: www.hawthornbank.com
Description: Theme for hawthorn bank
Author: Andrew Schoen
Author URI: uncommonsense.com


*/

li a {text-decoration:none; color:#454545;}
a.disclaimer {text-decoration:none; color:#ffffff;}

a {outline:none; color:#454545;}


body {
	background:#353535;
	font-family:Arial;
	font-size: 9pt;
	color:#454545;
}

div#wrapper {
	margin-left:auto;
	margin-right:auto;
	width:819px;
}

div#header {
	width:819px;
	height:85px;
	overflow:auto;
}

	div#header img {
		float:left;
	}
	
	div#header div {
		float:left;
		width:586px;
		text-align:right;
	}
	
	div#header div h2, div#header div h1{
		color:#cc9c0d;
		margin:0;
		padding:0;
		font-size:12pt;
		font-weight:bold;
	}
	
	div#header div h1 {
		font-size:16pt;
	}
	
	div#header div p {
		color:#ffffff;
		margin:0;
		padding:0;
		font-weight:bold;
	}
	
	a.topNavLink {text-decoration:none; color:#ffffff;}
	
div#nav {
	height:42px;
	width:819px;
	overflow:auto;
}
	
	div#nav ul {
		width:819px;
		height:42px;
		overflow:hidden;
		background:url(images/main_nav_graphic.jpg) no-repeat;
		margin:0;
		padding:0;
		list-style:none;
	}
	
		div#nav ul.personalBanking {background:url(images/main_nav_graphic_02.jpg) no-repeat 0 -42px !important;}
		div#nav ul.businessBanking {background:url(images/main_nav_graphic_02.jpg) no-repeat 0 -84px !important;}
		div#nav ul.knowledgeCenter {background:url(images/main_nav_graphic_02.jpg) no-repeat 0 -126px !important;}
	    div#nav ul.other           {background:url(images/main_nav_graphic_02.jpg) no-repeat 0 -168px !important;}
	    
	div#nav li {
		color:#ffffff;
		font-weight:bold;
		font-size:10pt;
		float:left;	
		height:42px;
		padding-top:12px;
	}
		
		div#nav li a {
			text-decoration:none;
			color:#ffffff;
			height:42px;
			display:block;
		}
		
		li.homeNav {width:212px;}
			li.homeNav a {padding-left:95px;}
		
		li.personalBankingNav {width:198px;}
			li.personalBankingNav a {padding-left:45px;}
			
		li.businessBankingNav {width:196px;}
			li.businessBankingNav a {padding-left:43px;}
		
		li.knowledgeCenterNav {}
			li.knowledgeCenterNav a {padding-left:45px;}
	
div#body {
	background:url(images/body_stretch.jpg) repeat-y;
	width:819px;
	overflow:auto;
	padding-top:10px;
	padding-bottom:20px;
}

    /*div#body h1, div#body p {padding-left:27px;}*/

	div#bodyLeft {
		width:600px;
		float:left;
		padding-left:27px;
		overflow:auto;
	}
	
	div#bodyLeft {
	    width:600px;
	    float:left;
	    padding-left:20px;
	    padding-right:6px;
	    overflow:auto;
	}
	
		div#slideShow {
		    width:594px;
		    height:224px;
		}
		    
		    div#slideShow div.slide {
		        width:594px;
    		    height:224px;
		    }
            
            div#slideShow div.slide div p {
                color:#fff5df;
                font-size:9pt;
                line-height:1.5;
            }
            
                div#slideShow div.slide div p a{
                    text-decoration:underline;
                    color:#fff5df;
                }
            
		    div#slideShow div.slide1 {
		        background:url(images/homepage_ad_bg_1.jpg) no-repeat;
            }
		        
		        
		        div#slideShow div.slide1 div {
		            padding:110px 0 0 270px;
		            width:232px;
		        }
		    
		    div#slideShow div.slide2 {
		        background:url(images/homepage_ad_bg_2.jpg) no-repeat;
		    }
		    
		        div#slideShow div.slide2 div p, div#slideShow div.slide2 div p a {
		            color:#674b28;
		        }
		    
		        div#slideShow div.slide2 div {
		            width:263px;
		            padding:101px 0 0 314px;
		        }
		    
		    div#slideShow div.slide3 {
		        background:url(images/homepage_ad_bg_3.jpg) no-repeat;
		    }
		    
		        div#slideShow div.slide3 div p, div#slideShow div.slide3 div p a {
		            color:#ffffff;
		        }
		    
		        div#slideShow div.slide3 div {
		            width:352px;
		            padding:59px 0 0 170px;
		        }
		    
		    div#slideShow div.slide4 {
		        background:url(images/homepage_ad_bg_4.jpg) no-repeat;
		    }
		
		        div#slideShow div.slide4 div p, div#slideShow div.slide4 div p a {
		            color:#2a4849;
		        }
		    
		        div#slideShow div.slide4 div {
		            width:230px;
		            padding:85px 0 0 330px;
		        }
		    
			div#slideShow div#shredfest {
				background:url(images/homepage_ad_bg_shredfest.png) no-repeat;
			}
		
				div#slideShow div#shredfest div p {
		            color:#a77618;
		        }
	    
				div#slideShow div#shredfest div p a {
		            color:#505050;
		        }
		
				div#slideShow div#shredfest div span {
					font-size: 16px;
					display:block;
					text-transform:uppercase;
				}
	
		        div#slideShow div#shredfest div {
		            width:265px;
		            padding:75px 0 0 292px;
		        }
		
		table th {font-weight:bold;}
		table td {padding:15px 10px;}
		table th,table td {border-bottom:1px solid #ccc;}
		
		h2.homepageHeader {
			font-size:10pt;
			padding:20px 0 2px 12px;
			margin:0;
			color:#000000;
		}
		
		p.homepageSubHeader {
			padding:12px 0 4px 12px;
			margin:0;
		}
		
		div#bodyLeft div#personalBanking {
			width:191px;
			float:left;
			padding:8px 0 0 4px;
		}
		
			ul#personalBankingList {
				list-style-image:url(images/green_arrow.jpg);
				margin:0;
				padding:4px 0 0 26px;
			}
		
		    div#subPageNav ul{
		        padding:4px 0 0 10px !important;
		    }
		    
				ul#personalBankingList li {
					padding:0 0 6px 0;
					margin:0;
				}
		
		div#bodyLeft div#businessBanking {
			width:191px;
			float:left;
			padding:8px 0 0 4px;
		}
		
			ul#businessBankingList {
				list-style-image:url(images/yellow_arrow.jpg);
				margin:0;
				padding:4px 0 0 26px;
			}
		
				ul#businessBankingList li {
					padding:0 0 6px 0;
					margin:0;
				}
		
		div#bodyLeft div#knowledgeCenter {
			width:191px;
			float:left;
			padding:8px 0 0 4px;
		}
		
			ul#knowledgeCenterList {
				list-style-image:url(images/blue_arrow.jpg);
				margin:0;
				padding:4px 0 0 26px;
			}
		
				ul#knowledgeCenterList li {
					padding:0 0 6px 0;
					margin:0;
				}
				
			ul#otherList {
			    list-style-image:url(images/black_arrow.jpg);
			    margin:0;
			    padding:4px 0 0 26px;
			}
			
			    ul#otherList li {
			        padding:0 0 6px 0;
			        margin:0;
			    }
		
	div#bodyRight {
		width:175px;
		float:left;
		padding:2px 0px 0 5px;
	}
		
		div#bodyRight img.onlineAccessCap {
			padding-left:1px;
		}
		
		div#bodyRight ul#onlineAccess, div#bodyRight ul#quickLinks {
			width:175px;
			padding:0px;
			margin:0px;
			list-style:none;
		}
		
		div#bodyRight ul#onlineAccess li {
			background:url(images/online_access_bg.jpg) no-repeat;
			height:24px;
			width:175px;
			color:#ffffff;
			font-weight:bold;
			padding:0px;
		}
		
			div#bodyRight ul#onlineAccess li a {
				display:block;
				padding:3px 0 0 26px;
				color:#ffffff;
				text-decoration:none;
			}
		
		div#bodyRight ul#quickLinks li {
			background:url(images/quick_links_bg.jpg) no-repeat;
			height:27px;
			width:175px;
			color:#424242;
			font-weight:bold;
			padding:0px;
		}
		
		    div#bodyRight ul#quickLinks li.green {
    			background:url(images/green_bg.jpg) no-repeat;
    			height:27px;
    			width:175px;
    			color:#424242;
    			font-weight:bold;
    			padding:0px;
    		}
		    
			div#bodyRight ul#quickLinks li a {
				display:block;
				padding:7px 0 0 40px;
				color:#424242;
				text-decoration:none;
			}
		
div#footer {
	height:76px;
	width:819px;
	background:url(images/footer_bg.jpg) no-repeat;
	overflow:auto;
}

	div#footer div {
		float:left;
		width:660px;
		color:#ffffff;
		font-size:8pt;
		padding-top:4px;
	}
	
		div#footer p {
			padding-left:46px;
		}
	
	div#footer img {
		float:left;
		padding-top:8px;
		
	}
	
div#disclaimer {
	color:#ffffff;
	font-size:8pt;
	text-align:center;
	padding-top:4px;
}


/* sub page styles */
div#subPageNav {
    float:left;
    width:155px;
    padding:10px 0 0 26px;
}

div#subPageContent {
    float:left;
    width:430px;
    padding:0 0 0 15px;
}

div#subPageContentNoNav {
    float:left;
    width:600px;
    padding:0 0 0 26px;
}

h1.personalBankingHeader, h1.businessBankingHeader, h1.knowledgeCenterHeader, h1.otherHeader {
    font-size:14pt;
    padding:10px 0 0 0;
    margin:0;
}

h1.personalBankingHeader, .personalBankingActiveNav a, .personalBankingActiveNav {color:#238f57 !important;}
h1.businessBankingHeader, .businessBankingActiveNav a, .businessBankingActiveNav, .otherActiveNav a, .otherActiveNav  {color:#e2770d !important;}
h1.knowledgeCenterHeader, .knowledgeCenterActiveNav a, .knowledgeCenterActiveNav {color:#053486 !important;}

h1.otherHeader {color:#373737 !important;}

h1.rewardsChecking { 
	width: 415px;
	height: 50px;
	background: url(images/5APRRewardsChecking.jpg) top left no-repeat;
	color: #053486;
	font-size: 22px;
	padding: 20px 0 0 15px;
}

h1.savingsAccounts { 
	width: 415px;
	height: 50px;
	background: url(images/SavingsAccounts.jpg) top left no-repeat;
	color: #053486;
	font-size: 22px;
	padding: 20px 0 0 15px;
}

h1.checkingAccounts { 
	width: 415px;
	height: 50px;
	background: url(images/CheckingAccounts.jpg) top left no-repeat;
	color: #053486;
	font-size: 22px;
	padding: 20px 0 0 15px;
}

h1.eliteAdvantage { 
	width: 415px;
	height: 50px;
	background: url(images/EliteAdvantage.jpg) top left no-repeat;
	color: #053486;
	font-size: 22px;
	padding: 20px 0 0 15px;
}

li p {
    padding:2px 0 0 0;
    margin:0;
    color:#777777;
}

div#subPageContent h2, div#subPageContentNoNav h2 {color:#303132; padding:0 0 4px 0; margin:0; font-size:12pt;}
div#subPageContent h3, div#subPageContentNoNav h3  {color:#e8a219; padding:0; margin:0; font-size:10pt;}
div#subPageContent p, div#subPageContentNoNav p  {padding-top:0; margin-top:0;}