/** Style guide
Link-color (all): #2C5E8F
Main text-color: #5D5D5D
Main text-header-color: #004284
Small-time-date-article-stamp-color: #B1950E
Left-column news-box-thing-header-color: #C4A200
**/

body {
	background-color:#ffffff;
	font-family: Arial, Helvetica, sans-serif;
	color:#5d5d5d;
}

a, a:active, a:link, a:visited {
	color:#2c5e8f;
	text-decoration:none;
}
	#content a {
		text-decoration:underline;
	}

a:focus {
	outline: 1px dotted #333333;
}

h1,h2,h3,h4,h5,h6 {
	color:#004284;
	font-family: Arial, Helvetica, sans-serif;
	margin: 1em 0;
}
h2,h4,h6 {
	color:#5d5d5d;
}
h3 {
	font-weight:normal;
	font-style:italic;
	text-indent: 0.5em;
	margin-top:2em;
}
h4,h5,h6 {
	font-weight:normal;
	font-style:italic;
	margin-bottom:0;
	line-height:1.2em;
}
h4 {
	font-style:normal;
	font-weight:bold;
}
address {
	margin:1em;
}


img {
	display:block;
	margin: 10px;
}
p img {
	display:inline;
	margin:0;
	vertical-align:middle;
}


.left {
	float:left;
	clear:none;
	margin: 0 10px 10px 0;
}
.right {
	float:right;
	clear:none;
	margin: 0 0 10px 10px;
}
.center {
	display:block;
	clear:both;
	margin: 0 auto;
}

.sidenote {
	color:#999999;
	font-style:italic;
	font-size:0.9em;
}

table {
	width:100%;
	font-size:0.925em;
	clear:both;
	margin: 0.25em 0 1em;
}
caption {
	font-weight:bold;
	font-style:italic;
	font-size:1.2em;
	padding-top:0.5em;
}
th, td {
	padding:0.5em;
	border-color:#bfbfbf;
	text-align:center;
}
th {
	background-color:#f5f5f5;
}
tr:hover th, tr:hover td {
	background-color:#f5f5f5 !important;
}

.contact-table th {
	width:20%;
	border-width: 1px 0;
	vertical-align:top;
}
	.contact-table.alt2 th {
		padding-right:2em;
	}
	.contact-table thead th {
		width:auto;
		border-width: 0 0 1px;
		vertical-align:middle;
	}
	.contact-table.alt thead th {
		color:#a5a5a5;
	}
	.contact-table.alt2 thead th {
		text-align:left;
	}
		.contact-table.alt2 thead tr th:first-child {
			text-align:center;
		}
	.contact-table.alt tbody th {
		background-color:#ffffff;
	}
.contact-table td {
	border-width: 1px 0;
}
.contact-table tr td:last-child {
	white-space:nowrap;
}
	.contact-table.alt tr td:last-child {
		white-space:normal;
	}
.contact-table.alt td {
	text-align:left;
}
.contact-table td p:last-child {
	margin-bottom:0;
}

table th.title, table td.title {
	width:60%;
}

.clear {
	display:block !important;
	width:100% !important;
	height:1px !important;
	line-height:1px !important;
	font-size:1px !important;
	clear:both !important;
	float:none !important;
	padding:0 !important;
	margin:0 !important;
}

.error {
	color:#aa3333;
	font-weight:bold;
}

ul.menu {
	margin: 0 0 1em;
	padding: 1px 1px 1px;
	overflow:hidden;
}
	#content ul.menu {
		margin-left:2em;
	}
ul.menu li {
	list-style-type:none;
	float:left;
	display:block;
	margin-right:1em;
}
	#content ul.menu li {
		clear:both;
		margin-top:1em;
		text-transform:capitalize;
	}
	#content ul.menu li:first-child,
	#content ul.menu li li {
		margin-top:0;
	}
