/*
* Outline of styles:
*
* 	HTML tags
*   Common generic styles
* 	Header
* 	Content
*       General, 
*       Home, 
*       Issue (Title/desc, Image, TOC, contributors), 
*       Dept, 
*       Column
* 	Footer
* 
* See template.css for specific article/column styles.
*
* These are color guestimates, need polar colors from graphic designer.
* dk blue: #00182E
* blue: #2296BC  	
* very lt blue: #E6F8FC
* red: #982626
* green: #C2D82E
* font: #666666
* grey: #CCCCCC
*
*/

/* HTML tags
*/

html {
	width: 100%;
	height: 100%;	
}

body {
	margin: 0;
	padding: 0;
	height: 100%;
	width: 100%;
	min-width: 840px;
	color: #666666;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 1em;
	font-style: normal;
	font-weight: normal;
}

h1 {
	font-size: 1.4px;
	text-transform: uppercase;
}

h2 {
    font-size: 1.3em;
	text-transform: uppercase;	
}

h3 {
	font-size: 1.2em;
	font-weight: bold;
	font-style: normal;
	text-transform: uppercase;	
}

h4 {
	font-size: 1.1em;
	font-weight: bold;
	font-style: normal;
}

h5 {
	font-size: 1.0em;
	font-weight: bold;
}

h6 {
	font-size: .9em;
	font-weight: bold;
}

p, blockquote {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: .9em;
}

li {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: .8em;
}

a:link {
	color: #2296BC;
	text-decoration: underline;
}
a:visited {
	color: #2296BC;
}

a:hover {
	color: #00182E;
}

a:after {
	color: #16364B;
}

hr {
	/* see template.css */
}

table {
	border-collapse: collapse;
	border-spacing: 0;
	border: 1px solid #E6F8FC;
}

th {
	padding: 2px;
	background: #E6F8FC;
	font-size: 1em;
	text-align: center;
}

td {
	padding: 5px;
	width: auto;
	vertical-align: middle;
	font-size: .9em;
	font-weight: normal;
	text-align: left;
}

img {
	border: 0;
	margin: 0;
}

/***************************************
Common generic styles
****************************************/

.caption {
	display: block;
	padding: 5px;
	font-style: italic;	
	font-size: x-small;
	clear: both;
}

.message {
	border: 1px solid #CCCCCC;
	padding: 10px;
	font-weight: bold;
	color: #982626;
}

.smallMessage {
	font-size: x-small;
	text-align: center;
	color: #921817;
}

/***************************************
 Header
*****************************************/

#heading {
	position: relative;
	margin: 0;
	width: 100%;
	min-width: 840px;
	height: 95px;
	font-size: .9em;
	background-image: url('images/header_BG.gif');
	background-repeat: repeat-x;
}

#heading img {
	position: relative;
	float: left;
}

#heading #nav {
	position: absolute;
	top: 0;
	left: 278px;
	padding-top: 10px;
	width: 60%;
	height: 40px;
	text-align: center;
	text-transform: uppercase;
}

#heading #nav a {
	font-size: .7em;
    text-decoration: none;	
}

#heading h4 {
	position: absolute;
	top: 50px;
	left: 278px;
	margin: 0;
	padding: 8px 0 0;
	width: 60%;
	height: 15px;
	color: #2296BC;
	font-style: italic;
	text-transform: lowercase;
}

#printHeader {
	display: none;
}

#heading #searchbox {
	position: absolute;
	top: 64px;
	left: 540px;
	width: 36%;
	height: 26px;
	margin: 0;
	padding: 0;
}

#searchbox #search_input{
	float: left;
	width: 100%;
	text-align: center;
}

#searchbox #search_input #search_field{
	float: right;
	margin: 0;
	padding: 0px;
	width: 155px;
	font: 1.1em Verdana, sans-serif;
	font-weight: bold;
}

#searchbox #search_input #search_button{
	float: right;
	margin: 0;
	margin-right: 5px;
	padding: 0;
	width: 85px;
	height: 24px;
}

