/* updated 10/06/2022 9:00am */

/*body text*/
@import url(https://fonts.googleapis.com/css?family=Open+Sans);

/*header text*/
@import url(https://fonts.googleapis.com/css?family=Maven+Pro);

/* @group reset */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
caption, tfoot, thead, th{
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table 
{
	border-collapse: collapse;
	border-spacing: 0;
}

table, tr, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	background: transparent;
	line-height: 1.5em;
}

/* @end */

/* @group global */

body {
	font-family: "Open Sans", Helvetica, Arial, sans-serif;
	font-size: 100%;
	line-height: 1em;
	color: #000000;	/* Public Site Default Color */
	margin: 0px;
	padding: 0px;
	background: #ededed;
	/* Xurl(/Upload/images/body-background.png) repeat-x; */
	width:  100%;
}

h1, h2, h3, h4 {
	font-family: "Open Sans", Helvetica, Arial, sans-serif;
}


#page {
	margin-left: auto;
	padding-top: 0;
	margin-right: auto;
	width: 960px;
	position: relative;
	background-color: #ffffff;
	height: 100%;
}

#header {
	width: 100%;
	height: 70px;
	position: relative;
	background-color: #ffffff;
	z-index: 100;
}

#header h1 a#logo {
	width: 306px;
	height: 45px;
	display: block;
	text-indent: -5000px;
	overflow: hidden;
	position: absolute;
	bottom: 8px;
	left: 22px;
	background: url(/Upload/images/GrinnellSpecialtyAgency-Logo.png) no-repeat;
}

#header ul.navigation {
	padding-left: 6px;
	list-style: none;
	position: absolute;
	top: 80px;
	left: 30px;
	height: 30px;
	background-color: #00538b;
	-moz-border-radius: 3px 3px 0 0;
	-webkit-border-radius: 3px 3px 0 0;
	border-radius: 3px 3px 0 0;
	width: 895px;
}

#header ul.navigation li {
	float: left;
	display: inline;
	position: relative;
	margin-top: 5px;
}
#header ul.navigation li a {
	margin: 0px 35px 6px 35px;
	padding: 3px 5px;
	text-align: left;
	float: left;
	display: inline;
	white-space: nowrap;
	color: #fff;
	text-decoration: none;
	font-size: 14px;
	line-height: 14px;
}

#header ul.navigation li a:hover {
	color: #132b52;
	-moz-border-radius-topleft: 3px;
    -moz-border-radius-topright: 3px;
    -moz-border-radius-bottomright: 3px;
    -moz-border-radius-bottomleft: 3px;
    -webkit-border-radius: 3px 3px 3px 3px;
    border-radius: 3px 3px 3px 3px;
    background-color: #fff;
    background-color: transparent\9; /* IE8 and below */
    color: #ffffff\9; /* IE8 and below */
    border-bottom: 2px dotted #fff\9; /* IE8 and below */
}

#header ul.navigation li ul.dropnav {
	display: none;
	padding: 0;
	background-image: url(/Upload/images/dropnav-background.png);
	background-repeat: repeat;
	background-position: 0 0;
	position: absolute;
	top: 25px;
	left: 23px;
	width: 140px;
}

#header ul.navigation li:hover ul {
	display: none;
}

#header ul.navigation li ul.dropnav li {
	float: left;
	display: none;
	clear: left;
	width: 100%;
	overflow: hidden;
	margin-top: 0;
}

#header ul.navigation li ul.dropnav li a {
	padding: 5px 8px 6px 8px;
	text-align: left;
	float: left;
	display: block;
	white-space: nowrap;
	color: #ffffff;
	text-decoration: none;
	font-size: 11px;
	line-height: 12px;
	width: 140px;
}
	#header ul.navigation li ul.dropnav li a:hover {
		background-color: #152C53;
	}

#header .findanagent {
	position: absolute;
	right: 20px;
	bottom: 40px;
	width: 203px;
	height: 28px;
	line-height: 28px;
	color: #fff;
	text-decoration: none;
	overflow: hidden;
	text-align: center;
	background-image: url(/Upload/images/bg_red_fade.gif);
}

#header .search-form {
	position: absolute;
	right: 50px;
	bottom: 20px;
	width: auto;
}

