body {
	margin: 0;
	padding: 10px 0;
	/*background-color: #D0D0D0;*/
	background-color:  	white;
	background-repeat: repeat-x;
	font-family: Georgia, Times, Times New Roman, serif;
  scrollbar-track-color: #ffffff;
  scrollbar-face-color: #EEEEEE;
  scrollbar-highlight-color: #444444;
  scrollbar-3dlight-color: #444444;
  scrollbar-darkshadow-color: #444444;
  scrollbar-shadow-color: #444444;
  scrollbar-arrow-color: #444444;
	font-size: 11px;
}

h1 {
  color: #black;
	font-size: 2.2em;
	font-family: Garamond;
	padding: 0;
	margin: 0;
	font-weight: bold;
}

h2 {
  color: #506078;
	font-size: 1.3em;
	font-family: Garamond;
}

h3 {
  color: #282828;
	font-size: 1em;
	font-style:italic;
	font-weight:normal;
	padding: 0;
	margin: 0;
}

h4{
  color: #000000;
	font-size: 1.1em;
	font-family: Garamond;
	font-weight: bold;
	padding: 4px 0 0 0;
	margin: 0;
}

h5{
  color: #506078;
	font-size: 1em;
	font-family: Garamond;
	padding: 0 0 10px 0;
	margin: 0;
}

a { 
  text-decoration: none;
}

a:link {
	color: 	#E0E0E0;
}

a:visited {
  color: 	#E0E0E0;
}

a:hover {
  color:#C1181D;
}

img {
  border: none;
}

/* Page Structure *************************************************************/
/******************************************************************************/

#wrapper {
	width: 1024px;
	height: 786px;
	margin: 0 auto;
	padding: 0;
	background-color: #ffffff;
}

#wrapper-index {
	width: 1024px;
	height: 672px;
	margin: 0 auto;
	padding: 0;
	background-color: #ffffff;
}

#line-break {
  height: 4px;
	background-color: white;
}

/* header ****************************************/

#head {
	width: 1024px;
	height: 80px;
	background-color: #fff;
	margin-bottom: 4px;
	padding: 0;
	border-bottom: solid #8C8E91 1px;
	border-top: solid #8C8E91 1px;
	position:relative;
}

#head img {
  position: relative;
  top: 22px;
	left: 769px;
}


/* Left Hand Navigation Column *******************/

#left-column {
  float:left;
  width: 204px;
	height: 700px;
	margin: 0;
	padding: 0;
	position: relative;
}

#left-column-index {
  float:left;
  width: 204px;
	height: 576px;
	margin: 0;
	padding: 0;
	position: relative;
}

#upcoming-events {
  width: 199px;
	height: 152px;
	background: transparent url(images/event-detail.jpg) left top no-repeat;
	margin: 0;
	padding: 30px 0 0 5px;
}

#side-bottom {
  width: 204px;
	height: 300px;
	background: transparent url(images/what-we-do-side.jpg) left bottom no-repeat;
	margin: 0;
	padding: 0;
}

#side-bottom2 {
  width: 204px;
	height: 300px;
	background: #456487;
	margin: 0;
	padding: 0;
}

#side-bottom2 img {
  position: relative;
	top: 0;
	left: 0;
	margin: 0;
	padding: 0;
}
#side-bottom2 .gSecDetails {
  padding: 0 10px;
	color: white;
	font-size: .9em;
}

#side-bottom2 .gSecDetails p {
  padding: 0;
	margin: 10px 0;
}

#side-bottom2  a {
  color: #ffffff;
}

/* Menu *******************************************/

#menu {
	height: 400px;
	width: 204px;
	position: relative;
	background-color: #49423C;
}

#menu ul {
	margin: 0;
	padding: 0;
}

#menu li {
	margin: 0;
	padding: 20px 0 0 10px;
	width: 170px;
	float: left;
	font-size: 1.1em;
	list-style-type:none; 
}

#current-item {
  color: #C1181D;
}

.foundation-item {
  margin: 20px 0 0 0 !important;
	padding: 7px 24px 7px 10px !important;
  background-color: #000000;
	width: 204px;
}

.foundation-item a:hover {
  color: #C1181D;
}

/* Main Content  ********************************/

