@charset "UTF-8";
/* CSS Document */

body
{
	padding:0px;
	text-align:center;
	background-color: #e5e4e0;
	margin: 0px;
	color: #333333;
	font-size: 12px;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-weight: normal;
	font-style: normal;
	line-height: 16px;
}
/**************************************
TEXT
***************************************/
/*******************
Headers
********************/
h1
{
	color: #421109;
	font-weight: bold;
	text-transform: none;
	font-size: 16px;
	float: left;
	margin-bottom:10px;
	padding-bottom:5px;
	width:430px;
	font-family: Georgia, Times New Roman, Times, serif;
}
h2
{
	background-color: #421109;
	color: #FFFFFF;
	font-weight: bold;
	text-align: left;
	font-size: 14px;
	padding: 5px;
	margin-top:10px;
	margin-bottom:10px;
	font-family: Georgia, Times New Roman, Times, serif;
	max-height:25px;
	clear: both; /* Added 08-10-2010 to fix and issue with the Sprint pages displaying div wrapping incorrectly in Contribute */
}
h3
{
	color: #333333;
	font-weight: bold;
	text-align: left;
	font-size: 13px;
	margin-bottom:10px;
	margin-top:10px;
	font-family: Georgia, Times New Roman, Times, serif;
}
h3 em
{
	color: #333333;
	font-weight: bold;
	font-style:italic;
	text-align: left;
	font-size: 13px;
	margin-bottom:10px;
	margin-top:10px;
	font-family: Georgia, Times New Roman, Times, serif;
}
h3 a
{
	font-size: 13px;
	font-family: Georgia, Times New Roman, Times, serif;
}
/*******************
Basics
********************/
br
{
	margin-top: 0.1em;
}
em
{
	font-style: italic;
}
strong
{
	font-weight: bold;
}
hr
{
	border:0;
	height:1px;
	color:#333333;
	background-color:#333333;
}
a
{
	text-decoration: underline;
	font-weight: bold;
	color:#762412;
}
a:hover
{
	text-decoration: none;
}
/*******************
Blockquote
********************/
blockquote
{
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 12px;
	line-height: 14px;
	color: #421109;
	background-color:none;
	padding:10px;
}
blockquote em
{
	font-style: italic;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 12px;
	line-height: 14px;
	color: #421109;
}
blockquote em a
{
	font-style: italic;
}
/*******************
Lists
********************/
ul
{
	margin:7px 22px;
	list-style-position:inside;
	list-style-image: none;
	list-style-type: disc;
}
li
{
	line-height:17px;
	list-style-position:inside;
	list-style-type: disc;
}
/*******************
Images
********************/
img
{
	border: 0px;
}
img.photo
{
	padding:7px;
}
img.photoLeft
{
	padding-right:15px;
	padding-bottom:3px;
	float:left;
}
img.photoLeftFeature
{
	padding-right:10px;
	padding-bottom:10px;
	float:left;
}
img.photoRight
{
	padding-left:15px;
	padding-bottom:3px;
	float:right;
}
/****************
Photo
****************/
.photofeature
{
	text-align: left;
	float: left;
	margin-top: 0px;
	margin-right: 10px;
	margin-bottom: 10px;
	margin-left: 0px;
	padding: 0px;
	width:150px;
}
.photofeatureSmallright {
	text-align: right;
	float: right;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 10px;
	padding: 0px;
	width:100px;
}
.caption
{
	font-size: 10px;
	font-style: italic;
	line-height: 13px;
	font-weight: normal;
	text-transform: none;
	color: #333333;
	text-decoration: none;
	padding-top: 5px;
	margin-bottom:10px;
}
.caption em
{
	font-size: 10px;
	font-style: normal;
}
a.captionlink
{
	font-size: 10px;
	font-style: italic;
	line-height: 11px;
	font-weight: normal;
	text-transform: none;
	color: #660000;
	text-decoration: underline;
}
a.captionlink:hover
{
	font-size: 10px;
	font-style: italic;
	line-height: 11px;
	font-weight: normal;
	text-transform: none;
	color: #333333;
	text-decoration: none;
}
/*******************
Small Text
********************/
.smallText
{
	font-size: 10px;
	font-family: Arial, Helvetica, Verdana, sans-serif;
}
.smallText a
{
	font-size: 10px;
	font-family: Arial, Helvetica, Verdana, sans-serif;
}
/*******************
Chart
********************/
.chart
{
	font-size: 11px;
	font-family: Arial, Helvetica, Verdana, sans-serif;
}
.chart a
{
	font-size: 11px;
	font-family: Arial, Helvetica, Verdana, sans-serif;
}

