/***********************************************/
/* 					olive.css                  */
/*    Copyright 2008-2012 Olive Informatics	   */
/*            All rights reserved              */
/***********************************************/
body{
	font-family: Arial, Helvetica, sans-serif;
	background-image: url('../images/bg_grad2_none.gif');
	background-position: top;	
	background-repeat: repeat-x;
	background-color: #FFFFFF;
	margin: 0px auto;
	width: 1000px;
	text-align: center;
	line-height: 1.0;
}
/******* hyperlink and anchor tag styles *******/

a:link{
	color: #639C00;
	text-decoration:none;
}

a:visited{
	color: #669900;
	text-decoration:none;
}

a:hover{
/*	text-decoration: underline;*/
	text-decoration: none;
}

/************** header tag styles **************/

h1{
/*	color: #006699;		*/
	color: #639C00;
	font-weight: bold;
	font-size: 250%;
	font-family: Arial, Helvetica, sans-serif;
}


h1 img{
	padding: 0px 10px 0px 0px;
	vertical-align: top;
}

h2{
	font: bold 180% Arial,sans-serif;
	color: #006699;
	text-align: center;
}

h3{
	font: bold 125% Arial,sans-serif;
	color: #000000;
	text-align: center;
}

h4{
	font: bold 125% Arial,sans-serif;
	color: #006699;
	padding: 0px 0px 0px 0px;
}

h5{
	 font: 100% Arial,sans-serif;
	 color: #334d55;
	 margin: 0px;
	 padding: 0px;
}

h6{
	font: 100% Arial,sans-serif;
	color: #006699;
	text-align: right;
	font-weight: bold;
}


/*************** list tag styles ***************/

ul{
 list-style-type: square;
}

li{
	font-size: 120%;
}


/***********************************************/
/* Layout Divs                                 */
/***********************************************/
/************************************************DEFAULT***********************************************************************/
#pagecell_default{
	background-image: url('../images/webbackground2.gif');
	background-position: top;	
	background-repeat: y;
	background-color: #F2F2F2;
	margin:0px auto;
	text-align: right;
}
#pagecell1{
	background-image: url('../images/webbackground3.gif');
	background-position: top;	
	background-repeat: y;	
	background-color: #F2F2F2;
	margin:0px auto;
	text-align: right;
}
.style15{
	color: #669900;
}
.style16{
	font-size: 120%;
}
.BIGblue{
	color: #006699;
	font-size: 2em;
	font-weight: bold;
}
.BIGblack{
	color: #000000;
	font-size: 3.5em;
	font-weight: bold;
	font-style: oblique;
}
.blue{
	color: #006699;
	font-size: 125%;
}
img {
	border: 0px;
}
.blueSolo{
	color: #006699;
}
.crimson{
	color: #C20000;
	font-weight: bold;
	font-size: 22px;
}
.gray{
	color: #666666;
	font-weight: bold;
	font-size: 22px;
}
.blues{
	color: #1941A5;
	font-weight: bold;
	font-size: 22px;
}
.orange{
	color: #F87217;
	font-weight: bold;
	font-size: 22px;
}
.promote{
	font-size: 22px;
	color: #006699;
}


