/***********************************************/
/* IntelCaseStudies.com                        */
/* base.css stylesheet                         */
/* last modified 5-June-04					   */
/***********************************************/

/* HTML styles */
body { font-family: Georgia, "Times New Roman", Times, serif; font-size: .9em; color: #000000; background: #FFFFFF; line-height: 1.166; margin: 0px; padding: 0px; }
a { color: #968354; text-decoration: underline; }
a:link { color: #968354; text-decoration: underline; }
a:visited { color: #666666; text-decoration: underline; }
a:hover { color: #7e7e7e; text-decoration: none; }

h1 {font-size: 1.6em; color: #333333; margin: 0px 0px 5px; padding: 0px 0px 5px; }
h2 {font-size: 1.4em; color: #666666;  margin: 0px;  padding: 0px; }
h3 {font-size: 1.2em; color: #999999; margin: 0px; padding: 0px; }
h4 {font-size: 1.1em; font-weight: bold; color: #333333; margin: 0px; padding: 0px; }
h5 {font-size: 1.0em; color: #000000; margin: 0px; padding: 0px; }

ul { list-style-type: square; }
ul ul { list-style-type: disc; }
ul ul ul{ list-style-type: none; }

dl { margin: 0px; }
dt { font-family: Georgia, "Times New Roman", Times, serif; font-size: 1.4em; margin-bottom: .75em; color:#002180; padding: 2px 0px 0px; border-bottom: 1px dotted #002180; }
dd { font-size: 1em; line-height: 160%; padding: 0px 20px 10px 20px; margin: 2px 20px 10px 20px; }
dd img {float: right; padding: 4px; background-color: #efefef; }

/* Page Layout Elements for Divs						*/
/* Note:												*/
/* layout option 1: use #content and #eyeBytes			*/
/* layout option 2: use #contentWide alone				*/
/* layout option 3: use #contentLeft and #contentRight	*/

#header{
	background-color: #FFFFFF;
	clear:both;
	}
#contextMenu {
	display:none; }

#eyeBytes { float:right; width: 20%; margin: 15px 0px 0px; padding: 5px; border-top: 1px solid #666; border-left: 1px solid #666; border-bottom: 1px solid #666;  background-color: #FFFFFF; }
#content { clear:both; width: 70%; padding: 25px 10px 0px 20px; line-height: 160%; }

#contentFull { clear: both; width: 95%; padding: 25px 0px 0px 20px; line-height: 160%; }
#contentLeft { float:left; width: 42%; padding: 25px 0px 0px 20px; line-height: 160%; margin: 5px 0px 0px 3px; }
#contentRight { float: right; width: 42%; padding: 10px 5px 0 5px; line-height: 160%; margin-top: 20px; }

#legend { float:right; width: 25%; margin: 25px 15px 0px 0px; padding: 5px 5px 5px 5px; border: 1px solid #CCC; background-color: #efefef; }
#presentation { float: left; width: 50%; padding: 25px 5px 0px 10px; line-height: 160%; }
#presentationHeader {float: left; width: 75%; padding: 25px 10px 0px 10px; line-height: 160%; }

/* header elements */

#siteName { color: #002180; margin: 0px; padding: 0px; }
#siteName img {float: left; padding: 2px; }
#breadCrumbs { font-size: 90%; padding: 6px; font-style: italic; color: #E0E0E0; font-family: Georgia, "Times New Roman", Times, serif; text-align: center; background-color: #002180; }

/* New Header Elements For a 2-row*/
.headerTop {
	background-color: #FFFFFF;
	font-size: 22px;
	font-weight: bold;
	color: #333333;
	padding: 2px 10px 2px 2px;
	text-align: right;
	border-bottom: 1px solid #7A6B45;
}
.headerBottom {
	display: none;
	}

.headerBottom a {
	display: none;
	}

/* content elements - safe to use in #content and #contentFull */
.pullquote {
	border-top: 2px solid #999999;
	border-bottom: 2px solid #999999;
	padding: 4px;
	line-height: 110%;
	color: #003300;
	float: right;
	width: 180px;
	margin: 1px 7px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
}

.advert {
	font-family: Verdana, Arial, Helvetica, sans-serif; color: #FFFFFF; background-color: #000066; height: 60px; width: 160px;
	font-size: 75%; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #FFFFFF;
	margin: 0px; padding: 25px 5px 5px; vertical-align: bottom; letter-spacing: 0.2em;
}
.insetFull { padding: 4px;  border-bottom: 2px solid #999999;  border-top: 2px solid #999999; line-height: 120%; color: #666666; margin: 1px 7px 1px 7px; }
.insetRight { padding: 8px 0px 0px 8px; float: right; width: 220px; }
.insetLeft {padding: 8px 8px 0px 0px; float: left;  width: 220px; }

/* this is a temporary fix - this one is too custom (works with insetLeft) */
span.caption {
	font-size: 90%;
	padding: 0px 8px 8px 0px;
	text-align: center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}


/* #siteInfo elements (footer) */

#siteInfo {
	clear: both;
	text-align: left;
	font-size: .8em;
	color: #333333;
	padding: 10px 5px 10px 5px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #333333;
}

#eyeBytes p {font-family: Georgia, "Times New Roman", Times, serif; color: #002180; font-size: 1.1em; line-height: 120%; }
#legend p {font-family: Georgia, "Times New Roman", Times, serif; color: #002180; font-size: 1.1em; line-height: 120%; }

/* For use in Presentations */
#presentationHeader h1 { text-align: center; padding-top: 10px; }
#presentationHeader h2 { text-align: center; padding-top: 10px;  }
#presentationHeader h3 {text-align: center; padding-top: 10px; }

/* Text enhancements */
.category {
	background-color: #CCCCCC;
	height: 20px;
	margin-top: 5px 0px 5px 0px;
	padding-top: 5px 0px 5px 5px;
	font-weight: bold;
	border-bottom: 1px solid #666666;
}