﻿@charset "UTF-8";
/* CSS Document */

body  {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 18px;
	color: #333;
	background: #FFF;
	margin: 0;
	padding: 0;
}
#container {
	width: 100%;
	min-width: 1000px;
	background: #FFF;
	margin: 0;
	padding: 0;
	border-top: 10px solid #01804e;
}
#header {
	margin: 0;
	padding: 0;
	background: #FFF;
	height: 70px;
}
.logo {
float:left;
width: 150px;
margin: 0;
}
.logoPopUp {
	float:left;
	width: 455px;
	margin: 0;
}
.yrcwcompany{
	float:right;
	width: 215px;
	margin: 0;
}
.family {
	float:left;
	width: 425px;
	margin: 0;
	padding-top: 25px;
}
.familyMenu2{
margin:0 0 10px 0;
padding: 0;
font: normal 12px Arial, Helvetica, sans-serif;
text-align: left;
}
#navbar {
background: #FFF;
padding: 2px 0px 5px 0;
margin: 0;
width: 1000px;
} 
#nav {
	margin: 0;
	padding: 0;
	background: #FFF;
	float: left;
	width: auto;
}
#nav ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
#nav li {
	padding: 0px 10px;
	margin: 0;
	border-right: 1px solid #999;
	display: inline;
}
#nav li a {
	font-size: 14px;
	color: #000;
	text-decoration: none;
}
#nav li a:hover {
	font-size: 14px;
	color: #01804e;
	text-decoration: none;
}
#nav li.selected a{
	font-size: 14px;
	color: #01804e;
	text-decoration: none;
}
form {
	margin:0;
}
#searchForm {
margin: 0;
padding-left: 10px;
font-size: 11px;
font-weight: bold;
float: left;
width: 215px;
}
.searchForm label {
	float:left;
}
.searchForm input {
float:left;
height:13px;
margin: 0 0 0 5px;
font-size: 11px;
}
.searchForm input.search {
float:left;
margin: 0 0 0 5px;
padding: 0;
height: 20px;
width: 40px;
border: 0;
}
#contentContainer {
	border-top:5px solid #01804e;
	width:100%;
	margin:0;
	padding:0;
	background-color: #FFF;
	background-image: url(/hollandregional/images/gray_background.jpg);
	background-repeat: repeat-y;
	background-position: 200px top;
}
#contentContainerPopUp {
	border-top:5px solid #01804e;
	width:100%;
	margin:0;
	padding:0;
	background-color: #f2f2f2;
}
.rightColumnBkgrd {
	margin:0;
	padding:0;
	background: url(/hollandregional/images/dark_gray_background.jpg) repeat-y right top;
}
#sidebar {
	float: left; 
	width: 200px;
	background: #FFF;
	padding: 0;
}
#sidebar2 {
	float: right; 
	width: 200px;
	background: #DFDFDF;
	padding: 0;
}
.shadow {
	background:url(/hollandregional/images/shadow_bkgrd.jpg) repeat-x;
	padding: 20px 0 0 0;
	margin:0;
}
.shadowDark {
	background:url(/hollandregional/images/shadow2_bkgrd.jpg) repeat-x;
	padding: 20px 0 0 0;
	margin:0;
}
.sidebarContent {
	padding: 0 20px 10px 20px;
	margin: 0;
	width: 160px;
	font-size: 11px;
	line-height: 18px;
}
.sidebarContent p {
	margin-top: 5px;
}
.sidebarAd {
	padding: 0;
	margin: 0;
	width: 200px;
}
.formRow {
	clear:both;
	padding:0;
	margin: 0 0 10px 0;
}
#formLogin input {
	width:140px;
	height: 12px;
	line-height:12px;
}
#formLogin input.submit {
	width: auto;
	float:left;
	margin: 0 10px 10px 0;
	padding: 0 5px;
	height: 20px;
	text-align: center;
	background-color: #999;
	color: #01804e;
	font: bold 10px Arial, Helvetica, sans-serif;
	border:none;
}
label {
	font-size: 11px;
	font-weight: bold;
	display:block;
}
input, option, select, textarea {
	font-size: 11px;
	line-height: 18px;
	margin: 0;
	font-family: Arial, Helvetica, sans-serif;
	color:#333;

}
input.submit {
	float:left;
	margin: 20px 10px 20px 0;
	padding: 0 5px;
	height: 20px;
	width: auto;
	text-align: center;
	background-color: #999999;
	color: #01804e;
	font: bold 10px Arial, Helvetica, sans-serif;
	border:none;
}
input.submitBlock {
	margin: 0;
	padding: 0 5px;
	height: 20px;
	width: auto;
	text-align: center;
	background-color: #999999;
	color: #01804e;
	font: bold 10px Arial, Helvetica, sans-serif;
	border:none;
}
.buttonNote {
	font-size: 10px;
	line-height: 16px;
	font-weight: normal;
	margin:20px 0 0 0px;
	float:left;
}
.rememberCheck {
	float: left;
	width: 20px;
	height: 35px;
	overflow: hidden;
}
input#remember {
	width:15px;
}
.note {
	font-size: 10px;
	line-height: 16px;
	font-weight: normal;
	margin-left: 25px;
	
}
p.date {
	margin-bottom:0;
}
p.newsItem {
	margin-top:0;
}

