/*******************************************************************************/
/* Information Literacy Portal                                                 */
/*                                                                             */
/* CSS developed at the University of Idaho - Center for Teaching Innovation   */
/* http://www.uidaho.edu/cti/                                                  */
/*******************************************************************************/


/****************************** COLORS  *****************************/
/*
	Salmon Dark: #EA7B75
	Salmon Medium: #FFD7C0
	Salmon Light: #FFEFE6
	
	Teal Dark: #2D93A2
	Teal Medium: #54BAC9
	Teal Light: #CDEDF1
	
	Yellow Light: #FCFDCE
	Cream: #FFFFEF
	
	Hyperlink & Visited Link (blue): #3366CC
	Hover hyperlink (medium teal): #66CCCC
*/

/******************** Primary CSS statements  ************************/

body {
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size:1em;
	margin: 0;
	}

a:link { color: #3366CC; }
a:visited {	color: #3366CC; }
a:hover { color: #66CCCC; }
a:active { color: #66CCCC; }

acronym {
	color: #2D93A2;
	}
li {
	padding-bottom:10px;
	margin-left: -15px;
	}	

p {
	padding-bottom:5px;
	}	
h3 {
	font-size: 1.5em;
	font-weight: bold;
	}	
h4 {
	font-size: 1.3em;
	font-weight:normal;
	}
/* used in quiz form fields */			
textarea {
	font-size: .9em;
	}

	
/********************** Top Shared Border ****************************/
#top_nav {
	height: 141px;
	width: 1600px;
	text-align: right;
	vertical-align: bottom;
	font-size: .7em;
	padding-right: 15px;
	padding-bottom: 1px;
	background-image: url(../images/theme/info_literacy_banner.jpg);
	background-repeat: no-repeat;
	}
	
#cover_top_nav {
	height: 141px;
	width: 1600px;
	text-align: right;
	vertical-align: bottom;
	font-size: .7em;
	padding-right: 15px;
	padding-bottom: 1px;
	background-image: url(../images/cover/cover_top_banner.jpg);
	background-repeat: no-repeat;
	}	
	
#skip_nav a{
	position: absolute;
	top: 3px;
	right: 15px;
	font-size: 0.7em;
	color: #999;
	text-decoration: none;
	}	
#search {
	position: absolute;
	top: 20px;
	right: 15px;
	font-size: 0.8em;
	font-weight: bold;
	color: #EA7B75;
	}
#search_form {
	position: absolute;
	top: 12px;
	right: 0px;
	vertical-align: middle;
	white-space: nowrap;
	}
	
/********************** Left Shared Border ****************************/

#sharedborder_primary_navigation {
	padding-left:3px;
	padding-top:45px;
	height: 640px;
	background-image: url(../images/theme/side_bg.jpg);
	}
	
.primary_nav2 {
	font-size: 1.2em;
	color: #A9E2EB;
	border-bottom: 1px #A9E2EB dashed;
	}	
	
/********************** INDEX.HTM Page ****************************/

/* adjust line-height, font-size, and padding if you want to add more modules */

#index_nav {
	font-family: arial;
	text-align: left;
	vertical-align: top;
	font-size: 1.0em;
	padding-right: 15px;
	padding-left: 20px;
	padding-top: 20px;
	line-height: 150%;
	color: #EA7B75;
	font-size: 1.4em;
	}
#index_nav a:link { color: #3366CC; font-weight: bold; }
#index_nav a:visited {	color: #3366CC; font-weight: bold; }
#index_nav a:hover { color: #54BAC9; text-decoration: underline; font-weight: bold; }
#index_nav a:active { color: #54BAC9; text-decoration: underline; font-weight: bold; }	


/****************************** Module Content Area ***********************/

.module_title {
	border-bottom: 1px #000000 solid;
	padding-left: 10px;
	}

/* NOTE: Module subtitles (ex: 1.2 scholarly vs popular) 
    style is controlled through the frontpage theme which 
    controls h1-h6) */

