/* 11/10/2008 Trevor Davis - CIC Screen Stylesheet */

/*****Reset*****/
html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote, pre, form, fieldset, table, th, td { margin: 0; padding: 0; }

/*****Basic Definitions*****/
body { background: #eee; color: #555; font: 12px/18px Georgia, "Times New Roman", Times, serif; }
h1 { font-size: 24px; font-weight: normal; line-height: 30px; margin-bottom: 20px; }
h2 { font-size: 20px; line-height: 26px; margin-bottom: 10px; }
h3 { font-size: 1.333em; }
h4 { font-size: 1.167em; }
h5, h6 { font-size: 1em; }

a { color: #e51b24; }
a:visited {  }
a:hover { text-decoration: none; }
img { border: none; }
p, ul, ol, dl, table { margin-bottom: 18px; }
ul ul ul { margin-bottom: 0; }
ul, ol, dd { margin-left: 36px; }
blockquote { color: #e51b24; font-size: 16px; font-style: italic; line-height: 22px; }
blockquote p.cite { color: #000; font-size: 12px; line-height: 18px; font-weight: bold; }
blockquote p.cite cite { font-style: normal; }
blockquote p.cite span.organization { display: block; }

/*****Custom Classes*****/
.clearing { clear: both; }
.clearfix { overflow: hidden; }
.last { margin-bottom: 0; }
.screenReader { left: -9999px; position: absolute; top: -9999px; }
.separate { display: block; }
.leftSide { float: left; 0 10px 10px 0; }
.rightSide { float: right; margin: 0 0 10px 10px; }
ul.listing { list-style: none; margin: 0; }
ul.listing li { margin-bottom: 18px; }
ul.listing li span.date { display: block; }
ul.together { margin-bottom: 18px; }
ul.together li { margin-bottom: 0; }
blockquote.pullquote { float: left; margin: 0 18px 0 0; width: 190px; }
blockquote.pullquote.alt { float: right; margin: 0 0 0 18px; }
.halfColumn { float: left; width: 340px; }
.halfColumn.alt { float: right; }
.related { background: #ededed; border: 1px solid #dedede; padding: 10px; width: 220px; }
.caption { display: block; font-size: 10px; font-style: normal; line-height: 16px; }

/*****Basic Layout*****/
div#container { margin: 0 auto; overflow: hidden; width: 972px; }
div#header { 
	background: url(/images/template/content-top.gif) no-repeat bottom left;
	float: left;
	padding: 9px 6px 14px 0;
	position: relative;
	width: 966px;
}
div#content {
	background: #fff url(/images/template/content-bg.gif) repeat-y;
	clear: both;
	float: left;
	padding: 6px 26px 18px;
	width: 920px;
}
body#home div#content { padding: 0 16px 18px; width: 940px; }
div#primaryContent { float: left; width: 193px; }
div#secondaryContent { float: right; width: 707px; }
div#branding { background: #e51b24 url(/images/template/branding.gif) no-repeat; margin-bottom: 16px; position: relative; top: -4px; }
div#footer {
	background: #fff url(/images/template/content-bg.gif) repeat-y;
	clear: both;
	float: left;
	padding: 0 6px;
	width: 960px;
}

/*****Header*****/
div#header h1, div#header a#logo {
	display: block;
	font-size: 12px;
	height: 93px;
	left: 17px;
	margin-bottom: 0;
	position: absolute;
	top: 25px;
	width: 198px;
}
div#header h1 span, div#header a#logo span {
	background: url(/images/template/logo.gif) no-repeat;
	display: block;
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
}
div#header p#tagline {
	border-left: 1px solid #000;
	color: #000;
	font-size: 18px;
	left: 231px;
	margin: 0;
	padding: 7px 10px 7px 15px;
	position: absolute;
	top: 39px;
}
div#header div#tools { overflow: hidden; }
img#printLogo { display: none; visibility: hidden; }

/**Utility Nav**/
div#header ul#utilityNav { float: right; list-style: none; margin-bottom: 13px; text-align: right; }
div#header ul#utilityNav li { 
	border-right: 1px solid #000;
	display: inline;
	font-size: 13px;
	line-height: 13px;
	margin-right: 5px;
	padding-right: 5px;
}
div#header ul#utilityNav li:last-child, div#header ul#utilityNav li.last { border-right: none; margin-right: 0; padding-right: 0; }
div#header ul#utilityNav a { text-decoration: none; }
div#header ul#utilityNav a:hover { text-decoration: underline; }