#main-header {
  float: left;
  width: 786px;
	height: 40px;
	margin-top: 4px;
	margin-left: 4px;
  background-color: white;
	padding: 10px 10px;
	color: black;
}

#five-column {
  float: left;
  width: 816px;
  height: 492px;
	margin-left: 4px;
  background-color: white;
}

#four-column {
  float: left;
  width: 657px;
  height: 539px;
  background-color: white;
}

#one-column {
  float: left;
  width: 163px;
  height: 538px;
	margin-left: 4px;
  background-color: white;
}

#split-column-left {
  float: left;
  width: 408px;
	height: 602px;
  margin-left: 4px;
}

#split-column-right {
  float: left;
	width: 383px;
	height: 602px;
	padding: 0 10px;
  margin-left: 4px;
	border-left: solid #8C8E91 1px;
	text-align: justify;

}

#split-column-right2 {
  float: left;
	width: 383px;
	height: 539px;
	padding: 0 20px 0 4px;
  margin: 0;
	border-left: solid #8C8E91 1px;
	text-align: justify;
	overflow-x: hidden;
  overflow-y: auto;
}

#split-column-right2 img {
  /*border: solid #8C8E91 1px;
	padding: 20px 5px 20px 5px;*/
	margin: 0 4px 0 0;
}

#split-page-top {
  float: left;
	width: 816px;
	height: 161px;
  margin-left: 4px;
	border-bottom: solid #8C8E91 1px;
}

#split-page-bottom {
  float: left;
	width: 816px;
	height: 377px;
  margin-left: 4px;
}

/* One-off Design Elements...try to combine later ************************/



#blue-header {
  float: left;
  width: 796px;
	height: 28px;
	margin-left: 14px;
	padding-top: 2px;
	padding-left: 10px;
  background-color: #456487;
	color: white;
}

#mission-statement {
  float: left;
  width: 786px;
	height: 71px;
	margin-top: 4px;
	margin-left: 4px;
  background-color: #AA8B01;
	padding: 10px 15px;
	font-size: 1.2em;
}

#mission-statement .gSecDetails {	
  color: white;
}

#sub-header {
  float: left;
	margin: 0 0 0 10px;
	height: 160px;
	width: 132px;
}

#contact-header-one-column {
  float: left;
	margin: 0;
	height: 125px;
	width: 163px;
	border-bottom: solid #8C8E91 1px;
}

#contact-header-one-column .gSecDetails {
	margin: 0;
  padding: 0;
	font-size: 1.1em;
}

#contact-header-one-column .gSecDetails h2 {
	margin: 0;
  padding: 0 30px 0 14px;
}

#contact-header-one-column .gSecDetails p {
	margin: 0 4px 0 4px;
	padding: 0;
	line-height: 160%;
}

#sub-header h2 {
  padding: 0;
	margin: 0;
}

#nav-content {
  float: left;
	width: 496px;
	height: 160px;
}

#event-year {
  float: left;
  width: 132px;
  height: 300px;
	padding: 20px 0 0 14px;
}

#event-year h2 {
  padding: 0;
	margin: 0 0 3px 0;
	font-size: 1.6em;
	color: 	#B0B0B0;
}

#event-year h2:hover {
	color: black;
}

#event-content {
  float: left;
	width: 660px;
	height: 310px;
	padding: 20px 6px 0 4px;
	overflow-x: hidden;
  overflow-y: auto;
}

#event-content a {
  color: #709fd4;
	font-weight: bold;
}

#event-content a:hover {
  color: black;
	font-weight: bold;
}

.current-event h2 {
  color: black !important;
	font-size: 1.6em !important;
}

/*  Secondary Tab Menu **********************************************/

#what-we-do-tab, #what-we-do-tab2, #contact-tab {
  float: left;
	width: 408px;
	background-color: #ffffff;
  height: 50px;
	text-align: center;
	font-size: .9em;
}

#what-we-do-tab2 {
  border-left: solid #8C8E91 1px;
	width: 403px;
	padding: 0 0 0 4px;
	margin: 0;
}

#contact-tab {
	width: 653px;
	padding: 4px 0 0 0;
	margin: 0;
}

#what-we-do-tab ul, #what-we-do-tab2 ul, #contact-tab ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

