@charset "utf-8";
/* CSS Document */
/* -----------------------------------------------------------------------------------------------------
filename	: /_css/uaajc_main.css
purpose		: UAAJC global stylesheet: for use with all Justice Center web pages
version		: 2.0; 9 July 2010
copyright	: (c) Justice Center, University of Alaska Anchorage
author		: msgreen

Layout and typography for the Justice Center home page is based on the current UAA CMS. Other pages
for the Research and Publication portion of the Justice Center website will retain current UAA CMS
color schemes but will be permit for wider pages and a different base font (Georgia) for body text,
in keeping with the projected future design of the UAA CMS as well as better readbility for text-heavy
pages. 
----------------------------------------------------------------------------------------------------- */

/* Reset browser defaults. */
@import url(reset.css);
/* Basic typography styles. Some JC pages will overrule these. */
@import url(typography.css); 
/* Justice Center layout styles. */
@import url(uaajc_layout.css);

/* SPECIAL USE TYPOGRAPHY ==============================================================================
Overrides general typography from typography.css. Note that top-level index and "about" pages are
matched to UAA CMS; special typography styles for that are in the uaajc-cms.css stylesheet.
===================================================================================================== */

#forum_issueindex h2 {
	text-align: left;
}

/* Special use =color classes. */
.uaagold { color: #FEC425; } /* RGB 254 196 37 */
.uaagreen { color: #00583D; } /* RGB 0 88 61 */
.uaa-med1-green { color: #BDCDBD; } /* RGB 189 205 189 */
.uaa-med2-green { color: #548174; } /* RGB 84 129 116*/
.bg-light-green { background-color: #E9EFE9; } /* RGB 233 239 233 */
.bg-light-gold { background-color: #FBE285; } /* RGB 251 226 133 */

/* Happy Holidays! styles for Christmas/New Year's closure */
#hholiday p { font-family: Georgia, "Times New Roman", Times, serif !important; font-size: 18px !important; }
.hhred { font-family: Verdana, Geneva, sans-serif;  font-weight: bold; font-size: 24px; color: #FF0000 }
.hhgreen { font-family: Verdana, Geneva, sans-serif; font-weight: bold; font-size: 24px; color: #006600 }

/* LINKS */
a:link, a:visited, a:active {
	color: #00583D;
	text-decoration: none;
}
a:hover {
	color: #00583D;
	text-decoration: underline;
	padding-top: 5px;
}
/* Special use font styles. */
.caption {
	font-family: Arial, Helvetica, sans-serif;
	font-size: .9em;
	margin: 16px 0;
}
.caption-sm {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	margin: 4px 0;
	line-height: 110%;
}
.caption-sm-center {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	margin: 4px 0;
	text-align: center;
	line-height: 110%;
}
/* MAINCONTENT =========================================================================================
Layout of the #maincontent div is defined in uaajc_layout.css. But here's everything else.
===================================================================================================== */

#mainintro { /* This may only have been used original for what is now uaajcvision. If I can't find it used elsewhere, this style can be deleted. */
	font-family: Arial, Helvetica, sans-serif;
	font-style: italic;
	color: #00583D
}
#uaajcvision { /* For our vision statement on the home page. */
	font-family: Arial, Helvetica, sans-serif;
	font-style: italic;
	color: #00583D;
	text-align: center;
	font-variant: normal;
	font-weight: bold;
	letter-spacing: 0.06em;
	background-color: #FFCC00;
	height: 60px;
	padding-top: 5px;
	padding-bottom: 5px;
	margin-bottom: 10px;
}
#uaajcvision p {
	padding-top: 10px;
}
.uaajcvision2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: .9em;
	font-style: italic;
	color: #00583D;
	text-align: center;
	font-weight: bold;
}
body#redirect h1 {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 1.5em;
	color: #00583D;
	text-align: center;
	font-weight: normal;
}
body#redirect #maincontent a {
	text-decoration: underline;
}
.center {
	text-align: center;
	text-indent: 0 !important;
}
.center-spacer { /* center paragraph with top/bottom margins used as spacer */
	text-align: center;
	margin: 16px 0 !important;
	text-indent: 0 !important;
}
.rightalign {
	text-align: right;
}
.leftalign {
	text-align: left;
}
.leftalignp {
	text-align: left;
	text-indent: 2em;
}
#maincontent ul, .webnote_right ul {
	margin-left: 15px !important;
	list-style-position: outside;
	list-style-type: disc;
}
#maincontent ol {
	margin-left: 20px;
	list-style-position: outside;
	list-style-type: decimal;
}
#maincontent li {
	padding: 2px 0;
	margin-left: 2em;
}
.image-right {
	float: right;
	margin: 0 0 12px 12px;
}
.image-left {
	float: left;
	margin: 0 12px 12px 0;
}
.image-left p {
	margin-top: 4px;
	padding: 0px; !important
}
.image-right-feature {
	float: right;
	width: 300px;
	margin: 0 0 12px 12px;
}
.image-right-feature p {
	margin-top: 4px;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif !important;
	font-size: .65em !important;
}
.author {
	font-style: italic;
	text-align: center;
}
.hanging-indent, .hanging-indent-notop, #bibinfo p {
	text-indent: -2em !important;
	padding-left: 2em !important;
}	
.hanging-indent-notop {
	margin-top: 0;
}
.articlefinish { /* mostly for end of Forum articles -- description of author, origin of article, etc. */
	margin-top: 1em;
	font-style: italic;
}
#editors_note {
	padding: 16px;
	margin: 16px 0;
	background-color: #E9EFE9;
}
#editors_note h2 {
	margin-top: 0;
}
#forum_issueindex p {
	text-indent: 0;
	margin: 0 0 16px 48px;
}
#bookreview {
	text-indent: 0;
	margin-bottom: 16px;
}
/* green-background for crossref linking or webnotes*/
.see_also, .webnote_right { 
	float: right;
	padding: 8px 8px 2px 8px;
	margin: 6px 0 6px 16px;
	width: 20%;
	background-color: #E9EFE9;
	font-family: Verdana, Geneva, sans-serif;
	text-align: left;
	line-height: 120%;
}
.see_also {
	font-size: 0.7em;
}
.webnote_right { font-size: 0.8em; }
.webnote_right h2 { margin: 4px 0; font-weight: bold;}
.webnote_right p { text-indent: 0 !important; }
.webnote ul {
}
/* div to artifically add extra padding space at the bottom of extremely brief articles/pages to keep right/left borders going all the way to the bottom of the page to meet the footer properly. Example use: forum251-2k. */
.spacediv {
	height: 24px;
}
.spaceafter { /* or here's another on-the-fly way of dealing with it. Example use: research/articles/op-gang.html. */
	margin-bottom: 24px;
}
#sidebar_1, #sidebar_2 {
	margin-top: 16px;
	border-top: 1px solid #000;
}
.see_also p {
	margin-bottom: 6px;
	font-style: italic;
	font-weight: bold;
}
.bodytext p, #articlebody p, #sidebar_1 p, #sidebar_2 p, #editors_note p {
	margin-bottom: 0px;
	text-indent: 2em;
}
.noindent {
	text-indent: 0 !important;
}
.bodytext ul, #articlebody ul, #sidebar_1 ul, #sidebar_2 ul, #editors_note ul {
	margin: 16px 3em;
}
.bodytext ol, #articlebody ol, #sidebar_1 ol, #sidebar_2 ol, #editors_note ol {
	margin: 16px 3em 16px 3.5em;
}
#articlebody .listpara-ul {
	margin: 0; !important;
}
#articlebody .listpara-ul li { /*listpara-ul is a special style for making regular paragraphs except with a bullet, as in forum302.e_judges.html */
	list-style-type: disc;
	list-style-position: inside;
	text-indent: 2em;
	margin-left: -1em; !important;
}
.bodytext ul ul, .bodytext ol ol, .bodytext ul ol, .bodytext ol ul,
#articlebody ul ul, #articlebody ol ol, #articlebody ul ol, #articlebody ol ul,
#sidebar_1 ul ul, #sidebar_1 ol ol, #sidebar_1 ul ol, #sidebar_1 ol ul,
#sidebar_2 ul ul, #sidebar_2 ol ol, #sidebar_2 ul ol, #sidebar_2 ol ul,
#editors_note ul ul, #editors_note ol ol, #editors_note ul ol, #editors_note ol ul {
	margin-left: 1.25em;
	margin-top: 0;
	margin-bottom: 0;
}
.bodytext blockquote p, #articlebody blockquote p, #sidebar_1 blockquote p, #sidebar_2 blockquote p, #editors_note blockquote p {
	margin: 16px 0;
	text-indent: 0;
}
/* special blockquote style for blockquotes needing indentation and no margins between paragraphs, such as when quoting Alaska Statutes.
Apply to the blockquote rather than to individual paragraphs. */
.blockquote_AS {
	margin-top: 16px;
	margin-bottom: 16px;
}
.blockquote_AS p { 
	margin: 0 !important;
	text-indent: 1.5em !important;
}
.bodytext p.hanging-indent, #articlebody p.hanging-indent, #sidebar_1 p.hanging-indent, #sidebar_2 p.hanging-indent {
	text-indent: -2em;
	padding-left: 2em;
	margin-bottom: 16px;
}
.bodytext p.hanging-nobottom, #articlebody p.hanging-nobottom, #sidebar_1 p.hanging-nobottom, #sidebar_2 p.hanging-nobottom {
	text-indent: -2em;
	padding-left: 2em;
	margin-bottom: 0;
}
/* designed to imitate ol for multiparagraph list item within articles. See e.g. Forum 3(2) VPO article.*/
.fake_ol_hanging { /* hanging-indent for first item in list */
	text-indent: -1.25em !important;
	padding-left: 1.25em !important;
	margin: 16px 2em !important;
}
.fake_ol_p { /* hanging-indent for first item in list */
	padding-left: 1.25em !important;
	text-indent: 0 !important;
	margin: 16px 2em !important;
}