#mainContent {
	margin: 0 0 0 200px;
	padding:0;
}
#mainContentSecond {
	margin: 0 200px;
	padding:0;
}
#banner {
	background: #01804e;
	height: 150px;
	margin: 0;
	padding: 0;
	width:100%;
}
#banner .sliderwrapper{
	position: relative;
	overflow: hidden;
	width: 800px;
	height: 150px;
	background: #01804e;
	color:#FFF;
	float: left;
	left:0;
	top:-28px;
	margin:0 -3px -28px 0;
	padding:0;
}
#banner .sliderwrapper .contentdiv{
	visibility: hidden; 
	position: absolute; 
	left: 0;
	top: 0; 
	padding: 0;
	background: #01804e;
	width: 800px;
	height: 100%;
	filter:progid:DXImageTransform.Microsoft.alpha(opacity=100);
	-moz-opacity: 1;
	opacity: 1;
}
#banner .text{
	padding: 0px;
	color: #FFF;
}

#banner .pagination{
	width: 500px;
	padding: 5px;
	color:#FFF;
	background:none;
	position: relative; 
	left: 0; 
	top:123px; 
	z-index:10000;
}
#banner .pagination a{
	padding: 0 5px;
	text-decoration: none; 
	color: #FFFFFF;
	border: 1px solid #CCC;
}
#banner .pagination a:hover, #banner .pagination a.selected{
	color: #FFFFFF;
	background-color: #01804e;
	border: 1px solid #CCC;
	text-decoration:none;
}
.tabs {
	width:100%;
	padding:0;
	margin:0;
	clear: right;
}
.shadetabs{
padding: 10px 0 0 0;
margin: 0;
font-size: 11px;
font-weight: bold;
list-style-type: none;
text-align: left; /*set to left, center, or right to align the menu as desired*/
border-bottom: 3px solid #999999;
background:#FFF;
float: left;
width: 100%;
}
.shadetabs ul{
margin:0;
padding: 0;
list-style-type: none;
}


.shadetabs li{
display: inline;
margin: 0;
padding: 0;
}


.shadetabs li a{
float:left;
text-decoration: none;
padding: 0px 0px 0px 7px;
color: #01804e;
background: white url(/newpenn/images/tab_left.gif) top left no-repeat;
text-align: center;
margin: 0;
}
.shadetabs li a span{
display:block;
background: url(/newpenn/images/tab_right.gif) no-repeat right top;
padding: 3px 13px 10px 0px;
margin: 0;
font-weight:bold;
color:#01804e;
text-decoration: none;
}
/* Commented Backslash Hack hides rule from IE5-Mac \*/
.shadetabs li a span {float:none;}
/* End IE5-Mac hack */