#what-we-do-tab li, #what-we-do-tab2 li, #contact-tab li {
  float: left;
  border: none;
  margin: 0 2px 0 0;
	padding: 0;
}
  
#what-we-do-tab a, #what-we-do-tab2 a {
  text-decoration: none;
  display: block;
	background: #cccccc;
  padding: 14px 1px;
  width: 132px;
	height: 15px;
	color: white;
}
#contact-tab a {
  text-decoration: none;
  display: block;
	background: #cccccc;
  padding: 14px 1px;
  width: 159px;
	height: 15px;
	color: white;
}

#what-we-do-tab a:hover, #what-we-do-tab2 a:hover, #contact-tab a:hover {
  background: #456487;
	color: white;
}

#what-we-do-tab #selected a, #what-we-do-tab2 #selected a, #contact-tab #selected a {
  background: #456487;
  color: white;
}

/* Third level navigation */

#nav-container {
  float: left;
	height: 160px;
	width: 140px;
	padding: 0 10px;
}

#nav-container ul {
  list-style-type: none;
  text-align: left;
	padding: 0;
	margin: 0;
}

#nav-container ul li {

	margin-bottom: 10px;
  list-style-position: outside;
}

#nav-container ul li a {
  text-align: left;
  font-size: 13px;
  text-decoration: none;
  color: #999;
}

#nav-container ul li a:hover {
  color: black;
}

#nav-container ul li a#current {
  color: #666;
}

/* Footer ****************************************/

#footer {
  float: left;
  background-color: white;
	height: 91px;
	width: 816px;
	margin-left: 4px;
	margin-top: 4px;
	border-top: solid #8C8E91 1px;
	border-bottom: solid #8C8E91 1px;
}

#footer-index {
  float: left;
  background-color: white;
	height: 88px;
	width: 816px;
	margin-left: 4px;
	margin-top: 4px;
	border-top: solid #8C8E91 1px;
	border-bottom: solid #8C8E91 1px;
}

#footer-links {
  width: 110px;
	float: left;
	margin-top: 5px;
}

#footer-flash {
  width: 706px;
	float: left;
	height: 88px;
}

#footer-links a {
  color: #777777;
}

#footer-links a:hover {
  color:#C1181D;
}

#footer-links ul {
	margin: 0;
	padding: 0;
}

#footer-links li {
	margin: 0;
	padding: 3px 0 0 10px;
	float: left;
	width: 70px;
	font-size: .9em;
	list-style-type:none; 
}

/* Contact Page Specific Syling */

.warning {
  color: red;
}

#submit_btn { 
	color:white; 
	font: bold 110% Georgia, Times, Times New Roman, serif;
  background-color:#456487; 
  border:1px solid; 
  border-color: #8C8E91 black black #8C8E91;
	margin-top: 10px;
	cursor: pointer;
}

#submit_btn:hover {
  color: black;
	background-color: #cccccc;
}

/* comment form validation...hide fake email from humans and let bots see it and fill it out */

#e_mail {
  display: none;
}

/* Popup Image styling *********************************************************/
/* Pop up div for terms of service and disclaimer */
#blanket {
background-color:#111;
opacity: 0.65;
filter:alpha(opacity=65);
position:absolute;
z-index: 9001;
top:0px;
left:0px;
width:100%;
}

#popUpDiv1, #popUpDiv2, #popUpDiv3 {
position:absolute;
background-color: white;
z-index: 9002;
width:800px;
text-align: left;
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
-moz-border-radius-bottomleft:8px;
-moz-border-radius-bottomright:8px;
-moz-border-radius-topleft:8px;
-moz-border-radius-topright:8px;
border-color:#FFFFFF #9EA3A9 #9EA3A9 #FFFFFF;
border-style:solid;
border-width:2px;
padding:20px 20px 10px;
}

#popUpDiv1 {
height:700px;
}

#popUpDiv2 {
height:700px;
}

#popUpDiv3 {
height:700px;
}

#close a:hover {
background-position:-42px 0;
}

#close a {
background-image:url(images/image-close.png);
cursor:pointer;
height:42px;
left:0;
outline-color:-moz-use-text-color;
outline-style:none;
outline-width:medium;
overflow:hidden;
position:absolute;
top:-20px;
left:-20px;
width:42px;
z-index:4;
}