#searchbox #search_input #search_button .searchbutton{
    font-size:12px;
    font-family:Garamond;
    font-weight:bold;
    color:#2186AD;
    width:65px;
    height:22px;
    background-color:#E6F7FC;
    filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr='#ffFFFFFF',EndColorStr='#ffCFE9F3');
    border-style:solid;
    border-color:#5FA9C5;
    border-width:2px;
    text-transform: uppercase;
}

/************************ 
 Top TOC on all pages
************************/

#toc_box {
	position: relative;
	float: left;
	margin: 0;
	border: 0;
	padding: 0;
    width: 100%;
	min-width: 840px;
    height: 50px;
    text-transform: uppercase;
    letter-spacing: .1ex;
	background: url('images/toc_BG.gif') repeat-x;
	clear: both;
	overflow: hidden;
}

#toc_box div {
	margin: 0;
	padding: 0;
	width: 795px;	
}

#toc_box a, #toc_box a:visited {
	position: relative;
	float: left;
	display: block;
	margin: 0;
	border-right: 1px dotted #E6F8FC;
    padding: 8px 2px;
    width: 153px;	
    height: 50px;
    color: #E6F8FC;
    font-size: 11px;
    text-align: center;
    text-decoration: none;
}

#toc_box a:hover {
    color: #C2D82E;
}

/******************************************** 
Content styles
*********************************************/

#content {
    position: relative;
    float: left;
    margin: 0 auto;
    padding: 20px 2%;
    width: 96%;
    color: #333333;
    text-align: left;
    background: #FFFFFF;
    clear: both;
}

#content h2 {
    margin: 5px;
    padding: 0; 
}

#content h4 {
    margin: 5px;
    padding: 0; 
    font-size: 1em;
    font-weight: normal;
    color: #2296BC;
}

#content p {
    padding: 4px 5px;
}

#content ol li {
	list-style: decimal;
}

#content li {
	padding: 1px;
}

/************************
 Home page
************************/
#home {
	margin: 10px auto;
	padding 10px;
	width: 880px;
/*	height: 400px; */
}

#home_box {
	position: relative;
	float: left;
	margin: 0;
	padding: 15px;
	width: 400px;
}

#home_box h3 {
	margin: 0 auto;
	padding: 0 0 6px 0;
	color: #C2D82E;
    font-size: 1em;
    text-align: center;
}

#home_box img {
	margin: 6px;
	padding: 0;
	border: 1px solid #2296BC;
}

#home_box ul li {
	padding-left: 6px;
	font-size: .9em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
    list-style-image: url('images/arrow_green.gif');	
}

#home_linkbar {
	position: relative;
	float: center;
	margin: 0 0 0 0;
	border: 0;
	padding: 10px 0;
    width: 100%;
	min-width: 840px;
/*    height: 35px; */
	font-size: .9em;
	font-style: normal;
    text-align: center;
/*    text-transform: uppercase; */
    letter-spacing: .1ex;
/*	background: url('images/toc_BG.gif') repeat-x; */
/*	color: #DFE2E2; */
	background-color: #C2D82E;
	color: #00182E;
	color: #3E464E;
	clear: both;
	overflow: hidden;
}

#home_linkbaritems {
	position: relative;
	margin: 0;
	padding: 0;
	width: 100%;	
}

td.home_linkbaritem {
	margin: 0;
	padding: 0 40px 0 40px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: .9em;
	font-style: normal;
    text-align: center;
/*    text-transform: uppercase; */
    letter-spacing: .1ex;
/*	background: url('images/toc_BG.gif') repeat-x; */
/*	color: #DFE2E2; */
	background-color: #C2D82E;
	color: #00182E;
	color: #3E464E;}

/*
#home_linkbaritems img {
	margin: 6px;
	padding: 0;
	border: 1px solid #2296BC;
*/

#home_linkbar a, #home_linkbar a:visited {
    color: #C2D82E;
	color: #2296BC;
	color: #00182E;
	font-weight: bold;
	text-decoration: none;
}