.shadetabs li a:hover span {
color: #FFFFFF;
text-decoration: none;
}
.shadetabs li.selected a{ /*Selected Tab style*/
background-position:0 -82px; /*Shift background image up to start of 2nd tab image*/
text-decoration: none;
}
.shadetabs li.selected a:hover{ /*Selected Tab style*/
background-position:0 -82px; /*Shift background image up to start of 2nd tab image*/
text-decoration: none;
}
.shadetabs li.selected a span{ /*Selected Tab style*/
background-position:100% -82px; /*Shift background image up to start of 2nd tab image*/
color: #FFFFFF;
text-decoration: none;
}
.shadetabs li.selected a:hover span{ /*Selected Tab style*/
background-position:100% -82px; /*Shift background image up to start of 2nd tab image*/
color: #FFFFFF;
text-decoration: none;
}
.shadetabs li a:hover{ /*onMouseover style*/
background-position:0% -164px; /*Shift background image up to start of 2nd tab image*/
color:#01804e;
text-decoration: none;
}
.shadetabs li a:hover span{ /*onMouseover style*/
background-position:100% -164px; /*Shift background image up to start of 2nd tab image*/
color:#01804e;
text-decoration: none;
}
.tabcontentstyle{ /*style of tab content oontainer*/
	width: 100%;
	background:#F2F2F2;
	float: left;
}

.tabcontent{
	display:none;
	width:760px;
	padding:20px;
	font-size: 11px;
	line-height: 18px;
}
@media print {
	.tabcontent {
	display:block!important;
}
}
.tabcontainer {
width:760px;
padding:20px;
font-size: 11px;
line-height: 18px;
height:auto;
}

.formContainer {
	border-top: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	margin: 0;
	padding: 20px 0;
}
.formContainer p {
	margin-top: 0;
}
.formContainer label {
	float:left;
	width:140px;
}
.tip {
	font-weight:normal;
}

.column {
	width:340px;
	float:left;
	padding-right:20px;
}
.requiredText {
	color: #FA702A;
	float: right;
	width: auto;
	text-align: right;
}
.required {
	color: #FA702A;
}
#mainText {
	padding:20px;
}
.panels {
	width:200px;
	margin:0;
	padding:0;
}
.panelTitle {
	font-size: 16px;
	color: #FA702A;
	font-weight: normal;
	background-image: url(/newpenn/images/greenBar.gif);
	background-position: 0 left;
	background-repeat:no-repeat;
	padding: 0px 10px 10px 20px;
	margin-top: 0px;
	margin-bottom: 5px;
}
.panelText {
	padding: 0;
	margin: 0 20px 20px 20px;
	width: 160px;
	background: #FFFFFF;
	font-size: 11px;
	line-height: 18px;

}

.line {
	border-bottom:1px solid #CCC;
	margin: 0 0 15px 0;
}

.clearfloat {
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}
a {
	color: #01804e;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
	color: #01804e;
}
img, a img {
	border:0;
}
h1 {
	font-size: 26px;
	color: #333;
	font-weight: normal;
	padding: 0;
	margin-top: 0;
	line-height:32px;
}
#mainText h1 {
	font-size: 26px;
	color: #333;
	font-weight: normal;
	padding: 0 0 10px 0;
	margin-top: 0;
	line-height:32px;
	border-bottom:1px solid #CCC;
}
h2 {
	font-size: 16px;
	color: #01804e;
	font-weight: normal;
	background: url(/newpenn/images/greenBar.gif) no-repeat top left;
	padding: 0 20px;
	margin-top: 0px;
	margin-bottom: 5px;

}

h3 {
	font-size: 16px;
	color: #333;
	font-weight: normal;
	padding: 0;
	margin-top: 0;
	
}
h4 {
	font-size: 14px;
	color: #666;
	font-weight: normal;
	padding: 0;
	margin: 0 0 5px 0;
	
}
h6 {
font-size: 14px;
color: #333;
font-weight: bold;
margin: 0 0 10px 0;
}
ul {
	padding-left: 15px;
	list-style-image: url(/hollandregional/images/bullet.gif);
	margin-right:0;
	margin-left:0;
}
p {
	margin-top:0;
}
.floatRight {
	float:right;
}
iframe {
	margin-bottom:20px;
}
table.accessKey {
font: normal 13px/19px Arial, Helvetica, sans-serif;
padding:0;
border-collapse:collapse;
}
table.accessKey td{
padding:5px;
}
table.accessKey td.head{
	background:#01804e;
	color:#ffffff;
	text-transform:uppercase;
	font-weight:bold;
	font: bold 16px/22px Arial, Helvetica, sans-serif;
	padding:5px 10px;
	text-align:left;
}
table.accessKey td.info{
background:#F2F2F2;
border-top:5px solid #FFF;
border-right:5px solid #FFF;
border-bottom:5px solid #FFF;;
}
table.accessKey td.ltblue {
background-color:#E7EAF4;
border-top:5px solid #FFF;
border-right:5px solid #FFF;
border-bottom:5px solid #FFF;
}