ul.submenu {
	display:none;
	margin: 0 0 0;
	padding: 1px 1px 5px;
	position:absolute;
	top:100%;
	left:-1px;
	z-index:20;
	border-bottom: 1px solid #004284;
	background-color:#eaeaea;
	min-width:8.25em;
	max-width:400px;
	white-space:nowrap;
	opacity:0.9;
	filter: alpha(opacity = 90);
}
	#content ul.submenu {
		display:block;
		margin: 1em 1em 1em 2em;
		padding: 0 0 0 0;
		background-color:transparent;
		border-bottom:0;
		position:static;
		max-width:100%;
		white-space:normal;
		opacity:1.0;
		filter: alpha(opacity = 100);
	}
	#minor-menu ul.submenu {
		left:auto;
		right:0;
	}
		#minor-menu .links ul.submenu {
			width:18.75em;
			/* cuz no one but FF respects my logical max/min width declarations */
		}
	#main-menu ul.submenu {
		top:41px;
	}
	#main-menu .benefits ul.submenu {
		top:42px;
	}
#main-menu ul.submenu:before {
	content: url(../images/submenu-tip.png);
	position:absolute;
	top:0;
	left:5px;
	margin-top:-11px;
	padding-bottom:1px;
	line-height:0;
}
.ff2 #main-menu ul.submenu:before {
	display:none !important;
}

li:hover ul.submenu,
li.sfhover ul.submenu {
	display:block;
}
ul.submenu li {
	padding: 1px 1px;
	line-height:1.5em;
	display:block;
	float:none;
	clear:both;
	width:100%;
	margin: .25em -1px 0;
}
	#content ul.submenu li {
		padding: 0 0;
		line-height:inherit;
		display:list-item;
		margin: 0 0 0;
		list-style-type:disc;
	}
ul.submenu li a {
	padding: 0 10px;
	color:#bb0000;
	display:block;
	margin: -1px;
}
	#content ul.submenu li a {
		padding: 0 0;
		display:inline;
		color:#2c5e8f;
		margin: 0 0;
	}
ul.submenu li a:hover {
	background-color:#dadada;
}
	#content ul.submenu li a:hover {
		background-color:transparent;
	}

#bigcontainer {
	margin: 0 0;
	overflow:hidden;
	padding: 1px;
	min-width:960px;
}
#bigcontainer>div {
	position:relative;
	top:0;
	left:0;
	padding:1px;
	overflow:hidden;
}

/*** Main Header ***/
#main-head {
	margin: -1px -1px 0;
	position:relative;
	top:0;
	left:0;
	padding-top:30px !important;
	overflow:visible !important;
	background-color:#053769;
	background-image: url(../images/head-main-bg.png);
	background-repeat:repeat-x;
	background-position: 0 30px;
}

#complex-nest {
	width:960px;
	margin: 0 auto;
}

#main-head h1 {
	float:left;
	clear:none;
	margin: 0 0 0;
	position:relative;
	top:0;
	left:0;
	height:108px;
	width:577px;
	background-image: url(../images/logo-full.png);
	background-repeat:no-repeat;
	background-position:0 0;
}
#main-head h1 a {
	display:block;
	height:108px;
	width:577px;
}
#main-head span {
	position:absolute;
	top:-9999em;
	left:0;
}

#skiptocontent {
	position:absolute;
	top:-99em;
	left:0;
}

/* minor menu (up top) */
#minor-menu {
	position:absolute;
	top:0;
	left:0;
	right:0;
	height:29px;
	line-height:27px;
	background-color:#2e2e2e;
	font-size:0.8em;
	border-bottom: 1px solid #666666;
}
#minor-menu .menu {
	padding: 1px;
	width:960px;
	margin: 0 auto;
	overflow:visible;
}
#minor-menu .menu li {
	float:right;
	clear:none;
	position:relative;
	top:0;
	left:0;
}
#minor-menu a {
	color:#ffffff;
}
	/* li:hover a too to catch submenu */
#minor-menu a:hover,
#minor-menu li:hover>a {
	text-decoration:underline;
}
#minor-menu .submenu a {
	color:#2e2e2e;
}
#minor-menu .submenu a:hover {
	text-decoration:none;
}
#minor-menu .submenu li {
	float:none;
}