/*******************
Content Table list
********************/
td.level2
{
	font-size: 11px;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	padding:5px;
}

td.level2 a
{
	font-size: 11px;
	font-family: Arial, Helvetica, Verdana, sans-serif;
}

td.level2 h3
{
	color: #333333;
	font-weight: bold;
	text-align: left;
	font-size: 13px;
	margin-bottom:5px;
	font-family: Georgia, Times New Roman, Times, serif;
}
td.level2 strong
{
	font-weight: bold;
	font-size: 11px;

}
td.level2 h3 a
{
	font-size: 13px;
	margin-bottom:5px;
	font-family: Georgia, Times New Roman, Times, serif;
}
/**************************************
CONTAINER and MAIN Content
**************************************/
div#container
{
	margin: 0px auto;
	padding: 0px;
	text-align: left;
	width: 750px;
}
/**************************************
Masthead Banner
**************************************/
div#masthead
{
	margin: 0px;
	padding: 0px;
	width: 600px;
	height:95px;
	float:right;
	text-align:right;
	background-image:url(/depts/perkins/images/The-John-Perkins-Center-header.jpg);
	background-repeat:no-repeat;
	background-color:#FFFFFF;
}
/**************************************
LEFT Content
**************************************/
div#leftContent
{
	width: 150px;
	height:auto;
	padding: 0px;
	margin: 0px;
	text-align:left;
	color:#FFFFFF;
	float: left;
	font-size: 11px;
	line-height: 13px;
}
/*******************
Left Navigation Header
********************/
div#leftContent h3
{
	color: #FFFFFF;
	font-weight: bold;
	font-size: 14px;
	font-family: Georgia, Times New Roman, Times, serif;
	margin-left:8px;
}
div#leftContent h3 a
{
	color: #FFFFFF;
	font-weight: bold;
	font-size: 11px;
	font-family: Georgia, Times New Roman, Times, serif;
	text-decoration:none;
}
div#leftContent h3 a:hover
{
	color: #FFFFFF;
	font-weight: bold;
	text-decoration:underline;
}

/*******************
Left Navigation List
********************/

div#leftContent ul
{
	list-style: none;
	margin: 0px;
	padding:0px;
}
div#leftContent ul li
{
	list-style-type: none;
	list-style-position: outside;
	font-size: 11px;
	margin: 0px;
	margin-top:15px;
	margin-left: 5px;
	padding:0px;
}
div#leftContent ul li a
{
	text-decoration: none;
	font-weight: bold;
	color: #FFFFFF;
	font-size: 11px;
	text-transform: none;
	padding:5px;
}

div#leftContent ul li a:hover
{
	background-color:#FFFFFF;
	text-decoration: none;
	color: #333333;
}
div#leftContent ul li a.navselect
{
	background-color:#FFFFFF;
	text-decoration: none;
	font-weight: bold;
	color: #333333;
	font-size: 11px;
	padding:5px;
}
div#leftContent ul li a.navselect:hover
{
	background-color:#FFFFFF;
	text-decoration: none;
	color: #762412;
}

/*******************
Left Sub Navigation List
********************/
div#leftContent ul li ul li
{
	padding:0px;
	padding-left: 4px;
	list-style-position: outside;
}
div#leftContent ul li ul li a
{
	text-decoration: none;
	font-weight: bold;
	color: #FFFFFF;
	font-size: 10px;
	text-transform: none;
	padding:5px;
	margin-top: 10px;
	background-color:#762412;
}
div#leftContent ul li ul li a:hover
{
	text-decoration: underline;
	font-weight: bold;
	color: #762412;
	font-size: 10px;
	text-transform: none;
	padding:5px;
}

/*******************
Left Sub Sub Navigation List
********************/
div#leftContent ul li ul li a.navselectsimple {
	text-decoration: none;
	font-weight: normal;
	color: #FFFFFF;
	font-size: 10px;
	line-height:12px;
	margin-left:4px;
	padding:0;  
}
div#leftContent ul li ul li a.navselectsimple:hover {
	text-decoration: underline;
	color: #FFFFFF;
	background-color:#762412;
}
div#leftContent ul li ul li a.navselectsimple2 {
	text-decoration: underline;
	font-weight: bolder;
	color: #FFFFFF;
	font-size: 10px;
	line-height:12px;
	margin-left:4px;
	padding:0;
	
}
div#leftContent ul li ul li a.navselectsimple2:hover {
	text-decoration: none;
	color: #FFFFFF;
	background-color:#762412;
}


