/*** general templates ***/
.homeimage
{
	background: url("../images/home-content-bk.gif") no-repeat bottom right;
}

/* fix for homepage image */
.space
{
height: 30px;
}

.page-title
{
	color: #8b0304;
	font-size: 1.8em;
	font-family: Arial, Helvetica, sans-serif;
	margin: 0;
	margin-bottom: 20px;
	position: relative; /* to fix peek-a-boo in IE */
}


.doc-title
{
	color: #8b0304;
	font-size: 1.8em;
	font-family: Arial, Helvetica, sans-serif;
	margin: 0;
	position: relative; /* to fix peek-a-boo in IE */
}


h2
{
	clear: both; /* 477a8eto fix clickable area in browse box when followed by this element */
	color: #630203;
	font-size: 1.6em;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	margin: 0;
	margin-bottom: 5px;
	position: relative; /* to fix peek-a-boo in IE */
}
.h2
{
	color: #630203;
	font-size: 1.6em;
	font-family: Arial, Helvetica, sans-serif;
}

h3
{
	clear: both; /* to fix clickable area in browse box when followed by this element */
	color: #8b0304;
	font-size: 1.4em;
	font-family: Arial, Helvetica, sans-serif;
	margin: 0;
	margin-bottom: 5px;
	position: relative; /* to fix peek-a-boo in IE */
}
.h3
{
	color: #8b0304;
	font-size: 1.4em;
	font-family: Arial, Helvetica, sans-serif;
}

h4
{
	clear: both; /* to fix clickable area in browse box when followed by this element */
	color: #333;
	font-size: 1.2em;
	font-family: Arial, Helvetica, sans-serif;
	margin: 0;
	margin-bottom: 5px;
	position: relative; /* to fix peek-a-boo in IE */
}


h5
{
	clear: both; /* to fix clickable area in browse box when followed by this element */
	color: #8b0304;
	font-size: 1.1em;
	font-family: Arial, Helvetica, sans-serif;
	margin: 0;
	margin-bottom: 5px;
	position: relative; /* to fix peek-a-boo in IE */
}

p
{
	margin-top: 0;
	margin-bottom: 20px;
}

.table
{
	margin-bottom: 20px;
	background-color: #fff
}

#footersponsors img, .toolbox img
{
	border: 0;
}

caption, .image h3
{
	color: #8b0304;
	font-size: 1.2em;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	margin: 0;
	margin-bottom: 5px;
	text-align: left;
	position: relative; /* to fix peek-a-boo in IE */
}

.table td, .table th
{
	padding: 5px;
}

th
{
	font-size: 1em;
	background-color: #8b0304;
	color: #fff;
}

.table td
{
	border: 1px solid #ccc;
}

.colorrow
{
	background-color: #f3e1e1;
}

.colorrowwhite
{
	background-color: #fff;
}

.tablecolumn
{
	background-color: #ededab;
}

.table tfoot td
{
	font-size: .9em;
	border: none;
	padding: 0;
}

.box
{
	clear: both;
	margin-bottom: 20px;
}

.boxcontent
{
	background-color: #e2e8f1; 
	padding: 5px;
	position: relative;
}

.boxcontent ol
{
	padding-left: 25px;
}

.boxcontent ul
{
	padding-left: 20px;
}

h3.boxheader
{
	color: #8b0304;
	background-color: #fff;
	font-size: 1.2em;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	margin: 0;
	padding-bottom: 5px;
	text-align: left;
	position: relative; /* to fix peek-a-boo in IE */
}

.boxfooter
{
	font-size: .9em;
	border: none;
	padding: 0;
}

.byline
{
	margin-bottom: 20px;
}

.date, .author
{
	font-weight: bold;
	font-size: .9em;
	margin: 0;
	color: #8b0304;	
}

.docdesc
{
	color: #8b0304;
}

.calloutbox
{
	background-color: #eff4dc;
	padding: 5px;
	margin-bottom: 25px;
}