/* action menu */
#action-menu {
	float:right;
	clear:none;
	overflow:hidden;
	width:300px;
	height:108px;
}
#action-menu .menu {
	overflow:visible;
	float:right;
	margin-top:55px;
}
#action-menu li {
	background-image: url(../images/print.png);
	background-repeat:no-repeat;
	background-position: 0 0;
	height:50px;
	width:32px;
	margin-left:45px;
	position:relative;
	top:0;
	left:0;
}
#action-menu li.search {
	background-image: url(../images/search.png);
}
#action-menu li.email-me {
	background-image: url(../images/mail.png);
}
#action-menu li a {
	display:block;
	height:50px;
	width:32px;
}
	#action-menu li a.toggle-switch {
		float:left;
		height:4px;
		width:4px;
		margin: 12px 12px 0;
		background-image: url(../images/toggle-dot.png);
		background-repeat:no-repeat;
		background-position: 0 0;
		overflow:hidden;
		display:none; /* hide from non-js view */
	}
		.has-js #action-menu li a.toggle-switch {
			display:block;
		}
		.show-search #action-menu li a.toggle-switch {
			background-position: 0 -4px;
		}
.search form {
	position:absolute;
	top:-53px;
	left:-4px;
	width:280px;
}
	.has-js .search form {
		display:none !important;
	}
		.has-js.show-search .search form {
			display:block !important;
		}
	.has-js .search a:focus {
		outline: 0;
	}
.search input#search-me {
	color:#777777;
	font-weight:bold;
	width:127px;
	height:20px;
	float:left;
	clear:none;
	padding: 2px 3px 3px 30px;
	line-height:25px;
	background-color:#ffffff;
	border:1px solid #2e2e2e;
	text-align:right;
}
.search input.submit {
	padding: 1px 3px 3px;
	line-height:1em;
	height:27px;
	background:none;
	float:left;
	clear:none;
	text-align:center;
	border:1px solid #2e2e2e;
	background-color:#2e2e2e;
	color:#ffffff;
	cursor:pointer;
}
.search input.submit:hover, .search input.submit:focus {
}

/* main menu */
#main-menu {
	clear:both;
	background-image: url(../images/head-menu-bg.png);
	background-repeat:repeat-x;
	background-position: 0 0;
	min-height:48px;
	margin: 0 -1px -1px;
}
#main-menu .menu {
	width:960px;
	margin: 0 auto;
	overflow:visible;
}
#main-menu .menu>li {
	border: 1px solid #cbcbcc;
	border-width: 0 0 0 1px;
	padding: 0 1px;
	margin: 0 0 0 0;
	height:41px;
	line-height:41px;
	position:relative;
	top:0;
	left:0;
}
	#main-menu li.home {
		position:relative;
		top:-1px;
		left:0;
		height:42px;
		line-height:43px;
		border-width: 0 0 0 0;
		background-image: url(../images/aleutian-strand.png);
		background-repeat:no-repeat;
		background-position: 24px 0;
		padding-left:98px;
	}
	#main-menu li.benefits {
		position:relative;
		top:-1px;
		left:0;
		height:42px;
		line-height:43px;
		background-image: url(../images/juneau-strand.png);
		background-repeat:no-repeat;
		background-position: 15px 0;
	}
	#main-menu li:last-child {
		border-width: 0 1px;
	}
#main-menu a {
	display:block;
	color:#ECC442;
	text-transform:uppercase;
	font-size:0.8em;
	padding: 0 20px 6px;
	margin: 0 -1px;
}
	#main-menu .submenu a {
		color:#2c5e8f;
	}
	#main-menu .home a {
		padding: 0 20px 5px 22px;
	}
	#main-menu .benefits a {
		padding-bottom:5px;
	}
	/* li:hover a instead of a:hover to keep here-state showing for dropdown */
#main-menu li:hover>a {
	background-image: url(../images/here.png);
	background-repeat:no-repeat;
	background-position: 3px 100%;
}
	#main-menu .submenu li:hover>a {
		background-image:none;
	}

/** here states **/
.home #main-menu .home>a,
.benefits #main-menu .benefits>a, .bene #main-menu .benefits>a,
.join #main-menu .organize>a,
.resources #main-menu .resources>a, .reso #main-menu .resources>a,
.staff #main-menu .staff>a,
.contact #main-menu .contact>a, .cont #main-menu .contact>a,
.alive #main-menu .alive>a {
	background-image: url(../images/here.png);
	background-repeat:no-repeat;
	background-position: 3px 100%;
}

h1.pagename {
	margin-top:0.25em;
	padding-bottom:0.25em;
	border-bottom: 1px solid #dddddd;
}
	body.home h1.pagename {
		display:none;
	}


