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

body {
	background: #2b2b2b;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #2b2b2b;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
}
#container  {
	width: 1040px;
	margin: 0 auto;
	text-align: left; /* this overrides the text-align: center on the body element. */
	background-color: #FFFFFF;
	background-image: url(../images/main-content-back.gif);
	background-repeat: repeat-y;
	background-position: bottom;
}
#header  {
	/*height: 110px;*/
	padding-top: 0;
	padding-right: 10px;
	padding-bottom: 0;
	padding-left: 20px;
	background-color: #FFFFFF;
}
#header  h1  {
	margin: 0; /* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */
	/*padding: 10px 0; /* using padding instead of margin will allow you to keep the element away from the edges of the div */
}
#mainContent  {
	padding-top: 0px;
	padding-bottom: 20px;
	padding-left: 40px;
	margin-bottom: -2px;
	margin-top: 2px;
	padding-right: 40px;
}
#footer  {
	background-color: #FFFFFF;
	background-image: url(../images/footer-top.gif);
	background-repeat: no-repeat;
	background-position: top;
	margin-left: 6px;
	padding-top: 20px;
	padding-right: 10px;
	padding-bottom: 0;
	padding-left: 20px;
	margin-top: -5px;
}
#footer  p  {
	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	padding: 10px 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
	font-size: 80%;
}

h1.logo {
	width: 490px;
	height: 106px;
	/*text-indent: -9999px;*/
	background-image: url(../images/logo.jpg);
	background-repeat: no-repeat;
}

#header  .logodiv   {
	/*float: left;*/
	height: 106px;
	width: 420px;
}

#header .holder 
{
    height: 39px;
}

#header .left_b_holder 
{
    background-image: url(../images/left_b_holder.gif);
    background-repeat: no-repeat;
    width: 10px;
}

#header .mid_b_holder
{
    background-image: url(../images/mid_b_holder.gif);
    background-repeat: repeat-x;
    color: #FFFFFF;
    vertical-align: middle;
    font-size: 80%;
}

#header .right_b_holder
{
    background-image: url(../images/right_b_holder.gif);
    background-repeat: no-repeat;
    width: 10px;
    
}
.extranet a {
	color: #FFFFFF;
	text-decoration: none;
	text-align: center;
}
.extranet a:visited 
{
   	color: #FFFFFF;
	text-decoration: none;
	text-align: center;
}
#header  .extranet  a:hover   {
	text-decoration: underline;
	color: #FFFFFF;
}
/*
.search {
	margin-top: 20px;
	font-size: 80%;
	height: 25px;
	width: 179px;
	border: .5px solid #2b2b2b;
	padding: 3px;
}*/
.clearfloat {
	clear: both;
}
#navigation   {
	background-image: url(../images/nav_back.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	height: 44px;
	width: 1020px;
	background-color: #FBFBFB;
	margin-bottom: 6px;
	padding-left: 20px;
	margin: 0 auto;
}

#navigation div
{
	z-index: 1000;
}

p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 95%;
	margin-bottom: 10px;
	line-height: 120%;
}
#mainContent  h1   {
	font-size: 2em;
	font-weight: normal;
	margin-bottom: 15px;
}
#mainContent  .colbox-sm   {
	float: left;
	width: 250px;
	margin-right: 20px;
}

#mainContent .colbox-sm h2 
{
    font-size: 2em;
	font-weight: normal;
	margin-bottom: 15px;
}

#mainContent  .colbox-lg   {
	float: left;
	width: 400px;
	margin-left: 10px;
}
#mainContent .colbox-lg h2 
{
    font-size: 2em;
	font-weight: normal;
	margin-bottom: 15px;
}
#mainContent  .colbox-sm  h3   {
	font-size: 1.2em;
	line-height: 1.4em;
	font-weight: normal;
}
.learnmore {
	margin-top: 10px;
	margin-bottom: 10px;
}
#mainContent li {
	list-style-type: disc;
	/*list-style-position: inside;*/
	font-size: 95%;
	line-height: 120%;
	margin-left: 10px;
}
.date {
	font-size: 80%;
	color: #ad0000;
}
.headline {
	font-size: 100%;
	font-weight: bold;
	color: #2b2b2b;
}
.dots {
	border-bottom-width: thin;
	border-bottom-style: dotted;
	border-bottom-color: #999999;
	line-height: 1px;
}
.scroll {
	overflow: auto;
	height: 350px;
}
#mainContent  .colbox-lg  .scroll  .newsstory   {
	margin-left: 10px;
}
a {
	color: #2d4793;
	text-decoration: none;
}
a:hover {
	color: #b21010;
	text-decoration: underline;
}
a:visited {
	color: #1D2D5C;
	text-decoration: none;
}