#home_linkbar a:hover {
    color: #E6F8FC;
	color: #D4E5F5;
	color: #F4F8D8;
	font-weight: bold;
	text-decoration: none;
}

#home_issuetoc {
	position: relative;
	float: center;
	margin: 0;
	border: 0;
	padding: 10px;
}

#home_issuetoc img {
	margin: 6px;
	padding: 0;
	border: 1px solid #2296BC;
}
	
#home_issuetoc a, #home_issuetoc a:visited {
	margin: 0;
	padding: 20px 40px 20px 40px;
	color: #C2D82E;
    text-decoration: none;
}

#home_issuetoc a:hover {
    margin: 0;
	padding: 20px 40px 20px 40px;
    color: #E6F8FC;
    text-decoration: none;
}


/************************ 
 Issue frontpage
************************/

#issue_box {
    position: relative;
    float: left;
    margin: 0;
    border-top: 5px solid #C2D82E;
    border-bottom: 5px solid #C2D82E;
    padding: 0;
    width: 100%;
	min-width: 840px;
    height: 260px;
    color: #FFFFCC;
    font-size: .8em;
    background-image: url('images/issue_image_2_BG.gif'); 
    background-position: 0 -5px;
    background-repeat: repeat-x;
    clear: both;
}

#issue_image_ex {
	padding: 0;
	border: 0;
	margin: 0;
    width: 100%;
    height: 260px;
    background-image: url('images/issue_image_1_BG.gif');
    background-position: 400px 0;
    background-repeat: no-repeat;
}

#issue_image {
	position: relative;
	float: left;
    margin: 0;
    border: 0;
    padding: 0;
    width: 400px;
    height: 260px;
    background-position: bottom left;
    background-repeat: no-repeat;
}

#image_text {
	display: block;
	padding: 10px 0;
	font-size: 1em;
	font-style: italic;
}

#issue_box h3 {
	position: absolute;
	top: 10px;
	left: 410px;
	margin: 0;
	padding: 10px 0 0 10px;
	height: 60px;
	color: #C2D82E;
	font-size: 1.6em;
	font-variant: small-caps;
	text-align: left;
	overflow: hidden;
}

#issue_box p {
	position: absolute;
	top: 60px;
	left: 410px;
	margin: 0;
	padding: 10px 20px 5px 10px;
	height: 170px;
	color: #FFF;
	text-align: left;
	overflow-y: auto;
	overflow-x: hidden;
}

/******* ISSUE TOC (Dept and column) *******/
#issue_toc {
	position: relative;
	float: left;
	width: 100%;
	min-width: 840px;
	height: 50em;
	color: #000;
	background: #00253D url('images/issue_toc_BG.gif') repeat-x;
	clear: both;
}

#issue_toc a, 
#issue_toc a:visited {
	width: 200px;
	font-size: 1em;
	font-weight: normal;
	color: #C2D82E;	
	text-decoration: none;
}

#issue_toc a:hover {
	font-size: 1em;
	font-weight: normal;
	color: #FFF;	
	text-decoration: none;
}

#col1 {
    position: absolute;
    top: 20px;
    left: 0;
    width: 32%;
    height: 100%;
    clear: none;
}

#col2 {
    position: absolute;
    top: 20px;
    left: 33%;
    width: 32%;
    height: 100%;
    clear: none;
}

.department {
    position: relative;
    float: left;
    margin: 10px auto;
    padding: 2%;
    width: 98%;   
    clear: left;
}

.department img {
	float: left;
	margin: 5px 10px;
	border: 1px solid #C2D82E;
	padding: 0;	
}

.department h3 {
	margin: 0;
    letter-spacing: .1ex;
    font-size: .9em;
}

.department ul {
	list-style: none;
	margin: 3px 0 0 84px;
	padding: 0;
}

#issue_toc .department ul li a,
#issue_toc .department ul li a:visited {
	padding-left: 1em;
	margin: .2em 0;
	font-size: .9em;
	font-weight: normal;
	font-style: normal;
	background-image: url('images/arrow_green.gif');
	background-repeat: no-repeat;
	background-position: 0 .4em;
	color: #FFF;	
}

