/*  Define colors
#000044			h1, h3, h4, h5, h6
#ffffff			h2
#B40A00			Navigation table border 
#007c0c			Navigation table border
#000099			Navigation table border
#0052B0			Navigation links: link
#92004E			Navigation links: hover
#ffae00			h1
#d8d8f5			Page background
#9c9ce3			H2 heading is in a 1 cell table. This is the background color
#ffffff			white
#e6BB00			Horizontal navigation bar background
' ------------------------- Versions of the base color ----------------------------------
#ffffff"					' white
#f4f4fc"					' light version of base color
#e5e5f8"					' "
#d8d8f5"					' "
#9c9ce3"					' "
*/


/* ------------------------------------------------------------------------------------- */
/*Page Setup                                                                             */ 
/* ------------------------------------------------------------------------------------- */
/* Remove margins from HTML tags */
html {
	margin: 0;
	padding: 0;
}

div.header {
	background: white;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	width: 750px; 
} 

div.h2Background {
	width: 100%;
	background: #9c9ce3; 
	/* background: #7887AB; */
}

div.logo {
	color: white;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:700;
	font-size: 35px;
	margin-top: 40px;
	margin-left: 30px;
} 

#slogan {
	color: white;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: medium;
	font-weight: bold; 
	float: right;
	margin-top: 5px;
	padding-right: 18%;	
}

#hnavContainter {
	background: white;
	border-bottom:	2px solid #9c9ce3;
	border-left:  	2px solid #9c9ce3;
	border-right:  	2px solid #9c9ce3;
	height: 20px;
	margin: auto;
	padding-left: -2px;
	padding-right: -2px;
	width: 746px; 
	
} 

#hnav {
	margin: auto;
	text-align: center;      /* centers menu items */
 }


#hnav li {
	display: inline;
	list-style-type: none;
	padding-right: 20px;
}
		

/* ------------ Form Settings ----------------------------------------------------------- */

 
input.SearchBox {
	border: 2px solid #cccccc; */
	/*  background: #EFEFF7; */
	// background-image: linear-gradient(to bottom, #ffc579, #fb9d23);
	font-size:10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	width: 91px;
	padding:
}

