/* BOT INTERNATIONAL, INC. 
/* PROCESSES ON DEMAND, VERSION 5.0 
/* CASCADING STYLE SHEET (CSS) FOR PROCESSES ON DEMAND 
/* FOR NO-CHARGE HELP AND SUPPORT, PLEASE CONTACT BOT INTERNATIONAL  
/* TOLL-FREE: (877) 239-3430
/* EMAIL: support@botinternational.com
/***********************************************/
/* START HTML TAG STYLES                       */
/***********************************************/ 
/************** BODY *****************/
body{font-family: Calibri; color: #333333; background-color: #800c17; line-height: 1.166; margin: 0px; padding: 0px;}
/************** HYPERLINKS *****************/
a:link, a:visited, a:hover {color: #006699; text-decoration: none;}
a:hover {text-decoration: underline;}
/************** HEADINGS *****************/
h1, h2, h3, h4, h5, h6 {font-family: Calibri; margin: 0px; padding: 0px;}
h1{font-size: 120%; color: #334d55;}
h2{font-size: 114%; color: #334d55;}
h3{font-size: 100%; color: #334d55;}
h4{font-size: 120%; color: #334d55;}
h5{font-size: 114%; color: #334d55;}
h6{font-size: 100%; color: #334d55;}
/************** TABLES *****************/
caption {caption-side: top; width: auto; text-align: left; color: #334d55; font-weight: bold; font-style: italic;}
th {vertical-align: top; text-align: left; font: Calibri;  font-variant: small-caps; font-size: 12px; background-color: #f9f9f9;}
td {vertical-align: top; text-align: font: Calibri; left; background-color: #ffffff;}
/************** LISTS *****************/
ul{list-style-type: square;text-indent: 0px;}
ul ul{list-style-type: disc;}
ul ul ul{list-style-type: circle;}
/************** LABEL *****************/
label{font: bold 100% Calibri; color: #334d55;}
/************************************************/
/************** END HTML TAG STYLES *************/
/************************************************/
/***********************************************/
/* START LAYOUT DIVS FOR NON-EDITABLE REGIONS  */
/***********************************************/
/************** MASTHEAD *****************/
#masthead{margin: 0; padding: 0px 0px; background-color: #800c17; height: 350px; width: 100%;}
/************** SITENAME *****************/
#siteName{font: 170% Calibri; top: 0px; color: #ffffff; width: 600px; padding-top: 15px; padding-right: 0px; padding-bottom: 0px; padding-left: 5px;}
#siteName2{font: Calibri; font-size: 12px; padding-left: 5px; padding-right: 0px; padding-bottom: 0px; padding-top:0px; color: #ffffff;}
#siteName a{color: #ffffff;}
#siteName a:hover{text-decoration: underline;}
/************** UTILITY LINK *****************/
#utility{
	font: 75% Calibri;
	position: absolute;
	top: 29px;
	right: 80px;
	color: #ffffff;
	width: 277px;
}
#utility a{color: #ffffff;}
#utility a:hover{text-decoration: underline;}
/************** LOGO *****************/
#logo{font: 75% Calibri; position: absolute; top: 0px; right: 0px; color: #334d55; width: 76px; height: 69px;}
#logo a{color: #334d55;}
#logo a:hover{text-decoration: underline;}
/************** MIDDLE COLUMN *****************/
#middleColumn{height: 100%; width: 870px; background-color: #FFFFFF; padding: 0px 0px 0px 0px; }
/*  You may wish to change the Navigation Bar font size, background color, heading color, and hyperlink color and hover effect to have a similar look to your existing IT Intranet or Collaboration platform. ****/

/************* SITE INFO ***************/
#siteInfo{clear: both; border: 1px solid #cccccc; font-size: 75%; color: #cccccc; padding: 4px 4px 4px 4px; margin-top: 10px;}
/* negative top margin pulls siteinfo up so its top border overlaps (and thus lines up with)
	the bottom border of the navBar in cases where they touch */
#siteInfo img{padding: 4px 4px 4px 0px; background-color: #ede5e5; vertical-align: middle;}
/************************************************/
/* END LAYOUT DIVS FOR NON-EDITABLE REGIONS *****/
/************************************************/
/***********************************************/
/* START COMPONENT DIVS FOR EDITABLE REGIONS   */
/***********************************************/
/************* PAGE BREADCRUMBS *************/
#breadCrumb{text-align:left; font-size: 75%;	color: #002060; padding-top: 3px; padding-right: 0px; padding-bottom: 20px; padding-left: 0px;}
#breadCrumb a{color: #002060;}
#breadCrumb a:hover{text-decoration: underline;}
/*************** PAGE NAME **************/
#pageName {text-align:left; padding: 0px 0px 5px 0px;}
/************** FEATURE ***************/
.feature{text-align:left; padding: 0px 0px 0px 0px;	font-size: 80%;}
.feature{margin: 0 5% 0 0}
.feature h3{padding: 0px 0px 0px 0px; text-align: left;}
.feature img{ padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px;}
.feature a{color: #002060;}
.feature a:hover{text-decoration: underline;}
.feature table{margin-left: 2.5%;}
/* adjust margins to change separation between the feature image and text flowing around it */
/************* FEATURE TEXT ***************/
.featText {text-align:left; font: 10pt Calibri; color: #333333; background-position: left top; vertical-align: top;}
/************* SMALL FEATURE AND STORY TEXT ***************/
.featTextSmall {text-align:left; font: 10px Calibri; color: #333333; background-position: left top; vertical-align: top;}
/*************OVERLAY*****************************************/
.pic_overlay {
	color:#fff;
	padding:0px 0px;
                /* initially overlay is hidden */
	display:none;
	}
                /* close button*/
.pic_overlay .close {
	background-image:(img src="images/close.png");
	position:absolute; left:5px; top:5px;
	cursor:pointer;
	height:35px;
	width:35px;
	}