#sidebar1 {
	float: left; /* since this element is floated, a width must be given */
	width: 300px;
	padding-top: 15px;
	padding-right: 30px;
	padding-bottom: 15px;
	padding-left: 20px;
	border-right-width: thin;
	border-right-style: dotted;
	border-right-color: #999999;
}
#mainContent2 { 
	margin: 0 0 0 350px; /* the left margin on this div element creates the column down the left side of the page - no matter how much content the sidebar1 div contains, the column space will remain. You can remove this margin if you want the #mainContent div's text to fill the #sidebar1 space when the content in #sidebar1 ends. */
	padding: 0 20px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
} 
#insidecontent h1 {
	font-size: 2em;
	font-weight: normal;
	margin-bottom: 15px;
	padding-left: 30px;
	padding-right: 30px;
	background-image: url(../images/main-content-back.gif);
}
#insidecontent   {
background-color: #FFFFFF;
	background-image: url(../images/main-content-back.gif);
	background-repeat: repeat-y;
	padding-top: 0px;
	padding-bottom: 20px;
	padding-right: 40px;
	padding-left: 40px;
	margin-bottom: -2px;
}
#mainContent  #mainContent2  h1   {
	font-size: 1.6em;
}
#mainContent  #mainContent2  h4   {
	margin-bottom: 15px;
}

.home-grey-box    {
	background-image: url(../images/grey_roundedbox_lg.PNG);
	background-repeat: no-repeat;
	background-position: top;
	height: 302px;
	width: 1040px;
	margin-bottom: 15px;
	margin-left: -40px;
}
.home-grey-box  .flash    {
	/*background-image: url(../images/flash_back.jpg);
	background-repeat: no-repeat;
	background-position: left top;*/
	float: left;
	height: 263px;
	width: 523px;
	margin-top: 18px;
	margin-left: 40px;
}
.home-grey-box  .home-video    {
	float: left;
	height: 263px;
	width: 403px;
	margin-top: 18px;
	margin-left: 28px;
}
.home-grey-box  .home-video  h1    {
	font-family: Arial, Helvetica, sans-serif !important;
	font-size: 1.8em !important;
	font-weight: normal !important;
	color: #FFFFFF !important;
	margin-bottom: 0px !important; 
}
.home-grey-box  .home-video  h2    {
	font-size: 1.4em;
	font-weight: normal;
	color: #FFFFFF;
	line-height: 1.4em;
}
.home-grey-box  .home-video  p  a    {
	color: #FFFFFF;
	text-decoration: underline;
}
.home-grey-box  .home-video  .sqldbi-video    {
	float: left;
	width: 195px;
	height: 150px;
	margin-right: 3px;
	margin-left: 3px;
	margin-top: 10px;
}
.home-grey-box  .home-video  .sqldbi-video  p    {
	font-size: 85%;
	color: #FFFFFF;
	text-align: center;
	vertical-align: bottom;
}
.ObjectInputButton 
{
    font-size:1em;border-left-style:Ridge;border-top-color:#d2b48c;border-right-color:#fffacd;background-image:url(../Images/header_small_blue.gif);border-left-color:#d2b48c;background-color:#416cb1;white-space:nowrap;border-top-width:1px;font-weight:bold;border-bottom-style:Ridge;border-left-width:1px;color:#f8f8ff;border-right-width:1px;border-bottom-width:2px;border-right-style:Ridge;border-top-style:Ridge;border-bottom-color:#fffacd;cursor:hand;
}

.style1
{
    color: #FFFFFF;
}

#navigation a[href="#"]
{
    cursor: default;
}