/* module_content is used as the primary control for the main body of content */
.module_content {
	font-size:.8em;
	vertical-align: top;
	padding-left: 20px;
	padding-right: 30px;
	padding-bottom: 20px;
	padding-top: 10px;
	}
	
/* module_content_in_cell is used for tables that are embedded inside the regular module_content */	
.module_content_in_cell {
	font-size:.8em;
	vertical-align: top;
	padding-bottom: 10px;
	padding-top: 10px;
	}
	
/* figure is used for graphics and the text that goes with them */	
.figure {
	font-size:.7em;
	font-weight: bold;
	vertical-align: top;
	text-align: right;
	padding-bottom: 10px;
	padding-top: 10px;
	padding-right: 10px;
	}		

/* module_accessory is used for embedded flash pieces */
.module_accessory {
	font-size:.8em;
	vertical-align: top;
	padding-left: 20px;
	padding-bottom: 20px;
	padding-top: 10px;
	}

/* table_border & table_head is used on the green & white tables */
.table_border {
	border-bottom: solid 1px gray;
	font-size: 1.2em;
	line-height: 1.5em;
	}

.table_head {
	border-bottom: solid 2px #000;
	border-top: solid 1px #000;
	color: #2D93A2;
	font-size: 1.0em;
	font-weight:bold;
	text-transform: uppercase;
	text-align:center;
	}
	
.quote_block {
	font-size: 1.0em;
	background-color: #FFEFE6;
	border: 1px #EA7B75 dashed;
	padding: 5px;
	}

.quote_block_title {
	font-size: 1.0em;
	text-transform:uppercase;
	font-weight: bold;
	color: #3197a6;
	font-style: italic;
	}
	
.sub_title {
	font-size: 1.2em;
	text-transform:uppercase;
	font-weight: bold;
	color: #3197a6;
	border-bottom: #3197a6 1px dashed;
	}
	
.hilite {
		color: #2D93A2;
		font-weight: bold;
		}

/*  - not used
#pop-up_links li {
	list-style-type: none;
	margin-left: -15px;
	}	
*/
	
#pop-up_links a {
	padding-left: 14px;
	background: url(../images/utilities/pop_up_fix.gif) no-repeat top left;
	display: block;
	padding-bottom: 7px;
	
	}	
#pop-up_links a:hover {
	background-position: 0 -106px; /* move the image so only the big one shows */
	}	

		
/* 
"inline_pop-up_links" is a little buggy in IE. It doesn't like wrapping. It needs to be kept 
in a div tag with display:inline, or applied to a table cell
*/

#inline_pop-up_links {
		display: inline;
	}

#inline_pop-up_links a {
	padding-left: 14px;
	background: url(../images/utilities/pop_up_fix.gif) no-repeat top left;
	}

#inline_pop-up_links a:hover {
	background-position: 0 -106px; /* move the image so only the big one shows */
	}		
		
/****************************** Module Navigation *******************************/

.module_navigation {
	height:100%;
	vertical-align: top;
	background-color:#FFD7C0;
	vertical-align: top;
	}

.module_navigation .title {
	font-size: .8em;
	font-weight: normal;
	text-transform: uppercase;
	width: 100%;
	height:31px;
	color: #fff;
	background-color:#EA7B75;
	text-align: center;
	background-image: url(../images/theme/module_title_nav_bg2.gif);
	}

.module_navigation .navigation {
	background-color:#FFF;
	color: #EA7B75;
	font-size: .6em;
	font-weight: bold;
	padding:5px;
	border-bottom: 1px #EA7B75 solid;
	line-height: 200%;
	}

.top_backnext {
	border-bottom: 1px #000000 solid;
	font-size: .8em;
	font-weight: bold;
	color: #B6B6E7;
	text-align: right;
	vertical-align: bottom;
	height:60px;
	text-decoration: none;
	}
.top_backnext a {
	text-decoration: none;
	}