.image
{
	margin-bottom: 20px;
}

.image p
{
	font-size: .9em;
	margin-top: 0;
}

/*** use for bullets ***/
ul
{
	list-style-image: url(../images/bullet.gif); 
	margin: 0; 
  	padding: 0 0 20px 16px;
}

ol
{
	margin: 0; 
  	padding: 0 0 10px 30px;
}

ul ul
	{
	list-style-image: url(../images/bullet.gif); 
	margin: 0; 
  	padding: 5px 0 0 15px;
}
td ul li ul
	{
	list-style-image: url(../images/triangle.gif); 
	margin: 0; 
  	padding: 0 0 0 10px;
}
td ul li ul li ul
	{
	list-style-image: url(../images/triangle-sm.gif); 
	margin: 0; 
  	padding: 2px;
}

ul.nobullets
{
	list-style: none;  
	list-style-image: none; 	
	margin: 0; 
  	padding: 5px 0 10px 0;
}

td ul li ul li
{
	margin-top: 0px; 
	margin-bottom: 0px; 
}
li
{
	margin-bottom: 10px; 
}

ol.references
{
	margin: 0; 
  padding: 0 0 10px 30px;
}

/* replaces the br tag in links */
.linebreak
{
	display: block;
}
/*** end general templates ***/

/***  homepage-only site description ***/
.site-description
{
	color: #8b0304;
	font-weight: bold;
	font-size: 8pt;
	margin: 0;
	padding: 10px 10px;
	background-color: #e0eaba;
}
/*** end homepage-only site description ***/

/***  banner title for sub pages ***/
.section-title
{
	color: #fff;
	font-size: 1.7em;
	font-weight: normal;
	font-family: Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 5px 10px;
	background-color: #8b0304;
}
/*** end banner title for sub pages ***/

/*** to add image to homepage above featured box ***/
.sideimage
{
	padding-top: 220px;
	background: url("../images/home/family.jpg") no-repeat top left;
}

.sideimage h3
{
border-top: 3px solid #fff;
}
/*** end to add image to homepage above featured box ***/

/*** featured and news boxes ***/
.featuredbox
{
	clear: both;
	background-color: #f3e1e1;
}

.relatedbox
{
	clear: both;
	background-color: #eff4dc;
	border-bottom: 3px solid #fff;
}

.toolbox
{
	clear: both;
	background-color: #e0eaba;
	border-bottom: 3px solid #fff;
}

.printall img, .print img, .slide img, .email img
{
	margin-right: 5px;
	margin-left: 5px;
} 

.featuredbox h3, .newsbox h3, .relatedbox h3, .featuredresource h3
{
	clear: both;
	position: relative; /* for background color to show up in IE6 */
	font-family: Georgia, Arial, Helvetica, sans-serif;
	font-size: 1.25em;
	color: #fff;
	background-color: #8b0304;
}

.featuredresource h3
{
	color: #8b0304;
	background-color: transparent;
}

.glossarybox h3, .glossarybox h3 a
{
	position: relative; /* for background color to show up in IE6 */
	margin: 0;
	padding: 5px 5px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #fff;
	font-size: 1em;
	background-color: #8ec754;
	text-decoration: none;
}

.glossarybox h3 a:hover
{
	color: #ff6;
	text-decoration: none;
}

.glossarybox dl
{
	margin: 0;
	padding: 10px 5px 5px 5px;
	color: #8b0304;
	font-size: .8em;	
}

.glossarybox dt
{
	font-weight: bold;
}

.glossarybox dd
{
	margin: 0;
}

.featuredbox ul, .newsbox ul, .featuredresource ul, .relatedbox ul, .toolbox ul
{
	margin: 0;
	padding: 10px 0 5px 0;
	list-style: none;
	list-style-image: none; 	
}

.featuredbox ul li, .newsbox ul li, .featuredresource ul li, .relatedbox ul li, .toolbox ul li
{
	margin: 0;
	margin-bottom: 10px;
	padding: 0 5px;
	font-size: .8em;
	font-weight: bold;
}