/**Search Form**/
div#header form#searchForm { clear: right; float: right; margin-bottom: 27px; }
div#header form#searchForm p { margin-bottom: 0; }
div#header form#searchForm input#searchInput { 
	background: #fff;
	border: 1px solid #e2dce6;
	border-radius-bottom-left: 3px;
	border-radius-top-left: 3px;
	font: inherit;
	-moz-border-radius-bottomleft: 3px;
	-moz-border-radius-topleft: 3px;
	padding: 3px 2px 2px;
	-webkit-border-radius-bottom-left: 3px;
	-webkit-border-radius-top-left: 3px;
	width: 210px;
}
div#header form#searchForm input#searchButton {
	background: #e51b24;
	border: none;
	border-radius-bottom-right: 3px;
	border-radius-top-right: 3px;
	color: #fff;
	cursor: pointer;
	font-family: inherit;
	font-size: 17px;
	-moz-border-radius-bottomright: 3px;
	-moz-border-radius-topright: 3px;
	padding: 0 2px;
	vertical-align:top;
	-webkit-border-radius-bottom-right: 3px;
	-webkit-border-radius-top-right: 3px;
}

/**Primary Nav**/
div#header ul#primaryNav { 
	clear: both;
	float: left;
	list-style: none;
	margin: 0 0 0 229px;
}
div#header ul#primaryNav li { float: left; }
div#header ul#primaryNav a {
	background: #fff;
	display: block;
	height: 52px;
	position: relative;
	width: 234px;
}
div#header ul#primaryNav span {
	background: url(/images/template/primary-nav.gif) no-repeat;
	display: block;
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
}

body#about div#header ul#primaryNav li#aboutNav a span, div#header ul#primaryNav li#aboutNav a:hover span { background-position: 0 -52px; }

div#header ul#primaryNav li#workersCompNav a { width: 260px; }
div#header ul#primaryNav li#workersCompNav span { background-position: -234px 0; }
body#workersComp div#header ul#primaryNav li#workersCompNav a span, div#header ul#primaryNav li#workersCompNav a:hover span { background-position: -234px -52px; }

div#header ul#primaryNav li#customerResourcesNav a { width: 232px; }
div#header ul#primaryNav li#customerResourcesNav span { background-position: -494px 0; }
body#customerResources div#header ul#primaryNav li#customerResourcesNav a span, div#header ul#primaryNav li#customerResourcesNav a:hover span { background-position: -494px -52px; }

/*****Secondary Nav*****/
div#secondaryNav { background: #e51b24 url(/images/template/secondary-nav-corners.gif) no-repeat; margin-bottom: 40px; }
div#secondaryNav ul { 
	background: url(/images/template/secondary-nav-corners.gif) no-repeat bottom right;
	font-size: 14px;
	font-weight: bold;
	list-style: none;
	margin: 0;
	padding: 12px 0;
}
div#secondaryNav ul li { text-align: center; }
div#secondaryNav ul a { color: #fff; display: block; padding: 3px; text-decoration: none; }
div#secondaryNav ul a:hover, div#secondaryNav ul li.current a { background: #fff; color: #e51b24; }
div#secondaryNav ul ul { background: none; font-size: 12px; padding: 0; }

/*****Homepage Branding Area*****/
div#branding div.branding {
	background-position: top right;
	background-repeat: no-repeat;
	color: #fff;
	display: none;
	font-size: 18px;
	height: 200px;
	line-height: 24px;
	padding: 30px 500px 10px 30px;
	width: 410px;
}
div#branding div.branding1 { background-image: url(/images/template/branding-1.jpg); display: block; }
div#branding div.branding2 { background-image: url(/images/template/branding-2.jpg); }
div#branding div.branding3 { background-image: url(/images/template/branding-3.jpg); }
div#branding div.branding4 { background-image: url(/images/template/branding-4.jpg); }
div#branding div.branding5 { background-image: url(/images/template/branding-5.jpg); }
div#branding h2 { font-size: 30px; font-weight: normal; line-height: 36px; }
div#branding a { color: #fff; }
div#branding a.callToAction { display: block; }

/*****Homepage Column Container*****/
div.columnContainer { margin: 0 auto; overflow: hidden; width: 920px; }
div.column { float: left; margin-right: 13px; width: 298px; }
div.column.last { margin-right: 0; }
body#home div.column h2 { 
	background: url(/images/template/mini-logo.gif) no-repeat 0 4px;
	border-bottom: 1px solid #d3d3d3;
	font-size: 18px;
	font-weight: normal;
	line-height: 24px;
	margin-bottom: 18px;
	padding-left: 15px;
}
body#home div.column h3 { font-size: 12px; margin-bottom: 18px; }
body#home div.column h3.together { margin-bottom: 2px; }