.familyMenu{
margin:0;
padding: 0;
font: normal 12px Arial, Helvetica, sans-serif;
text-align: left; /*set to left, center, or right to align the menu as desired*/
}
.familyMenu a.anchorclass, .familyMenu2 a.anchorclass{
text-decoration: none;
padding:3px 25px 2px 5px;
margin: 0;
border: 1px solid #999;
color: #000;
font-size: 12px;
background: #FFF url(/hollandregional/images/down.gif) no-repeat 100% 50%;
}
.familyMenu a.anchorclass:hover, .familyMenu2 a.anchorclass:hover{
text-decoration: none;
color: #000;
}
.anylinkcss{
position: absolute;
left: 0;
top: 0;
visibility: hidden;
border: 1px solid #999;
background-color: #FFF;
width: 250px;
font: normal 11px Arial, Arial, Helvetica, sans-serif;
line-height: 18px;
z-index: 10001; 
margin:-1px 0 0 0;
}
.anylinkcss2{
position: absolute;
left: 0;
top: 0;
visibility: hidden;
border: 1px solid #999;
background-color: #FFF;
width: 150px;
font: normal 11px Arial, Arial, Helvetica, sans-serif;
line-height: 18px;
z-index: 10001;
margin:-1px 0 0 0;
}
.anylinkcss ul.menu, .anylinkcss2 ul.menu{
margin: 0;
padding: 0;
list-style-image: none;
}
.anylinkcss ul.menu li, anylinkcss2 ul.menu li{
width: auto;
display: block;
padding: 0;
color: #000;
font-weight:normal;
font-size:11px;
text-indent: 0;
}
.anylinkcss ul.menu li.head{
width: auto;
display: block;
padding: 2px 5px;
color: #000;
font-weight:normal;
font-size:11px;
text-indent: 0;
}
.anylinkcss ul.menu li a, .anylinkcss2 ul.menu li a{
width: auto;
display: block;
text-indent: 5px;
padding: 2px 5px;
text-decoration: none;
color: #000;
font-weight:normal;
font-size:11px;
line-height:14px;
}
.anylinkcss ul.menu li a:hover, .anylinkcss2 ul.menu li a:hover{ /*hover background color*/
background-color: #F2F2F2;
text-decoration: none;
color:#01804e;
}
.leftSidebarAd {
width:185px;
background:#CCC;
padding: 7px 8px 8px 7px;
margin: 5px 0 0 0;
}
/* search classes */
.querystring{font-weight:bold;color:#01804e}
a.resultlink{color:#01804e;font-weight:bold}
a.resultlink:hover{text-decoration:none}
a.resultlink:visited{color:#999999;}
.result{font-family:arial,helvetica,sans-serif;font-size:9pt;color:black}
a.moreresults{color:black;}
a.moreresults:hover{background-color:black;color:white}
.returnedurl{color:#999999}
.sizedate{font-size:8pt;color:999999}
.rule{color:#01804e;height:1px}
.keymatch{background-color:#FDDDBE}
.keymatch2{color:#01804e;font-weight:bold;padding-right:10px}
.synonym{background-color:#FDDDBE}

.mainmenutabs{
margin:0;
width: auto;
float: left;
}
.mainmenutabs ul{
padding: 0 0 0 10px;
margin:0;
font: normal 14px Arial, Helvetica, sans-serif;
list-style-type: none;
text-align: left;
}
.mainmenutabs li{
display: inline;
margin: 0 0 0 -3px;
}
.mainmenutabs li a{
text-decoration: none;
padding:0 10px;
margin: 0;
border-right: 1px solid #999;
color: #01804e;
}
.mainmenutabs li a:hover{
text-decoration: none;
color: #000000;
}
.mainmenutabs li.selected a{
text-decoration: none;
padding:0px 10px;
margin: 0;
border-right: 1px solid #999;
color: #000000;
}
.mainmenutabs li.selected a.menu{
text-decoration: none;
color: #000000;
padding:0px 26px 0px 10px;
background: #FFF url(/hollandregional/images/down_mainmenutabs.gif) no-repeat right center;
}
.mainmenutabs li a.menu{
text-decoration: none;
padding:0px 26px 0px 10px;
margin: 0;
border-right: 1px solid #999;
color: #01804e;
font-size: 14px;
background: #FFF url(/hollandregional/images/down_mainmenutabs.gif) no-repeat right center;
}
.mainmenutabs li a.menu:hover{
text-decoration: none;
color: #000000;
}

/* ######### Style for Drop Down Menu ######### */


.dropmenudiv_e{
position:absolute;
top: 0;
font:normal 11px;
line-height:18px;
z-index:10001;
background-color: #FFF;
width: 150px;
visibility: hidden;
margin:10px 0 0 -3px;
border: 1px solid #999;
border-width: 0 1px;
}
* html .dropmenudiv_e{
position:absolute;
top: 0;
font:normal 11px;
line-height:18px;
z-index:9000;
background-color: #FFF;
width: 150px;
visibility: hidden;
margin:15px 0 0 -3px;
border: 1px solid #999;
border-width: 0 1px;
}
.dropmenudiv_e a{
width: auto;
display: block;
text-indent: 5px;
border-bottom: 1px solid #999;
padding: 2px 5px;
text-decoration: none;
color: #01804e;
font-weight:normal;
}
* html .dropmenudiv_e a{ /*IE only hack*/
width: 100%;
text-decoration: none;
}
.dropmenudiv_e a:hover{ 
background-color: #F2F2F2;
text-decoration: none;
color:#000;
}
/* NEWPENN 25 STYLES */
.green25 {
background:url(../offers/newpenn25/images/25_green_bkgrd.jpg);
padding:20px;
width:250px;
font: 12px/22px Arial, Helvetica, sans-serif;
color:#333;
background-repeat: repeat-x;
}
.intro25{
padding: 10px;
font-family:Arial, Helvetica, sans-serif;
font-size: 20px;
color: #666;
font-weight: normal;
padding: 0 0 10px 0;
margin-top: 0;
line-height:30px;
border-bottom:1px solid #CCC;
}
.head125 {
color:#000;
font: 18px/22px Arial, Helvetica, sans-serif;
font-weight: normal;
margin-top: 0;
margin-bottom: 20px;
}
.head225 {
color:#01804e;
font: 18px/24px Arial, Helvetica, sans-serif;
font-weight: bold;
margin:0;
}
#banner25 {
height: 150px;
margin: 0;
padding: 0;
width:100%;
background-color: #01804E;
}
#container25 {
width: 620px;
background: #FFF;
margin: 0;
padding: 0;
border-top: 10px solid #01804e;
}
#header25 {
margin: 0;
padding: 0;
background: #FFF;
height: 70px;
width:620px;
border-bottom:5px solid #01804e;
}
#mainContent25 {
margin:0;
padding:0;
width:620px;
}
.couponContainer25 {
padding:10px;
}
.coupon25 {
border:1px dashed #000;
font-size:11px;
color:#666;
line-height: 14px;
}
.coupon25 .head1 {
font-size:25px;
color:#01804e;
font-weight:bold;
line-height: 20px;
margin-top: 10px;
margin-bottom: 10px;
}
.coupon25 .head2 {
font-size:10px;
color:#000;
font-weight:normal;
}
.coupon25 .green {
color:#01804e;
}

/* ######### New Buttons ######### */

.button a{
background: transparent url('../images/form_button_bkgrd.jpg') repeat-x bottom left;
display: block;
float: left;
font: normal 11px Arial;
line-height: 20px;
height: 20px;
padding: 0 10px;
text-decoration: none;
color:#FFF;
}

.button a:link, .button a:visited{
color:#FFF;
text-decoration: none;
}
.button a:hover{ /* Hover state CSS */
background-position: bottom left;
text-decoration: none;
}

.button a:active{ /* Click state CSS */
background-position: center left;
text-decoration: none;
}

.button{ /* Container you can use to surround a CSS button to clear float */
overflow: hidden;
width: 100%;
}

/* ######### Tool Buttons ######### */

#searchForm input.search:focus {
color:#FFF;
background-position: center left;
}
#searchForm input.search
  {
	float:left;
	margin: 0 0 0 5px;
	padding: 0 10px;
	height: 20px;
	line-height:20px;
	border: 0;
	text-decoration: none;
	color:#FFF;
	text-align:center;
	background: transparent url('../images/form_button_bkgrd.jpg') repeat-x bottom left;
	width: auto;
}
#searchForm input.search:hover  {
color:#FFF;
background-position: bottom left;
text-decoration: none;
}
#searchForm input.search:active  {
color:#FFF;
background-position: center left;
text-decoration: none;
}
/* ####### Tool Summary Table styles ######## */
.toolRegister {
	float:right;
	width:190px;
	padding: 0 0 10px 10px;
	border:0;
}
.toolContainer {
	margin:0;
	padding:0;
	border: 1px solid #999;
}
table.toolsComparison {
width:100%;
font: normal 12px/18px Arial, Helvetica, sans-serif;
padding:0;
border-collapse:collapse;
}
table.toolsComparison td{
padding:10px;
}
table.toolsComparison th{
	background:#FDDDBE;
	color:#00367B;
	text-transform:uppercase;
	font-weight:bold;
	padding:5px 10px;
	text-align:left;
}
table.toolsComparison td.info{
color:#666;
padding-left:30px;
}
table.toolsComparison td.info{
background:#F2F2F2;
border-top:5px solid #FFF;
border-right:5px solid #FFF;
border-bottom:5px solid #FFF;;
}
table.toolsComparison td.infoSecured{
color:#666;
padding-left:30px;
background:url(../../images/lock.gif) no-repeat 10px 8px;

}
table.toolsComparison td.infoSecured{
background-color:#F2F2F2;
border-top:5px solid #FFF;
border-right:5px solid #FFF;
border-bottom:5px solid #FFF;
}
table.toolsComparison h3 {
	color:#00367B;
	font: bold 12px Arial, Helvetica, sans-serif;
	margin:0;
}
table.toolsComparison h3 a{
text-decoration:none;
}
table.toolsComparison h3 a:hover{
text-decoration:underline;
}
table.toolsComparison td.footer{
color:#666;
border-top: 5px solid #CCC;
font-size:11px;
}
table.toolsComparison td.nonreg {
background:#E7EAF4 url(../../images/checkmark.gif) no-repeat center;

border-top:5px solid #FFF;
border-right:5px solid #FFF;
border-bottom:5px solid #FFF;
width:25%;
}
table.toolsComparison td.nonregNo {
background-color:#E7EAF4;
border-top:5px solid #FFF;
border-right:5px solid #FFF;
border-bottom:5px solid #FFF;
width:25%;
}
table.toolsComparison td.reg {
background:#FFF2E6 url(../../images/checkmark.gif) no-repeat center;
border-top:5px solid #FFF;
border-bottom:5px solid #FFF;
width:25%;
}
table.toolsComparison td.regNo {
background:#FFF2E6;
border-top:5px solid #FFF;
border-bottom:5px solid #FFF;
width:25%;
}
table.toolsComparison td.head {
color:#666;
text-transform:uppercase;
text-align:center;
font-weight:bold;
background:#FFF;
}
/* Cross-Border Specific Styles */
.cbSideTop{
	background:#FF7D00;
	color:#FFF;
	margin:0;
	padding: 20px;
	font-size:30px;
	line-height:36px;
	text-align:left;
	height:125px;
}
.cbSideTop a{
	color:#FFF;
	font-size:30px;
	line-height:36px;
	text-decoration:none;
}
.cbSideTop p {
	margin:10px 0 0 0;
}
.cbSideTop p a {
	font-size:12px;
	line-height:18px;
	font-weight:bold;
	text-decoration:underline;
	color:#00367B;
}
.cbSubCalloutContainer {
	width:100%;
	overflow:hidden;
}
.cbSubCallout {
	background:#FFF;
	margin: 0 0 10px 0;
	padding:10px;
}
.cbSubCallout .head {
	color:#000;
	font-size:14px;
	font-weight:bold;
}
.cbSubCallout .imgContainer {
	width:60px;
	height:60px;
	float:left;
	margin:0;
}
.cbSubCallout p {
	margin: 0 0 0 70px;
	
}
.clearLeft {
	clear:left;
    height:0;
    font-size: 1px;
    line-height: 0px;
}
.clearRight {
	clear:right;
    height:0;
    font-size: 1px;
    line-height: 0px;
}
h5 {
	font-size: 20px;
	color: #01804E;
	font-weight: normal;
	line-height: 26px;
	margin-top: 0px;
	margin-bottom: 20px;
}

h6 {
	font-size: 14px;
	color: #666;
	font-weight: normal;
	padding: 0;
	margin-top: 0;
	line-height: 20px;
	margin-bottom: 20px;	
}
#cbBanner {
	height: 165px;
	margin: 0;
	padding: 0;
	width:100%;
	position:relative;
	top:0;
	left:0;
}
.cbBannerLeft {
	width:48%;
	float:left;
	height: 165px;
}
.cbBannerRight {
	width:52%;
	float:right;
	height: 165px;
	background:url(/hollandregional/images/cbBannerRight.jpg) top right no-repeat;

}
.cbBannerRight2 {
	width:52%;
	float:right;
	height: 165px;
	background:url(/hollandregional/images/cbBannerRight2.jpg) top right no-repeat;

}
.cbBannerLeft .textContainer {
	padding: 20px 20px 0 20px;
	font-size:14px;
	font-weight:bold;
}
.cbBannerLeft .title {
	font-size:34px;
	line-height:40px;
	color:#FA702A;
	margin-top:20px;
	border-top:1px solid #CCC;
	border-bottom:1px solid #CCC;
	padding: 10px 10px 10px 0;
	font-weight: normal;
	margin-bottom: 0px;
}