/************************************************HOME***********************************************************************/
#pagecell_home{
	margin:0px auto;
	text-align: right;
	background-color: #FFFFFF;
}
#facebook{
	text-align: center;
}
.storyHome{
	font: bold 125% Arial,sans-serif;
	color: #000000;
	text-align: justify;	
}
.leadHome{
	font-size: 100%;
	font-weight: bold;
}
.leadHome img{
	padding-top: 10px;
	padding-right: 10px;
	vertical-align: middle;
}
/************************************************ABOUT***********************************************************************/
#pagecell_about{
	background-image: url('../images/webbackground6.gif');
	background-position: top;	
	background-repeat: y;	
	background-color: #F2F2F2;
	margin:0px auto;
	text-align: right;
}
.about_Pic{
	text-align: center;	
}
.about_Pic_2{
	text-align: center;
	height: 190px;
	width: 300px;	
	overflow: auto;	
}
#storyInformatics{
	text-align:justify;
}
#storyOutreach{
	font-size: 120%;
	text-align:justify;
}
.spiritual_1{
	color: #006699;
	text-align: center;
}
.spiritual_2{
	color: #006699;
	font-weight:bold;
	text-align: center;
}
#storySpiritual{
	font-weight:normal;
	font-size: 125%;
	text-align: justify;
}
/************************************************SERVICES***********************************************************************/
#pagecell_services{
	background-image: url('../images/webbackground3.gif');
	background-position: top;	
	background-repeat: y;	
	background-color: #F2F2F2;
	margin:0px auto;
	text-align: right;
}
.contentServicesMain{
	font-size: 120%;
}
.contentServicesMainBlue{
	color: #006699;
	font-size: 125%;
}
.greenMiddle{
	color: #639C00;
	text-align: center;
	font-size: 120%;
}
#relatedLinksHeading{
	font: bold 120% Arial,sans-serif;
	color: #000000;
	text-align: center;
}
#relatedLinksHeading img{
	vertical-align: bottom;
}
#relatedLinksHeading a{
	display: inline; 
}
label{
	display: inline; 
}
form:hover{
	color:#330099;
	text-decoration:none;
	cursor: pointer;	
}
form p{
	margin: 0px; 
	padding: 0px;
}
.blueServices{
	color: #006699;
	font-size: 110%;
}

/************************************************RESOURCES***********************************************************************/
#pagecell_resources{
	background-image: url('../images/webbackground4.gif');
	background-position: top;	
	background-repeat: y;	
	background-color: #F2F2F2;
	margin:0px auto;
	text-align: right;
}
.explain{
	font-size: 20px;
}
.storyResources{
	font-size: 100%;
	text-align: center;
}
.storyPortfolio{
	font-size: 120%;
	text-align: left;
}
#contentLibrary{
	margin: 0px 5px 0px 5px;
	border: 1px solid #669900;
	float: right;
	width: 650px;
	text-align: center;
}
#contentPortfolio{
	margin: 0px 0px 0px 0px;
	text-align: center;
	clear: both;
	border-top: 1px solid #cccccc;	
}
.blueResources{
	color: #006699;
	font-size: 125%;
}
#resourcesTable{
	font-size: 120%;
}
#resourcesTable img{
	float: left;
	padding-right: 5px;
	padding-left: 15px;
	vertical-align: middle;
}
#promoteMapTitle{
	font-size: 22px;
	color: #006699;
	text-align: left;
}
#promoteMap{
	display:block;
	width:545px;
	height:150px;
	background-image:url('../images/banner.png');
	background-repeat:no-repeat;
	position:relative;
	margin: 0px auto;
}
#promoteMap ul {   
	margin: 0;   
	padding: 0;   
	list-style: none;
} 
#promoteMap .informationWarfare a{
	left:145px;
	top:1px;
	background:transparent;
	display:block;
	width:401px;
	height:0;
	padding-top:52px;
	overflow:hidden;
	position:absolute;
}
#promoteMap .ZD a{
	left:2px;
	top:50px;
	background:transparent;
	display:block;
	width:182px;
	height:10px;
	padding-top:90px;
	overflow:hidden;
	position:absolute;
}
#promoteMap .techRepublic a{
	left:294px;
	top:60px;
	background:transparent;
	display:block;
	width:202px;
	height:3px;
	padding-top:86px;
	overflow:hidden;
	position:absolute;
}