.featuredbox ul li a, .newsbox ul li a, .featuredresource ul li a, .relatedbox ul li a, .featuredbox ul li a:visited, .newsbox ul li a:visited, .featuredresource ul li a:visited, .relatedbox ul li a:visited, .toolbox ul li a, .toolbox ul li a:visited
{
	text-decoration: none;
	color: #8b0304;
}

.featuredbox ul li a:hover, .newsbox ul li a:hover, .featuredresource ul li a:hover, .relatedbox ul li a:hover, .toolbox ul li a:hover
{
	text-decoration: none;
	color: #f60;
}

.featuredbox p
{
	margin-bottom: 10px;
	font-size: .9em;
	color: #fff;
}

.featuredbox a
{
	color: #8b0304;
}

.featuredresource
{
padding-bottom: 10px;
}

.featuredresource img, .featuredbox img
{
	display: block;
margin: 10px auto 0 auto;
padding-bottom:10px;
}

/*** end featured and news boxes ***/

/*** browse library box ***/
#browsebox, #jumpbox
{
	clear: both;
	float: left;
	width: 100%;
	background-color: #e2e8f1; 
	margin-bottom: 30px;
}

#browsebox h3, #jumpbox h3
{
	color: #000;
	font-size: 1.2em;
	font-family: Arial, Helvetica, sans-serif;
	margin-bottom: 5px;
	margin-top: 15px;
}

#browseboxleft ul, #browseboxright ul
{
	margin: 0;
	padding: 0;
	list-style-image: none; 
	list-style: none; 	
}


#browsebox li, #jumpbox li
{
	margin-bottom: 10px;
}

#browseboxleft, #browseboxright
{
	float: left;
	width:  47%;	
	padding: 0 0 10px 10px;
}
/*** endt browse library box ***/

/*** view by sort box ***/
.sortby
{
	background-color: #ededab;
	text-align: left;
	margin: 0;
	margin-bottom: 20px;
	padding: 8px;
	position: relative; /* to fix peek-a-boo in IE */
}