.cbMainCallout {
	margin: 0 0 20px 0;
	padding: 0;
	width:100%;
	height:260px;
	overflow: hidden;
}
.cbMainCalloutLeft {
	width:45%;
	float:left;
}
.cbMainCalloutRight {
	width:55%;
	float:left;
}
.cbMainCalloutLeftRow {
	background:#DADADA;
	height:60px;
	margin: 0 0 10px 0;
	padding:10px;
}
.cbMainCalloutRightRow1, .cbMainCalloutRightRow2, .cbMainCalloutRightRow3 {
	background:#004785 url(/hollandregional/images/feature_arrow.jpg) left center no-repeat;
	height:60px;
	margin: 0 0 10px 0;
	padding: 10px 10px 10px 35px;
}
.cbMainCalloutLeftRow .title {
	color:#004785;
	font-size:24px;
	line-height:28px;
}
.cbMainCalloutLeftRow p {
	margin:0;
	font-size:11px;
	line-height:16px;
}
.cbMainCalloutRightRow1 p {
	color:#FC3;
	margin:0 0 0 70px;
	font-size:11px;
	line-height:16px;
	font-weight:bold;
}
.cbMainCalloutRightRow1 .title {
	font-size:18px;
	line-height:24px;
}
.cbMainCalloutRightRow1 .number {
	float:left;
	font-size:34px;
	line-height:60px;
	color:#FC3;
	width:73px;
}
.cbMainCalloutRightRow2 p {
	color:#9CF;
	margin:0 0 0 70px;
	font-size:11px;
	line-height:16px;
	font-weight:bold;
}