#navigation ul  
{
    padding:		0;
	list-style:		none;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0px;
}
#navigation ul li  
{
    position:relative;
    float: left; 
    z-index: 110;
}
#navigation ul li a  
{
    display:inline-block;
    padding: .8em 1em;
	text-decoration:none;
	border-bottom-style: none;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #fff; 
	color: #FFFFFF;
	z-index: 110;

}
#navigation ul li a:hover 
{
    outline:		0;
	background-color: #001548
}
#navigation ul li ul  
{
    position:absolute;
    left:0;
    display:none;
    visibility:hidden; 
    border: solid 1px #fff;
    background-color: #203268;
    z-index: 110;

}
#navigation ul li ul li  
{
    top:0;
    display:block;
    clear:both;
    white-space: nowrap;
	background-repeat: repeat;
}
#navigation ul li ul li a   
{
    display: block;
    background-position: top;
	border-bottom-style: none;
	border-right-style: none;
	font-size: 80%;
}
#navigation ul li ul li a:hover 
{
    background-color: #2D4693;
}
#navigation popout { position:absolute;right:0;z-index: 110; }

#noColContent
{
    background-color: #FFFFFF;
/*
    border-top-width: 1px;
    border-right-width: 1px;
    border-bottom-width: 1px;
    border-left-width: 1px;
    border-top-style: solid;
    border-right-style: solid;
    border-bottom-style: solid;
    border-left-style: solid;
    border-top-color: #B1B1B3;
    border-right-color: #B1B1B3;
    border-bottom-color: #B1B1B3;
    border-left-color: #B1B1B3;
*/
    margin-right: 5px;
    margin-left: 5px;
    padding-top: 10px;
    padding-right: 10px;
    padding-bottom: 10px;
    padding-left: 10px;
}

#noColContent h2
{
    font-weight: bold;
    font-size: 20px;
    color: #4b4c4c;
    margin-top: 5px;
    margin-right: 5px;
    margin-bottom: 5px;
    padding: 0px;
    
}

#noColContent h5
{
    font-weight: bold;
    color: #4b4c4c;
    font-size: 14px;
}

#TwoColContent
{
	background-color: #FFFFFF;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	margin-right: 5px;
	margin-left: 5px;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
}

#TwoColContent h1
{
    font-size: 24px;
    color: #203675;
    margin-top: 5px;
    margin-right: 5px;
    margin-bottom: 5px;
    margin-left: 5px;
    padding: 0px;
}

#ThreeColContent
{
    background-color: #FFFFFF;
    border-top-width: 1px;
    border-right-width: 1px;
    border-bottom-width: 1px;
    border-left-width: 1px;
    border-top-style: solid;
    border-right-style: solid;
    border-bottom-style: solid;
    border-left-style: solid;
    border-top-color: #B1B1B3;
    border-right-color: #B1B1B3;
    border-bottom-color: #B1B1B3;
    border-left-color: #B1B1B3;
    margin-right: 5px;
    margin-left: 5px;
    padding-top: 10px;
    padding-right: 10px;
    padding-bottom: 10px;
    padding-left: 10px;
}

.oneColFixCtrHdr #container #mainContent #noColContent img
{
    margin-right: 10px;
    margin-bottom: 10px;
    border: thin solid #B1B1B3;
    background-position: left;
}

.TwoColSidebarlft
{
    float: left; /* since this element is floated, a width must be given */
    width: 300px;
    padding-top: 0px;
    padding-right: 10px;
    padding-bottom: 15px;
    padding-left: 5px;
}

.TwoColMainContent
{
    margin-top: 0;
    margin-right: 0;
    margin-bottom: 0;
    margin-left: 300px;
    padding-top: 0;
    padding-right: 20px;
    padding-bottom: 0;
    padding-left: 20px;
}

.TwoColMainContent h2
{
    font-weight: bold;
    font-size: 20px;
    color: #4b4c4c;
    margin-top: 5px;
    margin-right: 5px;
    margin-bottom: 5px;
    padding: 0px;
    
}

.TwoColMainContent h5
{
    font-size: 14px;
    color: #4b4c4c;
}

.TwoColSidebarlft img
{
    border: thin solid #B9B9BB;
}

.TwoColSidebarrt
{
    float: right; /* since this element is floated, a width must be given */
    width: 450px;
    padding-top: 0px;
    padding-right: 5px;
    padding-bottom: 15px;
    padding-left: 10px;
    margin: 10px;
}