/*	Invisible left hotspot */
div.scrollingHotSpotLeft
{
	/* 	The hotspots have a minimum width of 100 pixels 
	and if there is room the will grow and occupy 15% 
	of the scrollable area (30% combined). Adjust it 
	to your own taste. */
	min-width: 75px;
	width: 10%;
	height: 100%;
	/*	There is a big background image and it's used 
		to solve some problems I experienced
		with Internet Explorer 6. */
	background-image: url(../images/scroll/big_transparent.gif);
	background-repeat: repeat;
	background-position: center center;
	position: absolute;
	z-index: 200;
	left: 0;
	/*  The first url is for Firefox and other browsers, the second is for Internet Explorer */
	cursor: url(../images/scroll/cursor_arrow_left.cur), url(images/scroll/cursor_arrow_left.cur),w-resize;
}

/*	Visible left hotspot */
div.scrollingHotSpotLeftVisible
{
	background-image: url(../images/scroll/arrow_left.gif);				
	background-color: #fff;
	background-repeat: no-repeat;
	opacity: 0.35; /* Standard CSS3 opacity setting */
	-moz-opacity: 0.35; /* Opacity for really old versions of Mozilla Firefox (0.9 or older) */
	filter: alpha(opacity = 35); /* Opacity for Internet Explorer. */
	zoom: 1; /* Trigger "hasLayout" in Internet Explorer 6 or older versions */
}

/* Invisible right hotspot */
div.scrollingHotSpotRight
{
	min-width: 75px;
	width: 10%;
	height: 100%;
	background-image: url(../images/scroll/big_transparent.gif);
	background-repeat: repeat;
	background-position: center center;
	position: absolute;
	z-index: 200;
	right: 0;
	/*  The first url is for Firefox and other browsers, the second is for Internet Explorer */
	cursor: url(../images/scroll/cursor_arrow_right.cur), url(images/scroll/cursor_arrow_right.cur),e-resize;
}

/* Visible right hotspot */
div.scrollingHotSpotRightVisible
{
	background-image: url(../images/scroll/arrow_right.gif);
	background-color: #fff;
	background-repeat: no-repeat;
	opacity: 0.35;
	filter: alpha(opacity = 35);
	-moz-opacity: 0.35;
	zoom: 1;
}

/*	The scroll wrapper is always the same width and 
	height as the containing element (div). Overflow 
	is hidden because you don't want to show all of 
	the scrollable area.
*/
div.scrollWrapper
{
	position: relative;
	overflow: hidden;
	width: 100%;
	height: 100%;
}

div.scrollableArea
{
	position: relative;
	width: auto;
	height: 100%;
}





/* Intellogy styling ***********************************************************/