.cbMainCalloutRightRow2 .title {
	font-size:18px;
	line-height:24px;
}
.cbMainCalloutRightRow2 .number {
	float:left;
	font-size:34px;
	line-height:60px;
	color:#9CF;
	width:73px;
}

.cbMainCalloutRightRow3 p {
	color:#CCC;
	margin:0 0 0 70px;
	font-size:11px;
	line-height:16px;
	font-weight:bold;
}

.cbMainCalloutRightRow3 .title {
	font-size:18px;
	line-height:24px;
}
.cbMainCalloutRightRow3 .number {
	float:left;
	font-size:34px;
	line-height:60px;
	color:#CCC;
	width:73px;
	text-align: center;
}
.leaf {
	width:132px;
	height:122px;
	position:absolute;
	left:42%;
	top: 10px;
}
.tabcontainer h1 {
color:#333;
font-weight:normal;
font-family:Arial, Helvetica, sans-serif;
margin:0;
font-size:20px;
line-height:35px; 
}
.welcomeMap {
width:250px;
height:250px;
float:right;
margin: 0 0 20px 20px; 
}
.smallfont {
font-size: 9px;
}

/* New Service Alert Styles */
.alertBanner {
	margin: 0;
	padding: 0;
	width:100%;
	background:#01804e url(/newpenn/images/weather/alert_bkgrdTop.jpg) no-repeat top right;
	min-width:600px;
}
.alertBannerIcon {
	width:570px;
	height:165px;
	margin:0;
	padding: 0 30px 0 0;	
}
.alertBannerText {
	background:#333;
	color:#FFF;
	font-size:28px;
	line-height:34px;
	padding: 10px 20px;
}
.alertBannerText p {
	color:#FFF;
	font-size:28px;
	line-height:34px;
	margin:0;
}
.alertAd {
	float:right;
	margin: 0 0 20px 20px;
	width:auto;	
}
.alertSideTop{
	background:#000;
	color:#FFF;
	margin:0;
	padding: 20px;
	font-size:21px;
	line-height:24px;
	text-align:left;
	font-weight: bold;
}
.alertSideTop p {
	margin:5px 0;
	font-size: 11px;
	color: #FFF;
	line-height: 16px;
}
.alertSideTop form.formBody {
	background:#000;
	margin:0;
	padding:0;
	color:#FFF;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:11px;
	line-height:13px;		
}
.alertSideTop form.formBody .labelCell {
	color:#FFF;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:11px;
	line-height:13px;
	width:60px;	
}
.alertSideTop form.formBody .error {
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:10px;
	line-height:13px;
	text-transform:uppercase;
	color:#FFF;	
}
.alertSideTop form.formBody .required {
	color:#FFF;	
}
.alertSideTop form.formBody input.textbox {
	height:15px;
	margin: 0 0 5px 0;
	font-size: 11px;
	line-height:13px;
	width:88px;
}
.alertSideTop form.formBody .buttons input.button {
	margin: 5px 0 0 70px;
	padding: 0 5px;
	height: 20px;
	line-height:20px;
	border: 0;
	text-decoration: none;
	color:#FFF;
	font-family:Arial, Helvetica, sans-serif;
	text-align:center;
	background: transparent url('/newpenn/images/form_button_bkgrd.jpg') repeat-x bottom left;
	width: 60px;
}
.alertSideContainer {
	width:200px;
	margin:0 0 20px 0;
	padding:0;
}
.alertIcon {
	width:200px;
	margin:0;	
}
.alertText {
	width:140px;
	background:#333;
	margin:0;
	padding: 5px 10px 5px 50px;
	color:#FFF;
	font-size:12px;
	line-height:16px;	
}
.alertText p {
	margin:0;
	color:#FFF;
	font-size:12px;
	line-height:16px;	
}
.alertText a, .alertText a:hover {
	color:#FFF;
	text-decoration:none;	
}
.alertPadding {
padding: 0 20px 20px 20px; 
}
.alertConfirmBanner {
margin: 0;
padding: 0;
width:100%;
background:#01804e url(/newpenn/images/weather/confirm_bkgrdTop.jpg) no-repeat top right;
min-width:600px;
}

/* Mobile Styles */
.mobileBanner {
	background: #01804E;
	height: 225px;
	margin: 0;
	padding: 0;
	width:100%;
}
#mainText h1.mobile {
	color: #01804E;
}
h3.mobile {
	color: #000;
}
h4.mobile {
	font-weight: bold;
	padding: 15px 0 0 0;
	margin: 0;
	border-top:1px solid #CCC;
}
ul.mobile li {
	margin-bottom:15px;	
}