#box1, #box2, #box3, #box4{
	font-size: 150%;
	text-align: left;
	padding-top: 10px;
	color: #006699;
}
#box2, #box4{
	float: left;
	padding-right: 20px;
}
#box1 img, #box2 img, #box3 img, #box4 img{
	padding-right: 10px;
	vertical-align: middle;
}
#box1 li, #box2 li, #box3 li, #box4 li{
	font-size: 80%;
	color: #000000;
	list-style:none;
}
#showcase{
	width: 650px;
	border-left: 1px solid #cccccc;
	font-size: 22px;
	text-align: left;
	clear: right;
	overflow: hidden; 	
	padding: 10px 0px 10px 0px;
}
#highlights{
	width: 998px;
	border-top: 1px solid #cccccc;
	font-size: 18px;
	text-align: left;
	margin: 0px auto;
	clear: both;
	padding: 10px 0px 10px 0px;
}
.eBookDescriptionLeft{
	font-size: 125%;
	text-align: left;
	padding-left: 10px;
	float: left;
	width: 48%;
	position: relative;	
}
.eBookDescriptionRight{
	font-size: 125%;
	text-align: left;
	padding-left: 7px;
	float: right;
	width: 48%;
	position: relative;	
}
#showcase img, #highlights img{
	float: left;
	margin: 5px 10px 5px 0px;
}
.creativeCommons{
	text-align: right;
	font-size: 16px;
}
#sign1, #sign2{
	font-size: 120%;
}
#libraryLow img{
	vertical-align: middle;
}
#libraryLow li{
	font-size: 120%;
}
#libraryLow td{
	width: 300px;
}
.libraryLowHeadings{
	font-size: 22px;
	color: #006699;
	font-weight: bolder;
}
.portfolioItems{
	margin: 10px 15px 0px 15px;
	font-size: 120%;
	clear: both;
	text-align: left;
}
.portfolioItems img{
	float: right;
	margin: 0px 0px 0px 30px;
}
/************************************************CONTACT***********************************************************************/
#pagecell_contact{
	background: url('../images/webbackground2.gif');
	background-position: top;
	background-repeat: y;
	background-color: #F2F2F2;
	margin: 0px auto;
	text-align: center;
}
#contactTableRight{
	font-size: 120%;
	text-align:center;
	width: 200px;
}
#contactTableLeft{
	font-size: 120%;
	text-align:center;
	width: 350px;
}
#phpForm{
	text-align:center;
}
#phpForm p{
	margin: 0px 0px 20px 0px;
	color: #006699;
	font-size: 125%;
}	
#phpForm ul{
	list-style: none;
} 
.buttonStyle{
	height:3em;
	width:6em;
	font: bold 110% Arial,sans-serif;
	color: #669900;
}

/************************************************SITEMAP***********************************************************************/
#siteMapTable{
	width: 800px;
	border: 2px;
	border-color: #006699;
	font-size: 130%;
	text-align: center;
	margin: 0px auto;
}
#siteMapTable img{
	padding-right:10px;
	vertical-align: middle;
}
#siteMapTable li, #siteMapTinyTable li{
	list-style: none;
}
#siteMapTable ul, #siteMapTinyTable ul{
	margin: 0px 0px 20px 0px;
}
#siteMapTinyTable{
	width: 1000px;
	border: 2px;
	border-color: #006699;
	text-align: center;
	font-size: 125%;
	margin: 20px 0px 0px 0px;
}
#siteMapRight{
	margin-left: 50px;
}
#bigBlue1, #bigBlue2, #bigBlue3, #bigBlue4, #bigBlue5, #bigBlue6{
	color: #006699;
	font-size: 150%;
}
/************************************************ POLICIES & NOTICES styles *****************/
.titular{
	vertical-align: top;
	color: #006699;
	font-size: 24px;
}
.titularBox{
	width: 950px;
	font-weight: bold;
}
#titularDiv{
	padding: 20px 0px 0px 40px;
	text-align: left;
}
#titularDiv a:visited{
	color: #663399;
}
#titularDiv td{
	border-width: 3px;
	border-color: #006699;
}
#bodyText{
	text-align:center;
}
#bodyText li{
	font-size: medium;
}
.bodyParagraphs{
	text-align: justify;
	margin: 0px 10px 10px 10px;
}
.bluePolicy{
	color: #006699;
}


/***********************************************/
/* HEADER                                 */
/***********************************************/
/************************************************ MASTHEAD styles *****************/
#masthead{
	text-align:left;
	padding: 10px 10px 0px 10px;
	height: 85px;
}
/************************************************ UTILITY styles *****************/
#utility{
	font: 75% Verdana,sans-serif;
	font-weight: bold;
	color: #919999;
	float: right;
}
#utility a{
/*	color: #006699;		*/
	color: #639C00;
}
#utility img{
	vertical-align: middle;
}
/************************************************ SITENAME styles *****************/
#siteName{
	margin: 5px 0px 0px 0px;
	float: left;
}
#siteName a:visited{
	color: #639C00;
}
#siteName a:hover{
	color: #663399;
}