/* FAQ styling*/
.gFaqLstQuestion {color: #990000; font-size: 1.3em;}

.gDirLstDetails {font-size: .8em;}
.gDirLstName {color: #456487;}
.gDirLstTitle { font-style:italic;}

/* Page Styling*/
.gSecDetails    { color:#777777;}
.gSecDetails ul { margin-top:2px; margin-bottom:6px; list-style-type: square; margin-left: 15px; padding-left:0; text-align:left; }
.gSecDetails li { padding:0; margin:0; }
.gSecDetails h1 { font-size: 2.2em; color: black !important; }
.gSecDetails p  { font-size: 1em; margin-top: 0;}
.gSecDetails a  { color: #692826; font-style: italic;}
.gSecDetails a:hover  { color: black;}

/* Intellogy Link styling */
.gLinkLstTbl a { font-size: 1.1em;color: #456487;font-weight: bold; }
.gLinkLstDetails { text-align: left;}
.gLinkLstDetails p { margin:0; }
.gLinkLstTitle { font-size: 1.1em;color: #456487;font-weight: bold; text-align:left; }

/* Company Directory Styling*/
.gDirDetName { font-size: 1.1em; color: #456487; font-weight: bold; }
.gDirLstName a { font-size: 1.1em; color: #456487; font-weight: bold; }
.gDirLstName a:hover { font-size: 1.1em; color: black; font-weight: bold; }

/* Press Release Styling */
.gPresDetHeadline			{color: #990000; font-size: 1.6em;}
.gPresDetLocation			{font-weight: bold;}
.gPresDetDate					{font-weight: bold;}
.gPresDetDetails a		{}
.gPresDetHyperlink		{}
.gPresDetSource				{}
.gPresDetContact			{}

/* Blog Styling */
.gBlogLstTitle			 	{color: #990000; font-size: 1.6em; padding-bottom: 5px;}
.gBlogLstDescription	{padding-bottom: 5px;}
.gBlogLstMoreInfo		 	{padding-bottom: 5px;}
.gBlogLstFooter			 	{color: #456487;}
.gBlogDetTitle				{color: #990000; font-size: 1.6em; padding-bottom: 5px;}
.gBlogDetFooter				{color: #456487;}

/* Intellogy Calendar styling */
.gCalLstTbl   		 		{padding:0px; margin:0px; border-collapse: collapse;}
.gCalLstRow           {height:15px;}
.gCalLstCol           {}
#upcoming-events .gCalLstCol { height: 29px;}
.gCalLstSelCalTypeRow {}
.gCalLstSelCalTypeCol { vertical-align:middle; margin:4px; }
.gCalLstSelCalType    { font-size:11px; }
.gCalLstSelCalMonth   { font-size:11px; }
.gCalLstSelCalYear    { font-size:11px; }
.gCalLstMonthHdrRow   {}
.gCalLstMonthHdrCol   { background-color:#36506d; color:#000000; vertical-align:middle; height:25px; }
.gCalLstMonthNav      { font-size:14px; background-color:#36506d; color:#ffffff; text-decoration:none; border:none; vertical-align:bottom; }
.gCalLstMonth         { font-size:14px; color:#000000; font-weight:bold; text-decoration:none; }
.gCalLstDayHdrRow     {}
.gCalLstDayHdrCol     { font-size:14px; background-color:#456487; color:#ffffff; padding:0px; margin:0px; }
.gCalLstDay           { text-align:left; padding:0; margin:0px; color: #709FD4; font-size: .8em;}
#upcoming-events .gCalLstDay {line-height: 26px; height: 26px; color: white;}
.gCalLstDay a  			  {color: #709FD4 !important; font-weight: normal !important;}
.gCalLstDay a:hover	  {color: black !important;}
.gCalLstTime          { font-weight:bold; }
.gCalLstTitle         { text-decoration:none; color: #990000; font-size:1.5em; font-family: Garamond; line-height: 1.2; padding: 0 0 3px 0; }
.gCalLstTitle a				{color: #990000 !important;}
.gCalLstTitle a:hover	{color: #709FD4 !important;}
#upcoming-events .gCalLstTitle {text-decoration:none; font-size:1em; color: white; font-family: Garamond; line-height: 26px; padding-top: 0;}
.gCalLstTitle a:hover {color: #C1181D !important;}
.gCalLstDescription   {}
.gCalLstDayCell       { background-color:#456487; color:#000000; height:30px; vertical-align:middle; text-align:center; padding:0px; margin:0px; }
.gCalLstEmptyCell     { background-color:	#456487 ; height:30px; vertical-align:middle; padding:0px; margin:0px; }
.gCalLstSpacer        { font-size:15px; }
.gCalLstActions       { text-align:center; }
.gCalLstActionRss     {}

.gCalDetTitle         { color:#506078; font-weight:bold; font-size:14px; }
.gCalDetDate          { color:#506078; font-weight:bold; }
.gCalDetTime          {}
.gCalDetLocationTitle { font-weight:bold; margin-top:10px; }
.gCalDetDescription   { font-style:italic; margin-top:10px; margin-bottom:10px; }
.gCalDetDetails       {}
.gCalDetDetails p     { margin-top:6px; margin-bottom:6px;}
.gCalDetImage         { float:right; border:none; }
.gCalDetDoc           {}
.gCalDetSaveToCal     { font-weight:bold;}
.gCalDetSaveToCal img { margin-top:4px; }

/* Photo Gallery Styling */
.gGallLstThumbImg img {border: 1px solid #000000; padding: 2px;}
.gGallLstThumbTitle		{ color:#456487; font-size: 1.2em; margin-bottom: 4px; margin-left: 5px;}
.gGallLstThumbDescription { color:#000000;margin-left: 5px;}