#issue_toc .department ul li a:hover {
	padding-left: 1em;
	margin: .2em 0;
	color: #C2D82E; 
	font-size: .9em;
	font-weight: normal;
	background-image: url('images/arrow_white.gif');
	background-repeat: no-repeat;
	background-position: 0 .4em;	
}


/******** CONTRIBUTORS ********/
#contributors {
    position: absolute;
    top: 30px;
    left: 66%;
    border-top: 1px dotted #C2D82E;
    border-bottom: 1px dotted #C2D82E;
    padding: 4px 6px;
    width: 32%;
    color: #2296BC;
    font-size: .8em;
    font-style: normal;
    background: #002949;
}

#contributors h3 {
	margin: 0 0 3px 0;
	color: #2296BC;
	text-transform: none;
}

#contributors h3 a, #contributors h3 a:visited {
	color: #2296BC;
}

#contributors h3 a:hover {
	color: #FFFFFF;
}

#contributors h3 span {
	font-size: .7em;	
}

.contributor {
	position: relative;
	float: left;
	margin: 3px 0;
	padding: 2%;
	width: 96%;
}

#contributors .contributor img {
	position: relative;
	float: left;
	margin: 2px 6px 0 0;
	border: 1px solid #2296BC;
	padding: 0;
	width: 56px;
	height: 56px;
}

.contributor h4 {
 	margin: 0;
 	padding: 0;
	color: #C2D82E;
	font-variant: small-caps;
}

.contributor p {
	margin: 0 0 0 64px;
	color: #FFF;
}

#contributors .contributor a, 
#contributors .contributor a:visited {
	color: #C2D82E;
	font-variant: small-caps;
}

/************************ 
 DEPARTMENT page
************************/

#dept_box {
	position: relative;
	float: left;
    margin: 15px 0 10px 0;
    width: 1000px;
	min-width: 840px;
    padding: 0;
}

#dept_box #dept_img {
	position: relative;
	float: left;
    margin: 5px 15px 0 10px;
    border: 1px solid #2296BC;
    padding: 0;
    width: 350px;	
    background: #E6F8FC;
}

#dept_box #dept_img img {
    width: 350px;
}


div#dept_text {
    margin: 0;
    padding: 10px 10px;
    font-size: .9em;
}

#dept_column_toc {
	position: relative;
	float: right;
    margin: 5px 0;
    padding: 0;
    width: 600px;
}

#dept_column_toc li {
	list-style: none;
	padding: 4px 0 8px 0;
}

#dept_column_toc li h3 {
	margin: 0;
	padding: 0;
	font-family: Georgia, "Times New Roman", Times, serif;
    color: #C2D82E;
    font-size: .9em;
}

#dept_column_toc p {
    margin: 0 0 0 10px;
    padding: 2px 0 0 30px;
}

.author {
    font-style: italic;	
}

/************************ 
 COLUMN page
************************/

#columnText {
	margin: 20px;
	width: 700px;	
}

#columnList {
    position: relative;
    float: left;
    margin: 0 0 0 15px;
    padding: 5px 0;
}

#columnList h3 {
	margin: 5px 0 0 0;
	padding: 0;	
}

#columnList p {
	margin: 0;
    padding: 2px;  
}

p.rsstag {
	margin: 0;
    padding: 2px;  
    font-style: italic;	
    font-size: .7em;
}

/**********************************************
 FOOTER styles
***********************************************/

#footer {
	position: relative;
	margin: 0 auto;
	border-top: 10px solid #2296BC;
	padding: 10px 0;
	width: 100%;
	min-width: 840px;
	color: #00182E;
	font-size: .7em;
	font-style: normal;
	text-align: center;
	text-transform: uppercase;
	background-color: #C2D82E;
	clear: both;
}

#footer a {
	color: #00182E;
	text-decoration: none;
}

#footer a:hover {
	color: #D4E5F5;
	color: #F4F8D8;
	text-decoration: none;
}