/***********************************************/
/* BODY                                        */
/***********************************************/
/************************************************ CONTENT styles ******************/
#content{
	padding: 0px 10px 5px 10px;
	border-left: 1px solid #cccccc;	
	float: right;
	width: 650px;
}

#content2{
	padding: 10px 10px 10px 10px;
	text-align: center;
}

#content3{
	width: 310px;
	float: left;	
	padding: 0px 0px 0px 10px;
	clear: left;
}

#content4{
	width: 310px;
	float: right;
	padding: 0px 10px 0px 0px;
	clear: right;
}

#content5{
	width: 320px;
	margin: 0px auto;
	border-right: 1px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;
	padding: 0px 10px 0px 10px;
	clear: none;
}

#content6{
	padding: 0px 10px 10px 0px;
	text-align: center;
}

#content7, #content77{
	padding: 20px 0px 0px 0px;
	text-align: center;
}

#content8{
	margin:10px 0px 10px 0px;
	text-align: center;
	width: inherit;
}

#contentWelcome{
	margin: 0px auto;
	text-align: center;
	height: 597px;
	width: 995px;
}
/************************************************ STORY styles ******************/
.story {
	font-size: 100%;
	text-align: left;
}
.sorry {
	text-align: center;
}

.sorry img{
	vertical-align: middle;
	height: 100%;
	width: 100%;
}
/************************************************ FORM styles ******************/
#form1 {
	text-align: center;
}


/***********************************************/
/* SIDEBAR	                                   */
/***********************************************/
/************************************************* pageNav styles **************/
#pageNav{
	width:307px;
	font-size: 29px;
	position: relative;
	text-align: left;
	float: left;
	padding: 20px 10px 10px 10px;
}
#pageNav a:hover{
	color:#330099;
	text-decoration:none;
}
/************************************************* sectionLinks styles **************/
#sectionLinks{
	text-decoration:none;
}
#sectionLinks a:link, #sectionLinks a:visited {
	display: block;
	border-top: 1px solid #525591;
	border-bottom: 1px solid #525591;
	font-weight: bold;
	padding: 3px 0px 3px 6px;
	color: #006699;
	text-decoration:none;
	/*color: #21536A;*/
}
#sectionLinks a:hover{
	background-image:url(../images/frost3.png);
	text-decoration:none;
}

/************************************************* relatedLinks styles **************/
.relatedLinks{
	margin: 20px 0px 10px 0px;
}
.relatedLinks a{
	display: block; 
}
.relatedLinks img{
	vertical-align: middle;
}
.relatedLinksLibrary{
	margin: 20px 0px 0px 0px;
	height: 530px;
	overflow: auto;
	overflow-x: hidden;
}
.relatedLinksLibrary a{
	display: block; 
}
.relatedLinksLibrary img{
	vertical-align: middle;
}
.relatedLinksMain{
	margin: 20px 0px 10px 5px;
}
.relatedLinksMain a{
	display: block; 
}
.relatedLinksMain img{
	padding-right: 15px;
	float: left;
}
.formLink{
	color:#669900;
	margin: 0px 0px 10px 0px;
	clear:both;
}
.formLink p{
	margin: 0px auto;
}
/***********************************************/
/* FOOTER	                                   */
/***********************************************/
/************************************************ siteInfo styles ***********************************************************/
#siteInfo{
	clear: both;
	height: 35px;
	border-top: 1px solid #cccccc;
	font: 75% Verdana,sans-serif;
	font-weight: bold;
	color: #999999;
	text-align: left;
	margin-top: 10px;
	padding: 5px 0px 0px 10px;
	text-decoration: none;
}
#siteInfo a:visited{
	color: #639C00;
}
#validation{
	float: right;
}
/***********************************************END*********************************************************************/