/*****Primary Content Modules*****/
div#primaryContent div.module { font-size: 14px; }

/*****Secondary Content*****/
h1#section {
	background: #0157ae url(/images/template/about-header.jpg) no-repeat top left;
	color: #fff;
	line-height: 84px;
	padding: 0 17px;
	text-align: right;
}
body#customerResources h1#section { background: #588cbb url(/images/template/other-lines-header.jpg) no-repeat top left; }
body#workersComp h1#section { background: #e7f6f3 url(/images/template/workers-comp-header.jpg) no-repeat top left; color: #000; }

div#secondaryContent h1 + p, div#secondaryContent .lead { font-size: 14px; font-weight: bold; line-height: 20px; }

/*****Forms*****/
ol.forms { float: left; list-style: none; margin-left: 0; width: 100%; }
ol.forms li { clear: both; float: left; margin-bottom: 18px; width: 100%; }
ol.forms li.buttons { margin-bottom: 0; }
ol.forms label { 
	cursor: pointer;
	display: block;
	float: left;
	font-size: 14px;
	font-weight: bold;
	padding-right: 5px;
	width: 80px;
}
ol.forms input, ol.forms textarea { font: inherit; }
ol.forms input[type=text], ol.forms textarea {
	border: 1px solid #999;
	padding: 3px;
	width: 200px;
}
ol.forms textarea { height: 300px; overflow: auto; width: 400px; }
ol.forms input[type=text]:focus, ol.forms textarea:focus { background-color: #efefef; border-color: #777; }
.required { color: #E71821; font-size: 18px; font-weight: bold; }
ol.forms .error {
	border-top: 2px solid #E71821;
	color: #E71821;
	padding: 3px 4px 0;
	position: relative;
	top: 3px;
	vertical-align: top;
}
ol.forms li.buttons input { margin-left: 85px; }

/*****Staff Directory*****/
table { border-bottom: 1px solid #dedede; width: 375px; }
table td  { border-top: 1px solid #dedede; padding: 5px; }
table th { padding: 5px; text-align: left; }
table tr.odd { background-color: #efefef; }

/*****Quick Takes*****/
ul.quickTakes li a { 
	color: #555; 
	display: block;
	font-size: 20px; 
	font-weight: bold;
	line-height: 26px; 
	margin-bottom: 10px; 
	text-decoration: none;
}
ul.quickTakes li { margin-bottom: 0; }
ul.quickTakes ul { list-style: none; margin: 0; }
ul.quickTakes li ul li { margin-bottom: 18px; }
ul.quickTakes li ul a { 
	color: #e51b24;
	display: inline;
	font-size: 12px;
	font-weight: normal;
	line-height: 18px;
	margin-bottom: 0;
	text-decoration: underline;
}
ul.quickTakes li ul a:hover { text-decoration: none; }

/*****Directions*****/
ul.addresses { float: left; list-style: none; margin-left: 0; width: 100%; }
ul.addresses li { float: left; margin-right: 20px; }

/*****Footer*****/
div#footer div.inner {
	background: url(/images/template/copyright-bottom-bg.gif) repeat-x bottom left;
	float: left;
	padding-bottom: 13px;
	position: relative;
	width: 960px;
}
div#footer div#copyright {
	background: #3c403c url(/images/template/copyright-bg.gif) repeat-x;
	color: #fff;
	float: left;
}
div#footer div#copyright a { color: #f3c712; text-decoration: none; }
div#footer div#copyright a:hover { text-decoration: underline; }
div#footer div#copyright p { 
	background: url(/images/template/footer-right-bg.gif) no-repeat top right;
	margin: 0;
	padding: 7px 80px 1px 20px;
}

div#footer a#cagcLogo {
	background: url(/images/template/cagc-logo.gif) no-repeat;
	display: block;
	height: 25px;
	position: absolute;
	right: 20px;
	text-indent: -9999px;
	top: -5px;
	width: 103px;
}

p#matrix { 
	background: url(/images/template/footer-bottom-bg.gif) no-repeat;
	clear: both;
	margin: 0 auto;
	padding: 12px 0 18px 26px;
	width: 946px;
}
p#matrix a { text-decoration: none; }
p#matrix a:hover { text-decoration: underline; }

/*****Search Results*****/
div#cse-search-results iframe { width: 707px; }

div#modalNotice {
	padding:10px;
}