/* SECTION DIVIDERS ------------------------------------------------------------------------------
News items from blog, recent pubs, etc. on home page, or greenbackground box elsewhere
----------------------------------------------------------------------------------------------- */

.section1, .news1, .news2, .news3, .news4, .goldbox {
	padding: 10px 10px 0 10px;
}
.news1 ul, .news2 ul, .news3 ul, .news4 ul {
	line-height: 140%;
}
#maincontent .news1 li, #maincontent .news2 li, #maincontent .news3 li, #maincontent .news4 li {
	margin-left: 0px;
}
.news1, .news3 { /* light green background color for alternating "news" sections */
	padding-bottom: 5px;
	background-color: #E9EFE9;
}
.greenbox h3, .news1 h3, .news2 h3, .news3 h3, .news4 h3, .goldbox h3 {
	text-align: center;
}
.news4 ul { /* modify list margins to accomodate subtitles for the Forum & other multi-title pubs */
	margin-top: -12px !important; /* cancel out bottom margin of paragraph above to identify list with pub it comes out of */
	margin-right: 20px !important;
	margin-left: 30px !important;
}
.news4 li {
	padding: 0 !important;
}
.greenbox, .goldbox, .uaagreenbox, .uaagoldbox { /* green-background box similar to news1, news 3 for highlighted text elsewhere */
	padding: 10px;
	margin: 12px 0;
}
.greenbox {	background-color: #E9EFE9; }
.goldbox { background-color: #FBE285; }
.uaagoldbox { background-color: #FFCC00; }
.uaagreenbox { background-color: #00583D; }

.goldbox h3 {
	margin-top: 0;
}
#forum .abstract {
	padding-top: 8px;
	margin: 16px 0;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 0.7em;
	line-height: 120%;
	border-top: 1px solid #000;
	border-bottom: 1px solid #000;
}
#jcsearch2 { /* green-background box similar to news1, news 3 for highlighted text elsewhere */
	padding: 10px 0 10px 30px;
}

/* TABLES ------------------------------------------------------------------------------------- */

/* front page table for Forum & Fact Sheet */
.table1 {
	margin-top: -36px;
}
/* column widths */
.width50px { width: 50px; }
.width75px { width: 75px; }
.width100px { width: 100px; }
.width150px { width: 150px; }
.width175px { width: 175px; }
.width200px { width: 200px; }
.width225px { width: 225px; }
.width250px { width: 250px; }
.width275px { width: 275px; }
.width300px { width: 300px; }
.width325px { width: 325px; }
.width350px { width: 350px; }
.width350px { width: 350px; }
.width375px { width: 375px; }
.width400px { width: 400px; }

/* Style for divs to insert figures/tables in Forum articles, etc.
--------------------------------------------------------------------------- */
.insertfigure {
	text-align: center !important;
	text-indent: 0 !important;
	margin: 16px 0;
	clear: both;
}
.insertfigure p {
	text-indent: 0 !important;
}
/* For side-by-side tables/figures, (1) div styled with .insertfigure;
(2) table inside div styled with .tInsertFigure.
Used e.g. in forum251-2d, forum243a, forum124c
--------------------------------------------------------------------------- */
.tInsertFigure {
	font-family: Arial, Helvetica, sans-serif;
	line-height: 120%;
	border-collapse: collapse;
	text-align: center !important;
	margin: 0 auto;
}
.tInsertFigure th {
	font-size: 1em;
	padding: 0 10px;
	vertical-align: bottom;
}
.tInsertFigure tr {
	vertical-align: top;
}
.tInsertFigure td {
	padding: 8px 10px 0 10px;
	font-size: .8em;
}
.greenheaderrow {
	background-color: #e9efe9;
	vertical-align: center;
}
.headercell {
	padding: 8px 0 !important;
}
/* Tables with plain text, left aligned. tPlain2 has less padding top/bottom; otherwise they're the same.
--------------------------------------------------------------------------- */
.tPlain, .tPlain2 {
	border-collapse: collapse;
	margin: 0 auto;
}
.tPlain th, .tPlain2 th {
	font-size: 1em;
	padding: 8px 10px;
	vertical-align: bottom;
}
.tPlain tr, .tPlain2 tt {
	vertical-align: top;
}
.tPlain td {
	padding: 8px 10px;
	text-align: left;
}
.tPlain2 td {
	padding: 0px 10px;
	text-align: left;
}
.tPlain2 h3, .tPlain2 p {
	margin-top: 0;
	margin-bottom: 0;
}
/* #tAZindex
Table styles A-Z index pages.
--------------------------------------------------------------------------*/

#tAZindex {
    border-collapse: collapse;
	margin: 0 auto;
}
#tAZindex td {
	padding: 0 20px;
	width: 350px;
}