input.SearchButton {
	background-color: #ffc579;
	background-image: linear-gradient(to bottom, #ffc579, #fb9d23);	
	border-radius: 2px; -webkit-border-radius: 2px; -moz-border-radius: 2px;
	height: 17px;
	left: -4px;
	margin-bottom: 0px;  
	padding: 0px 1px 1px 0px;
	position: relative;
	vertical-align: bottom;
	width: 17px;	
}

input.SearchButton:Hover {
	background-color: #ffaf46; background-image: linear-gradient(to bottom, #ffaf46, #e78404);
}


/* ------------ Link settings ----------------------------------------------------------- */
a.LinkButtonYellow {
	background-color: #ffc579; background-image: linear-gradient(to bottom, #ffc579, #fb9d23);
	border:1px solid #ffad41; 
	border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px;
	font-size:12px;font-family:arial, helvetica, sans-serif; 
	font-weight:bold;
	padding: 8px 10px 8px 10px; 
	text-decoration:none; display:inline-block; color: #FFFFFF;
}

a.LinkButtonYellow:Hover {
 	border:1px solid #ff9913;
	background-color: #ffaf46; background-image: linear-gradient(to bottom, #ffaf46, #e78404);
 }



a.navlinks 
{
	color:#0000ff; 
	font: 10pt Arial, Helvetica, sans-serif, Verdana; 
	text-decoration : none; 
}

a.navlinks:link		{color: #0052B0} 
a.navlinks:visited 	{color: #0052B0}  
a.navlinks:hover 	{color: #92004E}
a.navlinks:active 	{color: #0052B0}

a.vNavLinks 
{
	color:#0000ff; 
	font: 10pt Arial, Helvetica, sans-serif, Verdana; 
	text-decoration : none; 
}

a.vNavLinks:link		{color: #0052B0} 
a.vNavLinks:visited 	{color: #0052B0}  
a.vNavLinks:hover 	{color: #92004E}
a.vNavLinks:active 	{color: #0052B0}

/* ------------ Table settings ----------------------------------------------------------- */
table
{
	font-family: 	Verdana, Arial, Helvetica, sans-serif;	
	font-size: 	9pt;
	text-align: 	left;
	vertical-align: top;
	background-color: #ffffff;
	padding: 		0;
	margin: 		0;
}

td
{
	font-family: 	Verdana, Arial, Helvetica, sans-serif;	
	font-size: 	9pt;
	text-align: 	left;
	vertical-align: top;
}

td.center
{
	text-align: center;
	vertical-align: middle;
}

td.right
{
	text-align: right;
	vertical-align: middle;
}

td.DefinitionList
{
	font-family: Verdana, Arial, Helvetica, sans-serif;	
	font-size: 	xx-small;
	text-align: 	left;
	vertical-align: top;
}


/* ------------ Table - Horizontal Navigation ---------------------------------------------- */
table.Header
{
	width: 750px;
	background: #ffffff;
	border-collapse: collapse;
	vertical-align: top;  
	text-align: center;
	border: 0;
	border-spacing: 0;
	padding: 0;
	margin: 0;
}

td.HeaderLeft
{
	width: 120px;
	height: 40px;
	border: 0; 
	padding: 0;
	margin: 0;
}

td.HeaderRight
{
	width: 	630px;
	height: 	40px;
	vertical-align: 	middle;
	text-align: 	  	center;
	background:  		url("../images/SDI_Header_Backround.gif");
}

table.hNav
{
	width: 750px;
	text-align: center;
	border-spacing: 0px;
	border-collapse: collapse;
	padding: 0px;
}

tr.hNav {margin:0; padding: 0;}

td.hNavLeft 
{
	width: 			120px;
	font: 				10pt Arial, Helvetica, Sans-serif, Verdana;
	text-decoration: none;
	text-align: 		center;
	border-bottom:	2px solid #9c9ce3;
	border-left:  	2px solid #9c9ce3;
	margin:  0px;
	padding: 0px;
}

td.hNavRight 
{
	/*width: 			630px;*/
	width:				100%;
	font: 				10pt Arial, Helvetica, sans-serif, Verdana;
	color: 			#0052B0;
	text-decoration: none;
	text-align: 		center;
	border-bottom:	2px solid #9c9ce3;
	border-right: 	2px solid #9c9ce3;
	border-left: 		2px solid #9c9ce3; 
	margin: 0px;
	padding: 0px;
}

table.NavLogo
{
 	margin: 0px 0px 10px 0px;
}

/* ----------- Table - Vertical Navigation cell on the left side -------------------------- */
td.NavigationCell
{
	/* width: 120px; */
	width: 16%;
	vertical-align: top;
	padding: 	3px 3px 3px 3px;
	border-right: 	1px solid #9c9ce3;
	border-bottom: 	2px solid #9c9ce3;	
	border-left: 		2px solid #9c9ce3;
}

/* ----- Table - Cell containing the main body of the page --------------------------- */
td.ContentCell
{
	/* width: 630px; */
	font-family: verdana, arial, helvetica, sans-serif;
	width: 84%;
	vertical-align: top;
	padding: 5px;
	border-right: 	2px solid #9c9ce3;
	border-bottom: 	2px solid #9c9ce3;
}

td.NavHead
{
	width: 	100%;
	height: 	12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;	
	font-size: 	9pt;
	font-weight: 	bold;
	color: 			#ffffff;
	background-color: #9c9ce3;
	padding: 1px;
}

td.NavHeadRed	
{
	width: 	100%;
	height: 	12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;	
	font-size: 	9pt;
	font-weight: 	bold;
	color: 			#ffffff;
	background-color: #9c9ce3;
/*	
	border-top: 		3px solid #B40A00;
	border-bottom: 	1px solid #B40A00;
*/
	padding: 1px;
}

td.NavHeadGreen
{	
	width: 100%;
	height: 12px;
	font-family: Verdana, Arial, Helvetica, Sans-serif;	
	font-size: 9pt;
	font-weight: bold; 
	color: #ffffff;
	background-color: #9c9ce3;
/*	
	color: #ffffff;
	border-top: 3px solid #007c0c;
	border-bottom: 1px solid #007c0c;
*/
	padding: 1px;
}

td.NavHeadBlue
{	
	width: 100%;
	height: 12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;	
	font-size: 9pt;
	font-weight: bold; 
	color: #ffffff;
	background-color: #9c9ce3;

/*	
	color: #000044;
	border-top: 3px solid #000099;
	border-bottom: 1px solid #000099;
*/	
	padding: 1px;
}

td.NavBody
{
	border-bottom: 	1px solid #cccccc;
	padding: 			0px 5px 0px 5px;
}

td.head 
{
	background: 	#e5e5f8;  
	color: 		#000044; 
	font-family: 	Verdana, Arial, Helvetica, sans-serif;	
	font-size: 	10pt;
	font-weight: 	bold; 
}

td.standard 
{
	background: 	#f4f4fc; 
	color: 		#000044; 
}

td.alternate 
{
	background: 	#e5e5f8; 
	color: 		#000044; 
}

td.headCenter 
{
	background: 	#e5e5f8;  
	color: 		#000044; 
	font-family: 	Verdana, Arial, Helvetica, Sans-serif;	
	font-size: 	10pt;
	font-weight: 	bold;
	text-align: 	center;
}

td.standardCenter 
{
	background: 	#f4f4fc; 
	color: 		#000044; 
	text-align: 	center;	
}

td.alternateCenter 
{
	background: 	#e5e5f8; 
	color: 		#000044;
	text-align: 	center;
}


/*------------------------- Defaults: No class =    -----------------------*/
body
{
	font-family:  verdana, arial, helvetica, sans-serif;
	font-size: 	9pt; 
	color: 				#000044;
	background-color: 	#d8d8f5; 
	/* background-color: 	#7887AB; */ 
	/* background-color: 	#FFF08A; */
	/* background-color: 	#887CAF; */
	margin: 0px 0px 0px 5px;
	padding: 0;
}

h1, h2, h3, h4, h5, h6 {font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold}
h1 {color: #ffae00; font-size: 14pt; margin-bottom: 0; text-align: left;}  
/* h1 {color: #804515; font-size: 14pt; margin-bottom: 0; text-align: left;} */
h2 {color: #ffffff; font-size: 12pt; margin: 0px 0px 0px 5px;}
/* h3 {color: #000044; font-size: 12pt; margin-bottom: 0px;} */
h3 {color: #061539; font-size: 12pt; margin-bottom: 0px;}
h4 {color: #000044; font-size: 10pt;  margin-bottom: 2px;}
h5 {color: #000044; font-size: 8pt;}
h6 {color: #000044; font-size: 6pt;}

/* ------------------- Heading in the Right cell of the Header Bar -----------------*/
h1.Header {font-size: 16pt; color: #ffffff;}
h2.Header {font-size: 12pt; color: #ffffff; margin-top: 5px;}

hr {color: #ffae00; background-color: #ffae00; height: 2px; border:0px} 

td
{
	font-family: Verdana, Arial, Helvetica, sans-serif;	
}

p 
{
	/* font-family:"Lucida Sans", "Lucida Sans Regular", "Lucida Grande", "Lucida Sans Unicode", Geneva, Verdana, sans-serif */	
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 9pt; 
	font-weight: normal; 
	
	color: #000044; 
	text-align: left;
}

p.copyright 
{ 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 	8pt;
	text-align: 	center;
	background-color:	#d8d8f5; 
	color: 			#000044;
}
p.highlight1 {color: #B40A00 }

b.DialogTitle
{
	color: #000099;
}

ol
{
	font-family:  Verdana, Arial, Helvetica, sans-serif;
	font-size: 	9pt;
	text-align: 	left;
/*	background-color: #ffffff; */
	color: 			#000044;
}

ol ol
{
	font-family:  Verdana, Arial, Helvetica, Sans-serif;
	font-size: 	9pt;
	text-align: 	left;
	list-style-type: lower-alpha;
/*	background-color: #ffffff; */
	color: 			#000044;
}

ul
{
	font-family:  Verdana, Arial, Helvetica, Sans-serif;
	font-size: 9pt;
	text-align: left;
	list-style-image: url("../images/BulletSquareBlue9x9.gif");
	/* background-color: #ffffff; */
	color: #000044;
}

table.FeatureList {width: 100%}
table.FeatureList td 
{	
	font-size: x-small;
 	padding: 3px;
}
table.FeatureList td:first-child {width: 20%; font-weight: bold;}
table.FeatureList tr:nth-child(odd) {background:#f4f4fc}

/* ------ Sidebar ------------------------------------------------------------------ */
div.SidebarContainer
{
	background-color: #EFEFF7;	 /* light purple */
	border-top: 4px solid #9c9ce3; 
}

div.Sidebar
{
	padding: 1px 5px 1px 5px;
}
p.Sidebar
{
	font-size: smaller;
}
li.Sidebar
{
	font-size: smaller;
}


/* ------ Horizontal Navigation Bar Tabs ------------------------------------------------------------------ */
/* #info {background:#eee;}*/												/* The background behind the list */
#info {margin:0; background: #e6BB00; width: 750px;}   	/* The background behind the list */
#info ul {margin:3em; padding:0; list-style-type:none; background:transparent; height:3em; } 
/* #info ul {margin:3em; padding:0; list-style-type:none; background:transparent; height:1em; text-align: bottom; } */
#info li {display:block; float:right; }  
/* #info li {display:inline; float:right; vertical-align: bottom;} */
/* #info li {display:block; float:right; vertical-align: bottom;} */
.xsnazzy {background:transparent;}		/* The background around the lnk word. */
/* The font in the link. */
.xsnazzy span {text-align:center; color:#fff; margin:0; font-weight:normal; padding-bottom:0.5em;} 
.xtop {display:block; background:transparent; font-size:1px;}		/* The small top area outside the top curve of the link tab */
.xb1, .xb2, .xb3, .xb4 
{
	display:block; 
	/* hide overflow:hidden from IE5/Mac */ 
	/* \*/ 
	overflow: hidden; 
	/* */ 
}
.xb1, .xb2, .xb3 {height:1px;}
/* .xb2, .xb3, .xb4 {background:#dd7; border-left:1px solid #fff; border-right:1px solid #fff;} */
.xb2, .xb3, .xb4 {background:#9c9ce3; border-left:1px solid #fff; border-right:1px solid #fff;}
.xb1 {margin:0 5px; background:#fff;}
.xb2 {margin:0 3px; border-width:0 2px;}
.xb3 {margin:0 2px;}
.xb4 {height:2px; margin:0 1px;}
/* The background in the box surrounding the link */
.xboxcontent {display:block; background:#cc6; border:0 solid #fff; border-width:0 1px 1px 1px;}
/* .xboxcontent {display:block; background:#66B; border:0 solid #fff; border-width:0 1px 1px 1px;} */

a.xmenu2, a.xmenu2:visited {display:block; text-decoration:none; width:7em; font-size:0.9em;}
a.xmenu2:hover {background:transparent; cursor:pointer;}
a.xmenu2:hover span {color:#000;}
a.xmenu2:hover .xboxcontent {background:#eee; border-color:#888; border-bottom:1px solid #eee;}
a.xmenu2:hover .xb1 {background:#888;}
a.xmenu2:hover .xb2, a.xmenu2:hover .xb3, a.xmenu2:hover .xb4 {background:#fff; border-color:#888;}