#header .search-form::before {
	content: ".";
	visibility: hidden;
}

#header .search-form input.text {
	margin-right: 2px;
	width: 152px;
	height: 16px;
	vertical-align: bottom;
}

#header .search-form input.image {
	vertical-align: bottom;
}

#footer {
	width: 90%;
	position: relative;
	margin: auto;
	padding-top: 8px;
	padding-bottom: 10px;
	text-align: center;
	font-size: 10px;
	color: #636466;
}

#footer a {
	color: #009fe3;
	font-size: 10px;
	text-decoration: underline;
	line-height: 10px;
}

#footer ul.navigation {
}

#footer ul.navigation li {
	display: inline;
	border-right-color: #95865b;
	border-right-width: 1px;
	border-right-style: solid;
	padding-right: 12px;
	padding-left: 12px;
}

#footer ul.navigation li.last {
	border-right-style: none;
}

.clear {
	clear: both;
	line-height: 0;
	height: 0;
	overflow: hidden;
}

strong {
	font-weight: bold;
}

em {
	font-style: italic;
}

cite {
	font-style: italic;
}

address {
	font-style: normal;
}

sup {
	vertical-align: top;
	font-size: .6em;
}

#main #content a {
	color: #002B54;
	text-decoration: underline;
}

#main #content h2 a {
	text-decoration: none;
}

#main #content a:hover {
	color: #00538b;
}

.mainbg {
    height: 150px;
    margin-top: -40px;
    margin-bottom: 15px;
    background-repeat: no-repeat;
    background-position: center top;
}

.maintext {
    position: relative;
    top: 45px;
    left: 10px;
    width: 90%;
    font-size: 14px;
    text-align: left;
}

div#content .maintext h2 {
	font-size: 2em;
	padding: 15px 0;
}

#content p {
	line-height: 1.5em;
	margin-bottom: 1.5em;
}

#content address {
	line-height: 1.5em;
	margin-bottom: 1.5em;
}

#content form label {
	float: left;
	display: inline;
	clear: left;
	font-size: 13px;
	line-height: 13px;
}

#content ul {
	line-height: 1.5em;
	margin-top: 1.5em;
	margin-bottom: 1.5em;
	margin-left: 2em;
	list-style-position: outside;
	list-style-type: disc;
	padding: 0;
}

#content ul li {
	line-height: 1.5em;
}

#content ol.numbered {
	line-height: 1.5em;
	margin-top: 1.5em;
	margin-bottom: 1.5em;
	margin-left: 2em;
	list-style-position: outside;
	list-style: decimal;
	padding: 0;
}

#content ol.numbered li {
	line-height: 1.5em;
}

.subnavigation {
	margin-right: 20px;
	padding-top: 15px;
	background-image: url(/Upload/images/subnavigation-background.png);
	background-position: 0 0;
	background-repeat: no-repeat;
	width: 147px;
	min-height: 165px;
	float: left;
}

.subnavigation li {
	margin-bottom: .25em;
}

.subnavigation li a {
	width: 121px;
	padding-right: 13px;
	padding-left: 13px;
	display: block;
	color: #95865b;
	text-decoration: none;
	line-height: 1.4em;
}

.subnavigation li a:hover,
.subnavigation li.active a {
	color: #b61e3b;
}

#content 
{
	white-space: normal;
	margin-top: 70px;
	padding: 0 30px;
}

#content h2 
{
    padding-bottom: 1.5em;
    font-size: larger;
    line-height: 1.2em;
}

#mainImage {
	margin: 0 30px 30px 10px;
	background-color: inherit;
	float: right;
	width: 450px;
}

#content .hr hr {
	display:none;
}

#content .hr {
  height: 0;
  margin-bottom: 1.5em;
  line-height: 1em;
  width: 100%;
  border-bottom-width: 1px;
  border-color: #b0a68e;
  border-style: solid;
}

.leftbox, .rightbox {
	width: 430px;
	height: 300px;
	float: left;
	background-color: gray;
	cursor: pointer;
}

.leftbox h2, .rightbox h2 
{
    font-size: 2em !important;
    text-align: center;
    margin: 15px auto;
	font-family: "Maven Pro", Helvetica, Arial, sans-serif;
}

.leftbox a, .rightbox a 
{
    color: #ffffff !important;
}