/* .tab generic table -- example use forum183c
Table styles for faculty/staff table on the faculty/staff page.
--------------------------------------------------------------------------*/

table.tab, table.tInlineC {
	font-family: Arial, Helvetica, sans-serif;
	font-size: .9em;
	border: 0;
	border-collapse: collapse;
	line-height: 120%;
}
table.tInlineC {
	margin: 16px auto;
}
table.tab td, table.tInlineC td {
	padding: 5px;
}
table.tInlineC th {
	border-bottom-color: #000;
	border-bottom-style: solid;
	border-bottom-width: 1px;
}
table.tab th {
	background-color: #b2cdc4;
}
table.tab th, table.tInlineC th {
	text-align: center;
	padding: 10px;
	vertical-align: bottom;
}
#info-right {
	float: right;
	margin: 0 0 16px 24px;
}

/* facultystaff
Table styles for faculty/staff table on the faculty/staff page.
--------------------------------------------------------------------------*/
#facultystaff {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 0.7em;
	width: 100%;
	border: 0;
	border-collapse: collapse;
	line-height: 120%;
}
#facultystaff td {
	padding: 5px;
}
#facultystaff ul {
	list-style-type: none;
	margin-left: 10px;
	text-indent: -10px;
}
#facultystaff th {
	background-color: #b2cdc4;
	text-align: left;
	padding: 10px;
	vertical-align: bottom;
}
.subhead {
	font-size: 1.3em;
}
#facultystaff tr {
	vertical-align: top;
}
#facultystaff .spacer {
	height: 6px;
}
.oddrow {
	background-color: #e9efe9;
}
.oddrow td { /* IE hack: Apparently IE doesn't permit background color to automatically inherit from tr to td. */
	background-color: #e9efe9;
}