/* content */
#content {
	min-height:400px;
	width: 958px;
	margin: 0 auto 2em;
	padding-top:31px !important;
	overflow:visible !important;
	font-size:0.8em;
}
/** columns **/
.column {
	float:left;
	overflow:hidden;
}
.column .section {
	padding:1px;
	margin: 0.5em 0 1em;
}

.has-cols {
    overflow:hidden;
}
.has-cols .col {
    float:left;
    clear:none;
}

/*** left column ***/
#left-col {
	width:207px;
	font-size:0.9em;
	line-height:1.4em;
}
#left-col .section {
	padding: 1px 20px;
}
#left-col h1 {
	margin: 0 -20px 0.85em;
	padding: 0 1px;
	overflow:hidden;
	font-size:1.15em;
	font-weight:normal;
	color:#ffffff;
	background-color:#f8f8f8;
	line-height:31px;
	min-height:31px;
	background-image: url(../images/vert-mid.png);
	background-repeat:repeat-x;
	background-position: 0 0;
	text-transform:uppercase;
}
/** assumes 2 elements under h1, a/whatever + span **/
#left-col h1 * {
	margin: 0 0 0 -1px;
	padding: 0 0 0 14px;
	color:#ffffff;
	text-decoration:none !important;
	line-height:31px;
	min-height:31px;
	display:block;
	background-image: url(../images/vert-left.png);
	background-repeat:no-repeat;
	background-position: 0 0;
}
	/* IE8 not taking rule.. */
	#left-col h1 a {
		text-decoration: none !important;
	}
#left-col h1 span {
	margin: 0 -1px 0 0;
	padding: 0 12px 0 0;
	background-image: url(../images/vert-right.png);
	background-position: 100% 0;
	min-height:0;
}
#left-col h2 {
	font-size:1em;
	margin: 0 0 0 0;
}
#left-col ul {
	margin: 0.5em 0.5em 0.5em 1em;
}

/*** middle columnn (of 3 cols --  use main column if only 2) ***/
#cent-col {
	width:420px;
	margin: 0 62px;
}
#main-col {
	width:689px;
	margin: 0 0 0 62px;
}

.blogstyle {
	margin: -0.5em 0 0 0;
}
.blogstyle .entry {
	list-style-type:none;
	position:relative;
	top:0;
	left:0;
	overflow:hidden;
	padding-top:1.75em;
	margin-bottom:2em;
}
.entry .dateline {
	color:#FF0000;
	font-size:0.875em;
	font-style:normal;
	font-weight:normal;
	text-indent:0;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	margin: 0 0 0 0;
	padding-bottom:2px;
	border-bottom: 1px solid #333333;
}
.entry h2 {
	margin-top:0;
	word-spacing:0.25em;
	color:#004284;
}
.entry p {
	text-align:justify;
}

/*** right column (of 3 cols --  use main column if only 2) ***/
#right-col {
	width:207px;
	margin-top:5px;
	overflow:visible !important;
	/* has div.clear */
}
a.rss-link {
	display:block !important;
	float:right !important;
	clear:none !important;
	width:37px;
	height:37px;
	text-indent:-9999em;
	overflow:hidden;
	background-image: url(../images/rssfeed.png);
	background-repeat:no-repeat;
	background-position: 0 0;
	position:relative;
	top:-2px;
	left:0;
}
.news-section {
	background-color:#f9f9f9;
}
.news-section h1 {
	margin: 0 0 0.5em;
	padding: 0 10px 0 29px;
	color:#ffffff;
	background-image: url(../images/newsbar.png);
	background-repeat:no-repeat;
	background-position: 0 0;
	min-height:31px;
	line-height:31px;
	font-size:1em;
	font-weight:normal;
	text-transform:uppercase;
	overflow:hidden;
}
.news-section h1 a {
	color:#ffffff;
	display:block;
	float:left;
	clear:none;
}
.news-section ul {
	margin: 0.5em 26px;
	font-size:0.95em;
	line-height:1.4em;
}
.news-section ul li {
	list-style-type:none;
	margin-bottom:1em;
}
.news-section a {
	text-decoration:none !important;
}

/** main column (in 2-column layout; see center+right columns for 3 column layout) **/