.leftbox 
{
    margin: 15px 20px 10px 0;
} 

.rightbox 
{
    margin: 15px 0 10px 20px;
}

/* @end */

/* @group layout1 */

#layout1  #header .findanagent {
	display: none;
}

#layout1 #main {
	margin: 0;
	padding: 0 20px;
	background-color: #ffffff;
	border-bottom-color: #efece5;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	zoom: 1;
}
	
#layout1 #mainImage {
		margin-bottom: 0;
	}

#layout1 #content {
	margin: 20px 0;
	padding: 0;
	float: left;
	display: inline;
	width: 675px;
}

#layout1 #sidebar {
	float: right;
	display: inline;
	width: 232px;
}

#layout1 #sidebar .agent-search-form {
	margin-bottom: 15px;
	float: left;
	display: inline;
	clear: left;
	background: url(/Upload/images/agent-search-form-background.png) no-repeat center bottom;
	width: 184px;
	padding: 5px 24px 0 24px;
	height: 127px;
}

#layout1 #sidebar .agent-search-form label {
	line-height: 17px;
	font-size: 13px;
	color: #95865b;
}

#layout1 #sidebar .agent-search-form input.text {
	margin-top: 16px;
	margin-bottom: 10px;
	width: 168px;
}

#layout1 #sidebar .agent-search-form input.submit-button {
	margin-right: auto;
	margin-left: auto;
	display: block;
	margin-bottom: 15px;
}

.btn-make-payment {
	display: block;
	margin: 14px 0;
}

.button {
	padding: 17px;
	text-align: center;
	color: #DBD6C8;
	font-size: 14px;
	display: block;
	clear: left;
	text-decoration: none;
	margin-bottom: 10px;
	line-height: 16px;
	cursor: pointer; /* just to make sure */
}
	.button:hover {
		color: #fff;
	}
	.button.blue {
		background: #4c5471 url(/Upload/images/bg_blue_fade.gif) 0 0 repeat-x;
	}
	.button.red {
		background: #ba4052 url(/Upload/images/bg_red_fade.gif) 0 0 repeat-x;
	}
		.button.blue {
			*height: 16px; /* weird spacing issue with IE 7 only */
		}

#layout1 #sidebar p {
	line-height: 1.5em;
	margin-bottom: 1.5em;
}

.slideshow, .polaroid {  
    height:  320px;  
    width:   450px;
    float: right;
    padding: 0;
    margin:  0 30px 55px 20px;
}

.polaroid img  {
    padding: 15px 15px 50px 15px;
    border: 1px solid #ccc; 
    background-color: #eee;
    height: 300px;
    width: 420px;
    
} 

.main-corners
{
    position: relative;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -khtml-border-radius: 3px;
    border-radius: 3px;
    zoom: 1;
    behavior: url(/Upload/Style/border-radius.htc);
 }
 
.round-corners img 
{
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -khtml-border-radius: 3px;
    border-radius: 3px;
}

 
#navHome {
	position: relative;
	height: 130px;
	clear: both;
}	
	#navHome ul {
		position: absolute;
		bottom: 0;
		height: 112px;
		width: 920px;
	}
	#navHome li {
		position: absolute;
		left: 0;
		bottom: 0;
		width: 228px;
		height: 30px;
		background-color: #ede8df;
	}
		#navHome li.two { left: 230px; }
		#navHome li.three { left: 460px; }
		#navHome li.four { left: 690px; }
		
		#navHome li div {
			display: none;
			color: #fff;
			height: 82px;
		}
			#navHome li div p {
				padding: 10px;
			}
		#navHome li a {
			display: block;
			text-align: center;
			color: #95865b;
/*			color: #B61E3B;*/
			text-decoration: none;
			font-size: 1em;
			height: 30px;
			line-height: 30px;
			background: transparent url(/Upload/images/sub-banners-h2-background.png) 0 0 repeat-x;
		}
		#navHome li.active {
/*			background-color: #000;*/
		}
			#navHome li.active div {
				display: block;
				background-color: #231F20;
			}
			#navHome li:hover div {
				
			}
			#navHome li:hover a {
/*				color: #B61E3B;*/
				color: #fff;
				background-position: 0 -31px;
			}

.agents-found ul li {
	margin-bottom: 28px;
}