/* CSS Document */
.AccordionTitle, .AccordionContent, .AccordionContainer
{
  position:relative;
  width:750px;
}

.AccordionTitle
{
  padding:4px;  
  overflow:hidden;
  cursor:pointer;
  font-family:Verdana, Arial, Helvetica, sans-serif;
  font-size:14px;
  font-weight:bold;
  vertical-align:middle;
  text-align:left;
  background-repeat:repeat-x;
  background-color:#CCCCCC;
  border-bottom:1px solid #000000;
  display:table-cell;
	background-image:url(images/blue_heading.jpg);
  -moz-user-select:none;
  color:#FFFFFF;
}

.AccordionContent
{
  height:auto;
  overflow:hidden;
  display:none;
}

.AccordionContainer
{
	border: 1px solid #5C7EC4;
}
/* Accordion 2 */
.AccordionTitle2, .AccordionContent2, .AccordionContainer2
{
  position:relative;
  width:1000px;
}

.AccordionTitle2
{
  padding:4px;  
  overflow:hidden;
  cursor:pointer;
  font-family:Verdana, Arial, Helvetica, sans-serif;
  font-size:14px;
  font-weight:bold;
  vertical-align:middle;
  text-align:left;
  background-repeat:repeat-x;
  background-color:#CCCCCC;
  border-bottom:1px solid #000000;
  display:table-cell;
	background-image:url(images/blue_heading.jpg);
  -moz-user-select:none;
  color:#FFFFFF;
}

.AccordionContent2
{
  height:0px;
  overflow:hidden;
  display:none;
}

.AccordionContainer2
{
	border: 1px solid #5C7EC4;
}
/* end of accordion 2 */
.myContent {
	padding:3px;
	font-size:14px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

#myMenu{
width: 180px; /*width of accordion menu*/
}

#myMenu .menuheader{ /*CSS class for menu headers in general (expanding or not!)*/
font: bold 14px Arial;
color: white;
background: url(images/titlebar_blue.png);
margin-bottom: 1px; /*bottom spacing between header and rest of content*/
text-transform: uppercase;
padding: 9px 0 4px 0; /*header text is indented 10px*/
margin:0;
_margin-bottom:1px;
cursor: hand;
cursor: pointer;
height:20px;
border-bottom-color:#1243a0;
border-bottom:solid;
border-width:1px;
width:180px;
text-align:center;
}

#myMenu .openheader{ /*CSS class to apply to expandable header when it's expanded*/
background-image: url(images/titlebar-active_red.png);
}

#myMenu ul{ /*CSS for UL of each sub menu*/
list-style-type: none;
margin: 0;
padding:0;
margin-bottom: 8px; /*bottom spacing between each UL and rest of content*/
}

#myMenu ul li{
padding-bottom: 0; /*bottom spacing between menu items*/
}

#myMenu ul li a{
color:#003399; /* level one links */
/*background: url(images/arrowbullet.png) no-repeat center left; custom bullet list image*/
display: block;
padding: 4px 0;
padding-left: 19px; /*link text is indented 19px*/
text-decoration: none;
font-weight: bold;
border-bottom: 1px solid #dadada;
border-right: 1px solid #dadada; 
font-size: 90%;
width:160px;
height:20px;
}

#myMenu ul li a:visited{
color: #003399; /* level one visited links */
}

#myMenu ul li a:hover, #myMenu ul li a.sfhoverM{ /*hover state CSS*/
color:#ffffff;
/*background-color:#597cbe;*/
background: black url(images/titlebar_black.png);
width:160px;
height:20px;
}
/*############################################################*/
/*############################################################*/
/*Second level menus */
#myMenu ul ul{
list-style-type: none;
margin: 0;
padding: 0;
margin-bottom: 8px; /*bottom spacing between each UL and rest of content*/
}
#myMenu ul ul li a:visited{
color: #ffffff; /* level two visited links */
}
#myMenu li ul a {
background: url(images/arrowbullet.png) no-repeat center left; /*custom bullet list image*/
display: block;
padding-left: 19px; /*link text is indented 19px*/
padding-top:8px;
text-decoration: none;
font-weight: bold;
font-size: 90%;
width:160px;
background: black url(images/titlebar_black.png);
color:#ffffff;
height:16px;
}
#myMenu li {
	position:relative;
	}

#myMenu li ul {
	/*background-image:none;*/
	list-style:none;
	font-size:90%;
	position:absolute;
	top:0;
	left:180px;
	padding:0;
  display:none;
}