/**********************************************
 Browse styles
***********************************************/
#browse_toc {
	position: relative;
	float: left;
    margin: 15px 0 10px 0;
    width: 1000px;
	min-width: 840px;
	height: 45em; 
    padding: 0;
}

#browse_toc #col1,
#browse_toc #col2 {
	margin-top: 30px;
}

#browse_toc .department a, 
#browse_toc .department a:visited {
	width: 200px;
	font-size: 1em;
	font-weight: normal;
	color: #C2D82E;	
	text-decoration: none;
}

#browse_toc .department a:hover {
	font-size: 1em;
	font-weight: normal;
	color: #FFF;	
	text-decoration: none;
}

/*
#browse_toc .department ul {
	position: relative;
	margin: 0 0 0 .9em;
	list-style-image: url('images/arrow_green.gif');
}
*/

#browse_toc .department ul li a,
#browse_toc .department ul li a:visited {
	padding-left: 1em;
	margin: .2em 0;
	font-size: .9em;
	font-weight: normal;
	font-style: normal;
/* */
	background-image: url('images/arrow_green.gif');
	background-repeat: no-repeat;
	background-position: 0 .4em;
/* */	
	color: #2296BC;
}

#browse_toc .department ul li a:hover {
	padding-left: 1em;
	margin: .2em 0;
	color: #00182E;
	font-size: .9em;
	font-weight: normal;
/*	list-style-image: url('images/arrow_blue.gif'); */
/* */
	background-image: url('images/arrow_blue.gif');
	background-repeat: no-repeat;
	background-position: 0 .4em;	
/* */
	}

#browse_toc h2 {
	font-size: 1.2em;
	font-weight: bold;
	font-style: italic;
	color: black;	
	text-transform: none;
}

#browse_toc hr {
	width: 100%;
    text-align: left;
    margin: 5px auto 5px 0;
    color: #CCCCCC;
    height: 1px;
}

#browse_column_list li {
	list-style: none;
	padding: 4px 0 8px 0;
}

#browse_column_list li h3 {
	margin: 0;
	padding: 0;
	font-family: Georgia, "Times New Roman", Times, serif;
    color: #C2D82E;
    font-size: .9em;
}

#browse_column_list p {
    margin: 0 0 0 10px;
    padding: 2px 0 0 30px;
}

#browse_column_list p.author {
    font-style: italic;	
    margin: 0 0 0 10px;
    padding: 2px 0 0 60px;
}

/**********************************************
 Photo Gallery styles
***********************************************/
#pg_toc {
    width: 100%;
    height: 100%;
    clear: none;
/*  background: black; */
}
td.pg_keyword_section {
    width: 20%;
    height: 100%;
	vertical-align: top;
/* background: cyan; */
}

#pg_keyword_instructions {
	position: relative;
	top: 5px;
}

#pg_keyword_instructions table {
	width: 100%;
}

#pg_keyword_instructions td {
	width: 100%;
	text-align: left;
}

#pg_keyword_toc {
}

ul.pg_keyword {
	list-style-image: url('images/arrow_green_ul.gif');
}
li.pg_keyword_li1 {
	font-size: 1em;
	font-size: .8em;
}

li.pg_keyword_li2 {
	font-size: 1em;
	font-size: .8em;
}

td.pg_toc_divider {
	background: #2296BC;
	width: 2px;
	padding-left: 5px;
}

td.pg_issue_section {
    width: 80%;
    height: 100%;
	vertical-align: top;
/* background: blue; */
}

td.pg_issue_image {
	width: 240px;
	height: 160px;
	text-align: center;
	vertical-align: top;
    padding: 18px;
}
	
td.pg_issue_instructions {
	width: 100%;
	text-align: center;
	cell-padding: 10px;
}

#pg_issue_toc {
}


#pg_display {
	position: relative;
	width: 900px;
	height: 610px;
/*  background: black; */
}

#pg_info {
	position: relative;
	float: left;
	width: 330px;
	height: 500px;
    margin: 5px;
