/* 960 Grid System  http://960.gs/  2009-12-20 */

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, table, caption, tbody, tfoot, thead, tr, th, td {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;}
blockquote:before, blockquote:after, q:before, q:after {content:''; content: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;}


/* `Basic HTML
----------------------------------------------------------------------------------------------------*/
body {font:13px/1.5 Arial, Helvetica, sans-serif; margin:0; padding:0; background:#f4f4f4; color:#6c6c6d;}
a:link {color:#388;}
a:hover, a:visited, a:active {color:#033;}
a:focus {outline:1px dotted;}
hr {border:0 #ccc solid; border-top-width:1px; clear:both; height:0;}

/* `Headings
----------------------------------------------------------------------------------------------------*/
h1 {font-size:25px;}
h2 {font-size:23px;}
h3 {font-size:21px;}
h4 {font-size:19px;}
h5 {font-size:17px;}
h6 {font-size:15px;}

/* `Spacing
----------------------------------------------------------------------------------------------------*/
ol {list-style:decimal;}
ul {list-style:disc;}
li {margin-left:30px;}

p, dl, hr, h1, h2, h3, h4, h5, h6, ol, ul, pre, table, address, fieldset {margin-bottom:20px;}


/* `Containers
----------------------------------------------------------------------------------------------------*/
.container_12 {margin-left:auto; margin-right:auto; width:960px;}

/* `Grid >> Global
----------------------------------------------------------------------------------------------------*/
.grid_1, .grid_2, .grid_3, .grid_4, .grid_5, .grid_6, .grid_7, .grid_8, .grid_9, .grid_10, .grid_11, .grid_12 {display:inline; float:left; position:relative; margin-left:10px; margin-right:10px;}

/* `Grid >> Children (Alpha ~ First, Omega ~ Last)
----------------------------------------------------------------------------------------------------*/
.alpha {margin-left:0;}
.omega {margin-right:0;}

/* `Grid >> 12 Columns
----------------------------------------------------------------------------------------------------*/
.container_12 .grid_1 {width:60px;}
.container_12 .grid_2 {width:140px;}
.container_12 .grid_3 {width:220px;}
.container_12 .grid_4 {width:300px;}
.container_12 .grid_5 {width:380px;}
.container_12 .grid_6 {width:460px;}
.container_12 .grid_7 {width:540px;}
.container_12 .grid_8 {width:620px;}
.container_12 .grid_9 {width:700px;}
.container_12 .grid_10 {width:780px;}
.container_12 .grid_11 {width:860px;}
.container_12 .grid_12 {width:940px;}

/* `Prefix Extra Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/
.container_12 .prefix_1 {padding-left:80px;}
.container_12 .prefix_2 {padding-left:160px;}
.container_12 .prefix_3 {padding-left:240px;}
.container_12 .prefix_4 {padding-left:320px;}
.container_12 .prefix_5 {padding-left:400px;}
.container_12 .prefix_6 {padding-left:480px;}
.container_12 .prefix_7 {padding-left:560px;}
.container_12 .prefix_8 {padding-left:640px;}
.container_12 .prefix_9 {padding-left:720px;}
.container_12 .prefix_10 {padding-left:800px;}
.container_12 .prefix_11 {padding-left:880px;}

/* `Suffix Extra Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/
.container_12 .suffix_1 {padding-right:80px;}
.container_12 .suffix_2 {padding-right:160px;}
.container_12 .suffix_3 {padding-right:240px;}
.container_12 .suffix_4 {padding-right:320px;}
.container_12 .suffix_5 {padding-right:400px;}
.container_12 .suffix_6 {padding-right:480px;}
.container_12 .suffix_7 {padding-right:560px;}
.container_12 .suffix_8 {padding-right:640px;}
.container_12 .suffix_9 {padding-right:720px;}
.container_12 .suffix_10 {padding-right:800px;}
.container_12 .suffix_11 {padding-right:880px;}

/* `Push Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/
.container_12 .push_1 {left:80px;}
.container_12 .push_2 {left:160px;}
.container_12 .push_3 {left:240px;}
.container_12 .push_4 {left:320px;}
.container_12 .push_5 {left:400px;}
.container_12 .push_6 {left:480px;}
.container_12 .push_7 {left:560px;}
.container_12 .push_8 {left:640px;}
.container_12 .push_9 {left:720px;}
.container_12 .push_10 {left:800px;}
.container_12 .push_11 {left:880px;}

/* `Pull Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/
.container_12 .pull_1 {left:-80px;}
.container_12 .pull_2 {left:-160px;}
.container_12 .pull_3 {left:-240px;}
.container_12 .pull_4 {left:-320px;}
.container_12 .pull_5 {left:-400px;}
.container_12 .pull_6 {left:-480px;}
.container_12 .pull_7 {left:-560px;}
.container_12 .pull_8 {left:-640px;}
.container_12 .pull_9 {left:-720px;}
.container_12 .pull_10 {left:-800px;}
.container_12 .pull_11 {left:-880px;}

/* `Clear Floated Elements
----------------------------------------------------------------------------------------------------*/
/* http://sonspring.com/journal/clearing-floats */
.clear {clear:both; display:block; overflow:hidden; visibility:hidden; width:0; height:0;}

/* http://perishablepress.com/press/2009/12/06/new-clearfix-hack */
.clearfix:after {clear:both; content:' '; display:block; font-size:0; line-height:0; visibility:hidden; width:0; height:0;}

/* The following zoom:1 rule is specifically for IE6 + IE7. Move to separate stylesheet if invalid CSS is a problem. */
* html .clearfix,
*:first-child+html .clearfix {zoom:1;}


.left {float:left;}
.right {float:right;}

/** Nav **/
#header_wrap {background:#f8f8f8; overflow:hidden; margin:0; padding:0;}
#nav_wrap {padding:35px 0 18px 0; overflow:hidden;}
ul#nav {list-style-type:none; float:right; margin:40px 0 0 -50px; width:362px;}
	ul#nav li {list-style-type:none; margin:0; padding:0; float:right;}
	#nav li a {background:url(/images/nav.png) no-repeat; height:40px; display:block; float:left; text-decoration:none;}
		#nav li a:hover {background-position:0 -40px !important;}
			a#nav-login {width:69px;}
				#nav li a#nav-login:hover, #login a#nav-login {background-position:0 -40px !important;}
			a#nav-logout {width:91px; background-position:-350px 0 !important;}
				#nav li a#nav-logout:hover, #logout a#nav-logout {background-position:-350px -40px !important;}
			a#nav-blog {width:74px; background-position:-69px 0 !important;}
				#nav li a#nav-blog:hover, #blog a#nav-blog {background-position:-69px -40px !important;}
			a#nav-resources {width:126px; background-position:-142px 0 !important;}
				#nav li a#nav-resources:hover, #resources a#nav-resources {background-position:-142px -40px !important;}
			a#nav-board {width:71px; background-position:-269px 0 !important;}
				#nav li a#nav-board:hover, #board a#nav-board {background-position:-269px -40px !important;}
#heading_wrap {background:url(/images/bg_header_pattern.jpg) repeat-x;}
#heading_wrap .container_12 {height:80px; overflow:hidden; background:url(/images/bg_header.jpg) center no-repeat;}
/** Nav **/

#content_wrap {background:#fff; padding:30px 0;}


/** HMPG **/
#hmpg #content_wrap {padding-top:0;}
#hmpg_feature {margin-top:-60px; z-index:4000; text-align:center; width:870px; height:190px; background:url(/images/hmpg_feature.png) no-repeat center; text-align:right; padding:230px 90px 0 0;}
#whatwedo img {}


/** Login **/
#overlay {background:#fff; height:300px; display:none; z-index:10000; width:300px; min-height:200px;}
#grievanceoverlay {background:#fff; height:300px; display:none; z-index:10000; width:400px; min-height:200px;}
#overlay .close, #grievanceoverlay .close {background-image:url(/images/close.png); position:absolute; right:-15px; top:-15px; cursor:pointer; height:35px; width:35px;}


div.contentWrap {overflow-y:auto; padding:25px;}
	div.contentWrap h3 {text-transform:uppercase; color:#e63f49; margin:15px 0 0 0; line-height:1.2;}
	div.contentWrap h4 {line-height:1.2; margin:0;}
	div.contentWrap p {margin-bottom:0;}
	div.contentWrap form p {margin-bottom:30px;}
	div.contentWrap label {font-weight:bold; font-size:1.2em; color:#000;}
		div.contentWrap label.choice {font-weight:normal; font-size:1em;}
#members h3 {text-transform:uppercase; color:#e63f49; margin-bottom:0;}


/** Blog **/
#blog, #blog span {font-family:Arial, Helvetica, sans-serif !important;}
#blog #content_wrap h2 {color:#e63f49; margin-bottom:0;}
#blog .post {margin-bottom:40px;}
#blog .comments {}
	#blog .comment {background:#f8f8f8; padding:25px 25px 10px 25px; margin-bottom:6px;}
	#blog .comment-even {background:#fff;}
		#blog .comment h4 {color:#828282; margin-bottom:0;}
			#blog .comment h4 strong {color:#388;}
			#blog .comment h4 span {float:right; font-size:12px; font-weight:normal; color:#cacaca; padding-top:8px;}
	#blog #comment_form {margin-top:25px;}
		#blog #comment_form h6 {margin-bottom:5px;}
		#blog #comment_form textarea {display:block; margin-bottom:10px; width:460px;}
		#blog #comment_form input {display:block;}


/** Resources **/
#resources #content_wrap h3 {color:#e63f49; margin-bottom:0;}
#resources .grid_4 ul {list-style-type:none; margin:0 0 14px 0; padding:0;}
	#resources .grid_4 ul li {list-style-type:none; margin:0; padding:3px 0;}
		#resources .grid_4 li a {text-decoration:none;}
		#resources .grid_4 li a:hover {text-decoration:underline;}
	#resources .grid_4 ul ul {margin-left:30px;}
		#resources .grid_4 ul.downloads li {background:url(/images/page_white_acrobat.png) 0 4px no-repeat; padding-left:24px;}


/** Board **/
#board #board_description {margin-bottom:20px;}
#board .board_members {margin-bottom:40px;}
	#board .board_members h4 {margin-bottom:0; color:#e63f49;}
		#board .board_members h4 em {font-style:italic; color:#828282; font-size:.7em; font-weight:normal;}
	#board .board_members p {margin-bottom:8px;}


/** Footer **/
#footer_wrapper {border-top:1px solid #e0e0e0; overflow:hidden; padding-top:5px;}
	#footer_wrapper .container_12 {background:url(/images/bg_footer.png) top center no-repeat; overflow:hidden;}
	#footer_wrapper .grid_4 {padding:20px 10px; width:280px;}
		#footer_wrapper #footer_credits img.logos {vertical-align:middle;}
		#footer_wrapper #footer_credits {color:#c4c4c4;}
			#footer_credits #akrongeneral {margin:8px 0 0 2px;}
			#footer_credits #ibg {margin:12px 0 0 2px;}
		#footer_wrapper p {margin-bottom:0;}
		#footer_wrapper address {font-style:normal;}


/** Forms **/
/* - - - - - - - - - - - - - - - - - - - - -

Title :Wufoo Form Framework
Author :Infinity Box Inc.
URL :http://wufoo.com

Last Updated :October 14, 2008

- - - - - - - - - - - - - - - - - - - - - */
form ul {margin:0; padding:0; list-style-type:none; width:100%;}
form li {display:block; margin:0; padding:4px 0 2px 0; clear:both;}
form li:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
* html form li {height:1%;}
* html form li div {display:inline-block;}
*+html form li div {display:inline-block;}

form li div, form li span {margin:0 4px 0 0; padding:0 0 8px 0; color:#444;}
form li span {float:left;}

form li div.column {padding-bottom:0;}
form li div span.left, form li div span.right {width:47%; margin:0;}
form li div span.full input, 
form li div span.full select, 
form li div span.left input, 
form li div span.right input,
form li div span.left select,
form li div span.right select {width:100%;}


/* ----- LABELS ----- */
label.desc {line-height:150%; padding:0 0 1px 0; border:none; color:#222; display:block; font-size:95%; font-weight:bold;}
label.choice {font-size:100%; display:block; line-height:1.5em; margin:-1.65em 0 0 25px; padding:.44em 0 .5em 0; color:#222; width:88%; display:block;}


/* ----- MIN/MAX COUNT ----- */
form li div label var {font-weight:bold; font-style:normal;}
form li div label .currently {display:none;}


/* ----- FIELDS ----- */
input.text, input.file, textarea.textarea, select.select, input[type=text], input[type=password] {margin:0; font-size:100%; color:#333;}
input.text, textarea.textarea, select.select, input[type=text], input[type=password] {border:1px solid #a5c2c8; line-height:1.2em; font-weight:bold; font-size:1.1em;}
input.text, input.file, input[type=text], input[type=password] {padding:2px 0 2px 0;}
input[type=text], input[type=password] {width:96% !important;}
input.checkbox, input.radio {display:block; line-height:1.5em; margin:.6em 0 0 3px; width:13px; height:13px;}

textarea.textarea {font-size:.8em; font-weight:normal;}

select.select {margin:1px 0; padding:1px 0 0 0;}
select.select[class] {margin:0; padding:1px 0 1px 0;}
*:first-child+html select.select[class] {margin:1px 0;}
.safari select.select {margin-bottom:1px; font-size:120% !important;}


/* ----- BUTTONS ----- */
input.btTxt {padding:0 7px; width:auto; overflow:visible;}
.buttons {clear:both; margin-top:10px;}
.buttons input {font-size:120%; margin-right:5px;}


/* ----- SIZES ----- */
.third {width:32% !important;}
.half {width:48% !important;}
.full {width:100% !important;}

input.small, select.small {width:25%;}
input.medium, select.medium {width:50%;}
input.large, select.large, textarea.textarea {width:100%;}

textarea.small {height:5.5em;}
textarea.medium {height:10em;}
textarea.large {height:20em;}


/* ----- ERRORS ----- */
.error {font-weight:bold;}
.error input {border:1px dotted red;}
.error .validationMessage {color:red;}

.valid {}
.valid .input {border-color:#a5c8a6;}
.valid span {display:none;}


/* ----- REQUIRED ----- */
form .req {float:none; color:red !important; font-weight:bold; margin:0;}


/* ----- INSTRUCTIONS ----- */
form li.focused {background-color:#fff7c0;}
form li.focused, form li:hover {position:relative; /* Makes Instructs z-index stay on top in IE. */}
form .instruct {position:absolute; top:0; left:0; z-index:1000; width:42%; margin:0 0 0 8px; padding:8px 10px 9px 10px; border:1px solid #e6e6e6; background:#f5f5f5; line-height:130%; font-size:80%; color:#444; visibility:hidden;}
form .instruct small {font-size:105%;}
form li.focused .instruct, form li:hover .instruct {left:100%; /* Prevent scrollbars for IE Instruct fix */ visibility:visible;}


/* ----- ALT INSTRUCTIONS ----- */
li.altInstruct .instruct, li.leftHalf .instruct, li.rightHalf .instruct {visibility:visible; position:static; margin:-2px 0 0 0; padding:0 0 7px 0; background:none; border:none; width:100%; font-size:9px; clear:left;}


/* ----- LABEL LAYOUT ----- */
.leftLabel li, .rightLabel li {width:74% !important; padding-top:9px;}

.leftLabel label.desc, .rightLabel label.desc {float:left; width:29%; margin:2px 15px 0 0;}
.rightLabel label.desc {text-align:right;}
.leftLabel .column, .rightLabel .column {float:left;}

.leftLabel .small, .rightLabel .small {width:17%;}
.leftLabel .medium, .rightLabel .medium {width:35%;}
.leftLabel .large, .leftLabel textarea.textarea,
.rightLabel .large, .rightLabel textarea.textarea,
.leftLabel .column, .rightLabel .column {width:64%;}

* html .leftLabel .small, * html .rightLabel .small {width:23%;}
* html .leftLabel .medium, * html .rightLabel .medium {width:55%;}
* html .leftLabel .large, * html .leftLabel textarea.textarea,
* html .rightLabel .large, * html .rightLabel textarea.textarea {width:97%;}

.leftLabel p.instruct, .rightLabel p.instruct {width:27%; margin-left:5px;}
.leftLabel .altInstruct .instruct, .rightLabel .altInstruct .instruct {margin-left:29% !important; padding-left:15px; width:65%;}

.leftLabel .buttons, .rightLabel .buttons {margin-left:15px;}
.leftLabel .buttons input, .rightLabel .buttons input {margin-left:29%;}
* html .leftLabel .buttons input, * html .rightLabel .buttons input {margin-left:22%;}
* html .leftLabel .buttons, * html .rightLabel .buttons {margin-left:4px;}
*+html .leftLabel .buttons, *+html .rightLabel .buttons {margin-left:7px;}


/* ----- FIELD FLOATING ----- */
form li.leftHalf, form li.rightHalf {width:46% !important;}
li.leftHalf {clear:left; float:left;}
li.rightHalf {clear:none; float:right;}
li.leftHalf .medium, li.rightHalf .medium,
li.leftHalf .small, li.rightHalf .small {width:100%;}



td.rules {font-size:12px;}
label.error {display:inline-block; padding:1px 4px; background:red; color:#fff;}
fieldset {border:0; padding:0; margin:0;}