#myMenu li:hover ul, #myMenu li.sfhoverM ul {
	color:#ffffff;
	background: url(images/titlebar_black.png);
	/*width:180px;*/
	display:block;
	height:16px;
	}	
	
#myMenu li ul a:hover, #myMenu li ul a.sfhoverM {
color:#ffffff;
background:url(images/titlebar-active_red.png);
height:16px;
	}	
/* third level menus */
#myMenu ul li:hover ul ul li {
	display:none;
	}
#myMenu ul ul li:hover ul li {
	display:block;
	}
	
/*############################################*/	
.back a {
	text-decoration:none;
	color:#ffffff;
}	
/* TAB Heading */
.tabHead {
	background:url(images/tab_heading.gif) no-repeat;
	height:34px;
	margin-left:0;
	color:#ffffff;
	width:186px;
	border-left:none;
	}
.tabcontent {
	font-weight:bold;
	padding-top:8px;
	text-align:center;
	}
/*********************************************/
body {
	padding:0;
	margin:0;
	color:#000080;
	background-image:url(images/grid.jpg);
	}

.BoxBorder {
	padding: 3px 3px 3px 3px;
	border: 1px solid  #C0CFE0;
	}
.content {
	font-size:14px;
	text-align:justify;
	margin-left:10px;
	margin-right:50px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	}	
.indexContent {
	font-size:14px;
	text-align:justify;
	margin-left:50px;
	margin-right:50px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}
.blueMenuMargin {
	margin-top:5px;
	margin-bottom:15px;
}	
.left {
	float:left;
	padding-right:15px;
	}
.right {
	float:right;
	padding-left:15px;
	margin-right:80px;
	}
.rightMargin {
	margin-right:150px;
	}
.leftMargin {
	margin-left:150px;
	}
.noliststyle {
	list-style:none;
	line-height:24px;
	border:none;
	}		
.noliststyle a {
	text-decoration:none;
	border:none;
	}
.imgpad {
	padding:5px;
	}	
/* Top Menu */	
#menu{
	float:left;
	position: relative;
	padding: 0 0 0 34px;
	margin: 0 auto 0 auto;
	background-image:url(images/menub_bg.gif);
	background: url(images/menub_bg.gif) repeat-x; /*tab background image path*/
	height: 40px;
	list-style: none;
	background-color: #486CB6;
	}
#menu li{
	float:left;
	position:relative;
}
#menu li a{
	float: left;
	display: block;
	color:#000;
	text-decoration: none;
	font-family: sans-serif;
	font-size: 13px;
	font-weight: bold;
	padding:0 0 0 18px; /*Padding to accomodate left tab image. Do not change*/
	height: 40px;
	line-height: 40px;
	text-align: center;
	cursor: pointer;	
}
#menu li a b{
	float: left;
	display: block;
	padding: 0 24px 0 8px; /*Padding of menu items*/
}
#menu li.current a, #menu li a:hover{
	color: #fff;
	background: url(images/menub_hover_left.gif) no-repeat; /*left tab image path*/
	background-position: left;
}
#menu li.current a b, #menu li a:hover b{
	color: #fff;
	background: url(images/menub_hover_right.gif) no-repeat right top; /*right tab image path*/
}
/* Second Level of the menu */
#menu li.current ul a, #menu ul li a:hover #menu li a:hover b {
	background-image:none;
	text-align:left;
	border-bottom:1px solid #73ADD3;
	border-right:1px solid #73ADD3;
	border-left:1px solid #73ADD3;
	border-top:none;
	background-color:#045C97;
	color:#FFFFFF;	
	width:210px;
	margin:0;
	line-height:22px;
	height:26px;
	float:left;
	padding-top:10px;	
}
#menu li.current ul a b, #menu li ul a:hover b{
	/*background-image:none;*/
}
#menu li ul a {
	/*background-image:none;*/
	text-align:left;
	border-bottom:1px solid #73ADD3;
	border-right:1px solid #73ADD3;
	border-left:1px solid #73ADD3;
	border-top:none;
	background-color:#045C97;
	color:#FFFFFF;	
	width:210px;
	margin:0;
	line-height:22px;
	height:26px;
/*	float:left;*/
	padding-top:10px;
}
#menu li ul {
	background-image:none;
	list-style:none;
	font-size:12px;
	position:absolute;
	top:38px;
	left:-4px;
	_left:-44px;
	padding:2px;
  display:none;
}
#menu li ul a:hover, #menu li ul a.sfhoverM {
	background-image:none;
	background-color:#CCCCCC;
	color:#000;
	}