.TwoColMainContentLft
{
    margin-top: 10;
    margin-right: 0;
    margin-bottom: 0;
    margin-left: 0px;
    padding-top: 0;
    padding-bottom: 0;
    padding-left: 20px;
    padding-right: 320px;
}
.TwoColSidebarrt img
{
    border: thin solid #B9B9BB;
}

.PageHeader 
{
	color: #20367c;
	margin-left: 5px !important;
	font-size: 20px !important;
	font-weight: bold !important;
	border-bottom-width: thin;
	border-bottom-style: solid;
	border-bottom-color: #666666;
	padding-top: 15px;
	padding-bottom: 15px;
}


.homeBoxesWhite
{
    background-image: url(../images/siteframe/HomeBoxBackground_white.gif);
    background-repeat: no-repeat;
    float: left;
    padding-top: 5px;
    padding-right: 10px;
    padding-left: 20px;
    margin-right: 2px;
    margin-left: 2px;
    width: 270px;
    min-height: 400px;
    border-top-style: none;
    border-right-style: none;
    border-bottom-style: none;
    border-left-style: none;
}

.homeBoxesWhite h2
{
    padding-bottom: 0px;
    margin: 10px 0px 0px;
    padding-left: 0px;
    padding-right: 0px;
    color: #4b4c4c;
    font-size: 24px;
    padding-top: 0px;
}

.contentBorder
{
/*
    border-top-width: 1px;
    border-right-width: 1px;
    border-bottom-width: 1px;
    border-left-width: 1px;
    border-top-style: solid;
    border-right-style: solid;
    border-bottom-style: solid;
    border-left-style: solid;
    border-top-color: #B1B1B3;
    border-right-color: #B1B1B3;
    border-bottom-color: #B1B1B3;
    border-left-color: #B1B1B3;
*/
    margin-right: 5px;
    margin-left: 5px;
    min-height: 420px;
    padding: 10px;
}
.caseStudyBlurbs
{
    height: 110px;
}

.emailForm
{
    font-size: 80%;
    color: #313131;
}

.emailForm td
{
    padding-right: 5px;
    padding-bottom: 5px;
}

.3coltable
{
    width: 100%;
    margin: 20px;
}

.hideImage 
{
    display: none;
}

.slideshowplay
{
    background: url(../Images/playback_play.png);
    width: 16px; 
    height: 16px;
    cursor: pointer;
    background-color: #404040;
    border: 1px solid #FFFFFF;
    background-position: center;
    background-repeat: no-repeat;
    padding: 2px;
    float: left;
    margin-right: 5px;
}

.slideshowpause
{
    background: url(../Images/playback_pause.png);
    width: 16px; 
    height: 16px;
    cursor: pointer;
    background-color: #404040;
    border: 1px solid #FFFFFF;
    background-position: center;
    background-repeat: no-repeat;
    padding: 2px;
    float: left;
    margin-right: 5px;
}

.slideshowprev
{
    background: url(../Images/playback_prev.png);
    width: 16px; 
    height: 16px;
    cursor: pointer;
    background-color: #404040;
    border: 1px solid #FFFFFF;
    background-position: center;
    background-repeat: no-repeat;
    padding: 2px;
    float: left;
    margin-right: 5px;
}

.slideshownext
{
    background: url(../Images/playback_next.png);
    width: 16px; 
    height: 16px;
    cursor: pointer;
    background-color: #404040;
    border: 1px solid #FFFFFF;
    background-position: center;
    background-repeat: no-repeat;
    padding: 2px;
    float: left;
    margin-right: 5px;
}

.controlhover
{
    background-color: #686868;   
}

.categoryheader 
{
    font-weight: bold;
    font-size: 20px;
}

.documentdescription
{
    border: solid 1px #C0C0C0;
    width: 500px;
    background: #E6EFF8;
    padding: 3px;
    margin-bottom: 15px;
    margin-left: 20px;
    display: none;
    margin-top: 5px;
}

.docexpander 
{
    cursor: pointer;
    text-decoration: underline;
}

.documentlisting
{
    margin-bottom: 10px;
}

#subnavigation
{
    padding-left: 15px;
    padding-right: 14px;
}
.breadcrumbs
{    
    background-image: url(../Images/breadcrumb-back.jpg);
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 10px;
    padding-bottom: 10px;
    font-size: 0.8em;
}