.sortby h2
{
	display: inline;
	font-size: 1em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

.sortby ul, .sortby li
{
	display: inline;
	margin: 0;
	padding: 0;
	font-weight: bold;
	color: #8b0304;	
}

.sortby ul
{
	margin-left: 5px;
}

.sortby a, .sortby a:visited, #jumpbox a, #jumpbox a:visited
{
	color: #233974;
}
/*** view by sort box ***/


.language
{
	display: block;
	margin-bottom: 5px;
}




/* old CSS!!! */
.tableheader 
{
font-weight : bold; 
color : #336699; 
}
 
.rowheader 
{
font-weight : bold; 
color : #fff; 
text-align : center; 
}
 
.rowheaderright 
{
font-weight : bold; 
color : #fff; 
text-align : right; 
}
 
.rowheaderleft 
{
font-weight : bold; 
color : #fff; 
text-align : left; 
}
 
.rowheadercenter
{
font-weight : bold; 
color : #fff; 
text-align : center; 
}
.relatedheader 
{
font-weight : bold; 
color : #fff; 
text-align : center; 
}
 
.cellcenter 
{
text-align : center; 
}
 
.cellright 
{
text-align : right; 
}
  
.required 
{
font-weight : bold; 
text-decoration : none; 
color : #693; 
}
 
.not-required 
{
font-weight : normal; 
text-decoration : none; 
color : #036; 
}
 
.error 
{
font-weight : bold; 
color : #690; 
}

.glossarytoc
{
padding: 5px;
border: 2px solid #9bbdde;
border-left: none;
border-right: none;
}

.caption 
{
color : #693; 
text-align : right; 
}

.org1 
{
font-weight : bold; 
font-size : 1.2em; 
color : #036; 
margin-bottom : 3px; 
}
 
.org2 
{
font-size : 1em; 
margin-bottom : 3px; 
color : #369; 
font-weight : bold; 
}


.time /* used in module */
{
	text-align: right;
	font-weight : bold; 
	color : #036; 
}

.prev
{
float: left;
width: auto;
background-color: #8ec754;
padding: 5px;
color: #fff;
font-weight: bold;
}

.next
{
float: right;
width: auto;
background-color: #8ec754;
padding: 5px;
color: #fff;
font-weight: bold;
}

.prev a, .next a
{
color: #fff;
font-weight: bold;
text-decoration: none;
}

.prev a:hover, .next a:hover
{
	color: #f60;
	text-decoration: none;
}

.term
{
	color : #693; 
	font-weight : bold;
}

.correct 
{
font-weight : bold; 
color : #669933; 
text-align : left; 
vertical-align: middle;
}

.incorrect 
{
font-weight : bold; 
color : #ec5e00; 
text-align : left;
vertical-align: middle;
}

@media print 
{
	.section-title
	{
		color: #8b0304;
		background-color: #fff;
		font-weight: bold;
		margin: 0;
		margin-top: 20px;
	}
	
	.sortby
	{
		display: none;
	}
	
	#jumpbox, .jumpbox
	{
		display: none;
	}	
}


.figure
{
	width: 100%;
	clear: both; 
	margin: 10px;
	margin-top: 25px;
}

/* especially helpful for table-less layout */
td .figure
{
	margin-top: 0;
}

/* to add a colored border around images, even linked images*/
.figure img, .figure a:link img, .figure a:active img, .figure a:visited img, .figure a:hover img
{
	border: 1px solid #ccc;
}

.imageright
{
	float: right; 
	clear: both; 
	margin-left: 20px;
}

.imageleft
{
	float: left; 
	clear: both; 
	margin-right: 20px;
}

.figurefooter
{
	color: #606060; 
	font-weight: bold;
}

.box1, .box2, .box3, .box4
{
	padding: 15px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

.box1 h3, .box2 h3, .box3 h3, .box4 h3
{
	background-color: transparent;
}

.box1 h3
{
	font-size: 1.6em;
	color: #8b0304;
	font-weight: normal;
}

.box1 .date
{
	font-weight: bold;
	font-size: 1em;
	margin-bottom: 10px;
	color: #333;	
}

.box1 p, .box2 p, .box3 p, .box4 p
{
	margin-bottom: 10px;
	font-size: .9em;
	color: #fff;
}

.box1 p
{
	color: #333;
}

.box2
{
	background-color: #8b0304;
}

.box3
{
	background-color: #a84243;
}

.box4
{
	background-color: #630203;
}

.box1 a, .box2 a, .box3 a, .box4 a
{
	color: #fff;
	text-decoration: none;
}

/* login form box */
form#login	{
 	margin-top:20px;margin-left:20px;
 }

/* NEW column treatment */
.columns	
{
 width:100%;
 float:left;
 clear:both;
 margin:0;
 padding:0;
 margin-bottom:25px;
}
.columns h3 {
    margin:5px;
    padding:5px;
    margin-left:0px;
    padding-left:0px;
}
.two-column div.column
{
 width:48%; 
 float:left;
 padding:0 3px 0 7px;
}
div.three-column		{
 width:32%; 
 float:left;
 padding:0 3px 0 7px;
}
.columns ul {
    list-style:none;
    margin-right:1em;
    font-size:.75em;
}
.columns ul li ul {
    list-style:none;
    font-size:1.25em;

}
.columns .sec-contents ul {
    list-style:none;
    list-style-image: none;
}

.button
{
	margin: 0;
	padding: 0;
	color: #fff;
	background-color: #8b0304;
	width: 100px;
	margin-left: 30%;
	padding: 10px;
	text-align: center;
}

.button a, .button a:link, .button a:visited
{
	color: #fff;
	text-decoration: none;
}

.hidden
{
	visibility:hidden;
	display: none;
}