#menu li:hover ul, #menu li.sfhoverM ul {
	display:block;
	}	
/*====== Third level menu =========== */
#menu li:hover ul ul a, #menu li.sfhoverM ul ul a {
	border-bottom:1px solid #73ADD3;
	border-right:1px solid #73ADD3;
	border-left:none;
	border-top:none;	
	width:290px;
	float:left;
}
#menu li:hover ul	ul, #menu li:hover ul ul ul, #menu li.sfhoverM ul ul, #menu li.sfhoverM ul ul ul {
	position:absolute;
	top:-2px;
	left:228px;
	_left:188px;
	padding:2px;
	display:none;
}
#menu li:hover ul, #menu li li:hover ul, #menu li li li:hover ul, #menu li.sfhoverM ul, #menu li li.sfhoverM ul, #menu li li li.sfhoverM ul { /* lists nested under hovered list items */
display:block;
	}	
/*=========== The following is for IE ===================*/
#menu{float:none;}

#menu ul li{float:left; width: 100%;}
#menu ul ul li{float:left; width: 100;}
#menu a{height:1%;font:bold;}	
/*========= Bottom Menu Tabs ============*/
#bottom_menu {
    padding:0;
    margin:0;
    float:left;
    font: bold 14px arial;
    width:100%;
    border: 1px solid black;
    border-width:1px 0;
    background-position:100% 0;
    background:url(images/blue_bottom.jpg);
    }
#bottom_menu li {
    display:inline;
    }
#bottom_menu li a {
    float:left;
    text-decoration:none;
    padding:10px 11px 8px;
    border-right: 1px solid white;
    color:#ffffff;
    }
#bottom_menu li a:visited {
    color:#ffffff;
    }
#bottom_menu li a:hover, #bottom_menu li.current a {
    color:#000000;
    background:url(images/blue_bottom.jpg);
    background-position: 0 -34px;
}
/*========== Scroller styles ============*/
#pscroller1{
width: 800px;
height: 50px;
border: 1px solid #1243a0;
padding: 5px;
background-color:fff;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:14px;
}

#pscroller2{
width: 350px;
height: 20px;
border: 1px solid #1243a0;
padding: 3px;
}

#pscroller1 a{
font-weight:700;
}
#pscroller1 a:visited {
	color:#0033CC;
	}
.bHeading {
	font-size:14px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#fff;
	font-weight:bold;
	padding-left:8px;
	}	
/*========= Blue Tabs Menu ==============*/
.btborder {
	border-right-color:#1243a0;
	border-right:solid;
	border-width:1px;
	}
#bluetabs{
float:left;
line-height:16px;
width:184px;
margin:3px;
padding:0;
font-size:14px;
margin-top:10px;
margin-right:10px;

}

#bluetabs ul{
list-style-type: none;
margin:0;
/*margin-left: 5px; Left offset of entire tab menu relative to page*/
padding:0;
}

#bluetabs li{
display:inline;
margin:0;
padding:0;
}

#bluetabs a{
float:left;
margin:0;
padding:1px 0 0 0;
text-decoration:none;
width:184px;
border-right:solid black 1px;
border-left:solid black 1px;
border-bottom:solid black 1px;
}

#bluetabs a span{
display:block;
background:url(images/blue_side.jpg) no-repeat right top;
padding: 10px 17px 7px 12px;
font-weight:bold;
color:#ffffff;
}

/* Commented Backslash Hack hides rule from IE5-Mac \*/
#bluetabs a span {float:none;}
/* End IE5-Mac hack */

#bluetabs a:hover span {
color:#000;
}

#bluetabs #current a{ /*Selected Tab style*/
background-position:0 -34px; /*Shift background image up to start of 2nd tab image*/
}

#bluetabs #current a span{ /*Selected Tab style*/
background-position:100% -34px; /*Shift background image up to start of 2nd tab image*/
color:#000;
}

#bluetabs a:hover{ /*onMouseover style*/
background-position:0% -34px; /*Shift background image up to start of 2nd tab image*/
}

#bluetabs a:hover span{ /*onMouseover style*/
background-position:100% -34px; /*Shift background image up to start of 2nd tab image*/
}

<!--[if IE]>

p.iepara{ /*Conditional CSS- For IE (inc IE7), create 1em spacing between menu and paragraph that follows*/
padding-top: 1em;
}

<![endif]-->