/** misc **/
.searchtable {
	width:80%;
	margin: 0 auto;
	margin-top:1.5em;
	margin-bottom:0.75em;
}
table.emailthis {
	width:80%;
	margin: 0 auto;
	margin-top:1.5em;
	margin-bottom:0.75em;
}
#emailresult {
	margin-left:8em;
	margin-right:8em;
	margin-top:1.5em;
}
span.more-detail {
	display:none;
	position:absolute;
	top:115%;
	right:0;
	width:15em;
	min-height:5em;
	padding:10px;
	background-color:#ffffff;
	border: 1px solid #dddddd;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	cursor:pointer;
	z-index:2000 !important;
}
a:hover span.more-detail {
	display:block;
}
	a:hover span.more-detail:empty {
		display:none;
	}
/** things that contain .more-detail */
.has-detail {
	position:relative;
	top:0;
	left:0;
}
.news-section .has-detail {
	display:block;
}

.inset {
	float:right;
	clear:none;
	width: 165px;
	color:#8f8f8f;
	border-left: 1px solid #dddddd;
	padding: 10px 10px 10px 20px;
	margin: 0 0 1em 20px;
}
.inset * {
	color:#8f8f8f;
}
.inset *:first-child {
	margin-top:0;
}


/* form stuff */
label:hover {
	cursor:pointer;
	text-decoration:underline;
}
#content input[type="text"], #content input.text, textarea {
	padding:0.275em;
	border: 1px solid #a5acb2;
}
#content input.text:focus,
#content input[type="text"]:focus,
#content textarea:focus {
	font-weight:bold;
	color:#555555;
	background-color:#ebfbfb;
}
textarea {
	display:block;
	overflow:auto;
	clear:both;
	width:100%;
	min-height:12em;
	margin: 0.5em auto 0;
	-ms-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
}
	textarea.shorter {
		min-height:4em;
	}
	textarea.medium {
		min-height:6.5em;
	}
fieldset.obvious {
	border: 1px solid #cccccc;
	background-color:#ffffff;
	padding: 0 10px 10px;
}

.super-group {
	overflow:hidden;
}
.labelinput {
	padding-bottom:1em;
	margin: 1em 0 -1em;
}
.submit-box {
	padding-top:2em;
	text-align:right;
}
#content input[type="submit"], #content input.submit,
#content input[type="button"], #content input.button {
	border: 1px solid #cccccc;
	padding:6px;
	color:#555555;
	font-weight:bold;
	background-color:#ffffff;
	background-image: url(../images/button-fade.png);
	background-repeat:repeat-x;
	background-position: 0 0;
	cursor:pointer;
}
#content input[type="submit"]:hover,
#content input.submit:hover,
#content input[type="submit"]:focus,
#content input.submit:focus {
	color:#bb0000;
}
#content input[name="abandon"], #content input[type="submit"].abandon, #content input[type="submit"].cancel,
#content input[type="button"].abandon, #content input[type="button"].cancel {
	color:#888888;
}
#content input[name="abandon"]:hover, #content input[type="submit"].abandon:hover, #content input[type="submit"].cancel:hover,
#content input[type="button"].abandon:hover, #content input[type="button"].cancel:hover {
	color:#aaaaaa;
	background-image:none;
}

/* input field custom widths */



/* footer */
#footer {
	background-color:#fafafa;
	background-image: url(../images/foot-mid.png);
	background-repeat:repeat-x;
	background-position: 0 0;
	padding: 10px !important;
	border-top: 1px solid #cccccc;
	font-size:0.75em;
	clear:both;
}
#footer a {
	color:#999999;
	font-weight:bold;
}
#footer ul.menu {
	min-height:2em;
	width:900px;
	padding: 0 30px !important;
	margin: 0 auto 1.25em;
	display:block;
	text-transform:uppercase;
}
#footer ul.menu li {
	display:inline !important;
	clear:none !important;
	margin: 0 2em;
}
#footer ul.submenu, #footer ul.submenu li {
	display:none !important;
}
#copyright {
	text-align:right;
	width:930px;
	margin: 0 auto 0.5em;
}
#copyright a {
	color:#2c5e8f;
	font-weight:normal;
}

.column-image img {
	display:block;
	margin-left:auto; 
	margin-right:auto;
}

.column-image p {
	text-align:center;
	font-variant:small-caps;
}