.bottom_backnext {
	border-top: 1px #000000 solid;
	font-size: .8em;
	font-weight: bold;
	color: #B6B6E7;
	text-align: right;
	padding-top: 15px;
	padding-bottom: 5px;
	text-decoration: none;
	}
.bottom_backnext a {
	text-decoration: none;
	}
	
/**************************** Module Side bars and Tips  ************************/

.module_navigation .sidebar {
	padding-top: 20px;
	padding-left: 10px;
	padding-bottom: 20px;
	padding-right: 10px;
	font-size: .7em;
	}
.module_navigation .tips {
	font-size: 1.0em;
	background-color: #fff;
	border: 1px #2D93A2 dashed;
	padding-left: 5px;
	padding-right: 5px;
	margin-bottom: 5px;
	}
.module_navigation .tips_title {
	font-size: 1.0em;
	text-transform:uppercase;
	font-weight: bold;
	color: #3197a6;
	}
.module_navigation .tips a:link{
	font-weight: bold;
	}	
.module_navigation .tips a:visited{
	font-weight: bold;
	}		
	
	
/******************************** Glossary Page Include *****************************/

.glossary_term { 
	font-weight: bold; 
	display:block; 
	color:#EA7B75; 
	}
.letter { 
	font-family: Trebuchet ms, Verdana, Helvetica, Arial, sans-serif;
	font-weight: bold; 
	font-size: 2.0em;
	text-align: center;
	border-bottom: 1px #54BAC9 dashed;
	color: #2D93A2;
	}
#glossary  { 
	font-size: .8em;
	}

/***	Inline Glossary terms & definitions ***/

#glossary_definition1{ margin: 0px 0px 0px 0px; display: none; color:#EA7B75;}
#glossary_definition2{ margin: 0px 0px 0px 0px; display: none; color:#EA7B75;}
#glossary_definition3{ margin: 0px 0px 0px 0px; display: none; color:#EA7B75;}
#glossary_definition4{ margin: 0px 0px 0px 0px; display: none; color:#EA7B75;}
#glossary_definition5{ margin: 0px 0px 0px 0px; display: none; color:#EA7B75;}
#glossary_definition6{ margin: 0px 0px 0px 0px; display: none; color:#EA7B75;}
#glossary_definition7{ margin: 0px 0px 0px 0px; display: none; color:#EA7B75;}
#glossary_definition8{ margin: 0px 0px 0px 0px; display: none; color:#EA7B75;}
#glossary_definition9{ margin: 0px 0px 0px 0px; display: none; color:#EA7B75;}
#glossary_definition10{ margin: 0px 0px 0px 0px; display: none; color:#EA7B75;}
#glossary_definition11{ margin: 0px 0px 0px 0px; display: none; color:#EA7B75;}
#glossary_definition12{ margin: 0px 0px 0px 0px; display: none; color:#EA7B75;}
#glossary_definition13{ margin: 0px 0px 0px 0px; display: none; color:#EA7B75;}
#glossary_definition14{ margin: 0px 0px 0px 0px; display: none; color:#EA7B75;}
#glossary_definition15{ margin: 0px 0px 0px 0px; display: none; color:#EA7B75;}
#glossary_definition16{ margin: 0px 0px 0px 0px; display: none; color:#EA7B75;}
#glossary_definition17{ margin: 0px 0px 0px 0px; display: none; color:#EA7B75;}
#glossary_definition18{ margin: 0px 0px 0px 0px; display: none; color:#EA7B75;}
#glossary_definition19{ margin: 0px 0px 0px 0px; display: none; color:#EA7B75;}
#glossary_definition20{ margin: 0px 0px 0px 0px; display: none; color:#EA7B75;}

/*** Glossary term with icon ***
.inline_glossary_term {
	background: url("../images/utilities/glossary.gif") 0 3px no-repeat;
	padding-left: 14px;
	}
*/	
/*** Glossary term without icon ***/
.inline_glossary_term a:link {
	color: #5512B3;
	}
.inline_glossary_term a:visited {
	color: #5512B3;
	}
.inline_glossary_term a:hover {
	color: #66CCCC;
	}