/**************************************
RIGHT Content
**************************************/
div#rightContent
{
	width: 140px;
	height:auto;
	min-height:460px;
	padding: 5px;
	margin: 0px;
	text-align:left;
	color:#FFFFFF;
	float: left;
	font-size: 11px;
	line-height: 13px;
}
div#rightContent h3
{
	color: #421109;
	font-weight: bold;
	text-transform: none;
	font-size: 12px;
	font-family: Georgia, Times New Roman, Times, serif;
	margin-bottom:10px;
	margin-top:10px;
}
div#rightContent h3 a
{
	color: #FFFFFF;
	font-weight: bold;
	text-transform: none;
	font-size: 12px;
	font-family: Georgia, Times New Roman, Times, serif;
	text-decoration:none;
}
div#rightContent a
{
	color:#FFFFFF;
	font-size: 11px;
}

/**************************************
Main Content and Wrap
**************************************/
div#contentWrapper
{
	background-color: #762412;
	width:auto;
	height:auto;
	margin:0px;
	padding:0px;
	float: left;
}
div#mainContentWrapper
{
	background-color: #968e87;
	width:auto;
	height:auto;
	margin:0px;
	padding:0px;
	float: left;
}
div#mainContent
{
	background-color: #FFFFFF;
	width: 430px;
	height:auto;
	min-height:450px;
	margin: 0px;
	padding: 10px;
	float: left;
}
/*******************
Main Content Big (full width of page)
********************/

div#mainContentBig
{
	background-color: #FFFFFF;
	width: 580px;
	height:auto;
	min-height:450px;
	margin: 0px;
	padding: 10px;
	float: left;
}
div#mainContentBig h1
{
	width:580px;
}

/**************************************
Front Content
***************************************/
div#mainContentFront
{
	background-color: #FFFFFF;
	width: 430px;
	height:auto;
	min-height:550px;
	margin: 0px;
	padding: 10px;
	float: left;
}
div#mainContentFrontWrapper
{
	width: 430px;
	height:auto;
	margin: 0px;
	margin-bottom:10px;
	padding: 0px;
	float: left;
}
div#mainContentFront h1
{
	width:420px;
}

div#mainContentFront h3
{
	color: #333333;
	font-weight: bold;
	text-align: left;
	font-size: 13px;
	margin-bottom:10px;
	margin-top:10px;
	font-family: Georgia, Times New Roman, Times, serif;
}
div#mainContentFront .smallText
{
	font-size: 10px;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	color:#666666;
}
div#mainContentFront .smallText a
{
	font-size: 10px;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	color:#666666;
}
div#mainContentFront a
{
	font-size:11px;
}
/*******************
Front Content Box Left
********************/
div#frontBoxLeft
{
	min-height:150px;
	height:auto;
	margin-top:10px;
	margin-right:10px;
	width: 210px;
	float: left;
	clear:left;
	font-size:11px;
}
div#frontBoxLeft h2
{
	background-color: #421109;
	color: #FFFFFF;
	width: 200px;
	margin-right:10px;
	font-weight: bold;
	font-size:13px;
	text-transform: none;
	text-align: left;
	float: left;
	clear:left;
	padding: 5px;
	font-family: Georgia, Times New Roman, Times, serif;
}
/*******************
Front Content Box Right
********************/
div#frontBoxRight
{
	min-height:150px;
	height:auto;
	margin-top:10px;
	width: 210px;
	float: left;
	font-size:11px;
}
div#frontBoxRight h2
{
	background-color: #421109;
	color: #FFFFFF;
	width: 200px;
	font-weight: bold;
	font-size:13px;
	text-transform: none;
	text-align: left;
	float: left;
	padding: 5px;
	font-family: Georgia, Times New Roman, Times, serif;
}
/**************************************
Footer
***************************************/
div#footer
{
	margin-top:5px;
	padding-top:4px;
	font-size:10px;
	line-height:12px;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	width:750px;
	float:left;
	background-color: #e5e4e0;
}