/*  background: red; */
}

#pg_info table {
	width: 100%;
	height: 100%;
}

#pg_info td {
	width: 100%;
	height: 100%;
	vertical-align: middle;
}

#pg_photo {
	position: relative;
	float: left;
	width: 550px;
	height: 500px;
    margin: 5px;
/*  background: orange; */
}

#pg_photo table {
	width: 100%;
	height: 100%;
}

#pg_photo td {
	width: 100%;
	height: 100%;
	text-align: center;
	vertical-align: middle;
}

#pg_photo img.noborder {
	border: 0;
}

#pg_thumbnail {
	position: relative;
	width: 890px;
	height: 90px;
    margin: 5px;
	clear: both;
/*  background: blue; */
/*  color: white; */
  font-weight: bold;
}

#pg_thumbnail table {
	width: 100%;
	height: 90px;
}

#pg_thumbnail td {
	width: 50px;
	height: 50px;
	text-align: center;
	vertical-align: middle;
    padding: 10px;
}

#pg_thumbnail td.icon {
	width: 16px;
	height: 50px;
	text-align: center;
	vertical-align: middle;
    padding: 3px;
}

#pg_thumbnail img.nav {
	border: 0;
}

#pg_thumbnail img.navhover {
	border: 0 0 1px 0;
}

#pg_instructions {
	position: absolute;
	top: 250px;
	left: 0;
	width: 900px;
}

#pg_instructions table {
	width: 100%;
}

#pg_instructions td {
	width: 100%;
	text-align: center;
}

ul.pg_links {
	list-style-image: url('images/arrow_green_ul.gif');
}
ul.pg_links li {
}

p.pg_rights {
    border-top: 1px dotted #C2D82E;
    border-bottom: 1px dotted #C2D82E;
    padding: 4px 6px;
}


/**********************************************
 Podcast styles
***********************************************/

p.pod_directions {
    font-size: .8em;
    font-style: italic;	
}

div.pod {
	width: 700px;
	border: 0 none;
}

div.pod_image {
	float: left;
	margin: 15px 0 0 0;
	width: 220px;
}

img.pod_image {
	margin: 100 0 0 0;
	width: 200px;
}

div.pod_desc_box{
}

div.pod_desc_box p.resource_title {
    font-size: 1em;
}

div.pod_desc_box p {
    font-size: 1em;
}

td.pod_buttons {
	width: 300px;
	text-align: left;
	vertical-align: middle;
}

img.pod_button {
	margin:  0 10 0 0;
	border:   0 none;
}

td.pod_info {
	width: 300px;
	text-align: right;
}
table.pod_info {
	border: 0;
	margin: 0;
	padding: 0;
}

td.pod_datalabel {
	border: 0;
	margin: 0;
	padding: 0;
	text-align: left;
	font-size: .9em;
	font-family: "Times New Roman", Times, serif;
	color: black;
	width: 60px;
}

td.pod_datavalue {
	border: 0;
	margin: 0;
	padding: 0;
	text-align: left;
	font-size: .9em;
	font-family: "Times New Roman", Times, serif;
	color: black;
}


/**********************************************
 Translation styles
***********************************************/
#translation a:link {
	color: #2296BC;
	text-decoration: none;
}
#translation a:visited {
	color: #2296BC;
}

#translation a:hover {
	color: #00182E;
}

#translation a:after {
	color: #16364B;
}
 
#translation img.inline {
	position: relative;
	top: 12px;
	border: 0 none;
}


/**********************************************
 Matrix styles
***********************************************/

table.standards,
table.matrix {
	width: 1100px;
}

td.meetsStandard_bg1,
td.matrix_highlight_bg1 {
	background: #D3E079;
}

td.meetsStandard_bg2,
td.matrix_highlight_bg2 {
	background: #C2D82E;
}

td.standard,
td.matrix_colTitle {
	width: 100px;
	text-align: center;
}

td.issuenum,
td.matrix_rowTitle {
	width: 75px;
	vertical-align: middle;
}