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


/*breadcrumb styles*/

#breadcrumbs
{
/*background: url(images/breadcrumbs.gif) repeat-x #999999;*/
background:#fff;
color:#FFFFFF;
margin: 10px 0 0 0;
padding: 0px 0 2px 0px;
font-size: 96%;
font-weight:bold;
/*line-height: 20px;*/
line-height: 20px;

}

#breadcrumbs a 
{

color:#FFFFFF;
margin: 0 0 0 0px;
padding: 0px 0px 0px 0px;
text-decoration:none;
}



#breadcrumbs .crumb1 a:hover
{
color:#FFFF00;

}

#breadcrumbs p 
{
color:#FFF;
margin: 0 0 0 0px;
text-decoration:none;
padding: 0px 0px 0px 0px;

}

.crumb-on
{
background:#999999;
font-weight:normal;
padding: 2px 6px 2px 10px;

}

.crumb-on a:hover
{
color:#fff;
cursor:default;
}

.crumb1
{
background:#0d7acc;
padding: 2px 14px 2px 16px;
}

.crumb2
{
background:url(../main-images/crumb-blue.jpg) no-repeat;
padding: 3px 2px 2px 0px;
margin: 0 0px 0px 0px;

}

.crumb3
{
background:url(../main-images/crumb-blue-white.jpg) no-repeat;
padding: 3px 2px 2px 0px;
margin: 0 0px 0px 0px;

}


.crumb4
{
background:url(../main-images/crumb-blue-grey.jpg) no-repeat;
padding: 3px 2px 2px 0px;
margin: 0 0px 0px 0px;

}

.crumb5
{
background:url(../main-images/crumb-grey-white.jpg) no-repeat;
padding: 3px 2px 2px 0px;
margin: 0 0px 0px 0px;

}


.crumb6
{
background:url(../main-images/crumb-grey.jpg) no-repeat;
padding: 3px 2px 2px 0px;
margin: 0 0px 0px 0px;

}


/*sidenav*/


#sidenav {
background:url(../main-images/sidenav/navTop.gif) no-repeat top;
float:left;
width: 179px;
padding: 10px 0 10px 0;
margin: 0px 20px 10px 0;}


#sidenav ul {


	background:url(../main-images/sidenav/navBottom.gif) no-repeat bottom;
	margin: 0px;
	padding: 0px 0 8px 0;	
	list-style-type: none;
	border-bottom: 0px solid #097aff;
}


#sidenav li {
	list-style-image:none;
	margin: 0;
	border-right: 1px solid #097aff;
	border-bottom: 0;
	border-top: 0;
	border-left: 0;
	}
	


#sidenav ul a {
    color:#0066ff; 
	text-decoration: none;
	display: block;
	font-family: Tahoma, Arial, sans-serif;
	font-size: 12px;
	padding: 5px 3px 5px 10px;	
	border-top: 1px #FFFFFF solid;
}

#sidenav li a:hover {
background-color:#0066ff;
color:#fff;
}

#sidenav li.current {

	background-color:#0066ff;
}


#sidenav .current a {
color:#FFFFFF;
}

/*
#sidenav .current
{
background-color:#0066ff;
color:#FFFFFF;
}*/


/*Level2 Nav*/

#sidenav ul ul
{
background:#FFFFFF;
background-image:none;
border-bottom:0;
padding:0;
margin:0;
}

#sidenav li li.current  {
background-color:#7eb0fc;

padding:0;
margin:0;
}

#sidenav li li.current a  {

color:#000000;
}

#sidenav li li a {
padding: 2px 2px 2px 17px;
overflow:hidden;
color:#000;
font-size:12px;
margin:0;
}

#sidenav li li 
{
/*background-color:#0099CC;*/

background-color: #8cbaff;
border-left: 0;
border-right:0;
padding:0 0 0px 0;
margin:0;

}	

#sidenav li li a:hover
{
background-color:#8cbaff;
color:#000;

}	


/*Level3 Nav*/

#sidenav li li li.current  {
background-color: #c2e6fb;
color:#000000;
}

#sidenav li li li.current a  {

color:#000000;
}



#sidenav li li li a {
padding: 4px 0 3px 24px;


}

#sidenav li li li 
{
background-color:#f1f1f1;
border-left: 0;
border-right:0;
}	

#sidenav li li li a:hover
{
background-color:#c2e6fb;
color:#000;
}	


/*Level4 Nav*/

#sidenav li li li li.current  {
background-color:#def1fb;
}


#sidenav ul ul ul ul  {
border-top:#FFFFFF 0px solid;

}

#sidenav li li li li a {
padding: 4px 0 3px 31px;
color:#000000;


}

#sidenav li li li li 
{
background-color:#f7f7f7;
border-left: 0;
border-right:0;
}	

#sidenav li li li li a:hover
{
background-color:#def1fb;
color:#000;
}	


/*Level5 Nav*/

#sidenav li li li li li.current  {
background-color:#ecfcfb;

color:#000000;
}


#sidenav ul ul ul ul ul  {
border-top:#FFFFFF 0px solid;

}

#sidenav li li li li li a {
padding: 4px 0 3px 40px;
color:#000000;


}

#sidenav li li li li li
{
background-color:#f7f7f7;
border-left: 0;
border-right:0;
}	

#sidenav li li li li li a:hover
{
background-color:#ecfcfb;
color:#000;
}	
/*for placing text images underneath side nav*/
#sidenav img
{
margin:0;
padding:0;}

#sidenav .imgalignleft
{
margin: 0 7px 5px 0px;

}

#sidenav .imgalignright
{
margin: 0 0px 5px 15px;

}
#sidenav h1, #sidenav h2, #sidenav h3, #sidenav h4, #sidenav p 
{
margin: 10px 7px 0 10px;
}

#sidenav hr
{
margin:3px 0 3px 0;
padding:0px;
color:#e4effa;
background:#e4effa;
border:0;
}


/*the nav at the very top of the page*/
#topnav
{background:url(../main-images/top-nav-background.gif) repeat-x;
font-size:12px;
font-weight:bold;
width: 100%;
padding: 5px 0px 5px 0px;
margin: 0px 0px 0px 0px;
overflow:hidden;
}

#topnav form
{
/*display:inline;*/
float:right;
margin: 0 0 0 0px;
padding: 0 0 0px 0px;

}



#topnav ul
{
float:left;
padding: 6px 0 11px 5px;
margin: 0px 0 0px 5px;
}

#topnav li
{
display:inline;

}


#topnav a

{

color:#fff;
font-weight:bold;
padding: 1px 10px 5px 0;
margin: 0 0 0px 20px;
text-decoration:none;
}
#topnav a:hover
{
color:#333333;
text-decoration:none;
}

#topnav .current
{
color:#333333;
text-decoration:none;
cursor:default;
}
/*tab navigation in the main content*/
#tabnav
{

font-size:90%;
padding: 0px 0px 0px 0px;
margin: 5px 0px 10px 0px;
/*width: 590px;*/
float:left;
width: 100%;
}



#tabnav ul
{
/*border-bottom:solid 4px #3399cc;*/

border-bottom: 2px solid #0066FF;
padding: 10px 0px 7px 0px;
margin:0;
}
#tabnav li
{
display:inline;
padding:0 1px 0 0px;
margin:0;
}


#tabnav .current a
{
background: #fff url(../main-images/tab-nav-bkgnd.jpg) top repeat-x    ;
border: 2px solid #0066FF;
border-top: 0px solid #0066FF;
border-right: 2px solid #0066FF;
border-bottom: 0px solid #000 ;
color:#000;
padding: 10px 3px 9px 3px;
cursor:default;
font-weight:bold;

}

#tabnav .current a:hover
{
background: #fff url(../main-images/tab-nav-bkgnd.jpg) top repeat-x    ;
border: 2px solid #0066FF;
border-top: 0px solid #0066FF;
border-right: 2px solid #0066FF;
border-bottom: 0px solid #000 ;
color:#000;
padding: 10px 3px 9px 3px;
cursor:default;
font-weight:bold;
}

#tabnav a
{

background:#ececec ;
color:#666666;
text-decoration:none;
padding: 5px 5px 7px 5px;
margin:0;

}

#tabnav a:hover
{
border: 2px solid #ccc;
border-top: 2px solid #ccc;
border-right: 2px solid #ccc;
border-bottom: 0px solid #000 ;

padding: 3px 3px 7px 3px;

}

/*For lists of contents on main pages*/
.contentslink
{background:url(../main-images/contents-box-top.gif) no-repeat top;
padding: 40px 0 0px 0;
margin: 0;


}

.contentslink ul
{
background:url(../main-images/contents-box-bkgrd.gif) repeat;
margin: 0px 0 0 0px;
padding: 3px 0 10px 0px;


}
.contentslink li

{
list-style-image:none;
list-style:none;
margin: 0px 0 0px 25px;
padding: 5px 0 5px 0px;

}


.contentslink a

{
background:url(../main-images/contents-arrow.gif) no-repeat    ;
margin: 0 0 15px 0px;
padding: 0px 0px 0px 20px;

font-weight:bold;
}

.contentslink a:hover

{
color:red;
}

.next 
{background:url(../main-images/next.gif) no-repeat right;
border: 1px solid #666;
padding: 2px 18px 2px 8px;
color:#0099FF;
font-weight:bold;
}

.previous 
{background:url(../main-images/previous.gif) no-repeat left;
padding: 2px 18px 2px 18px;
margin: 0 10px 0 0;
border: 1px solid #666;
color:#666;
font-weight:bold;
}

/*twisty nav styles*/



.openclosetext
{
float:right;
font-weight:bold;
padding: 3px;
}



.plusall 
{
background:#0099CC;
color:#fff;
padding:5px;
cursor:pointer;
}




.minusall 
{
background:#CC0000;
color:#fff;
padding:5px;
cursor:pointer;
}

/*box navigation */
.boxnav {
margin: 0 auto;

text-align:center;

}

.boxnav .boxes2
{
margin-left:200px;
}

.boxnav .boxes3
{
margin-left:110px;
}


.boxnav li {
float:left;
margin: 5px 2px 20px 2px;
padding:10px 0 10px 0;
border: 1px solid #d8e5f0;
background:#eff8ff;
list-style-image:none;
list-style:none;
color:#000;
font-size:150%;
width: 24%;

}

.boxnav li li {
float:none;
border:none;
font-size:70%;
padding:15px 0 8px 0;
margin:0 0 0 -30px;
width: 200px;
}


.greenbutton  a
{background:url(../main-images/buttons/green-button.gif) no-repeat #eff8ff;
color:#fff;
padding: 7px 25px 10px 20px;
font-weight:bold;
border: #339966 solid 0px;
}

.greenbutton  a:hover
{
color:#000;

}

.greenbuttonlong  a
{background:url(../main-images/buttons/green-button-long.gif) no-repeat #eff8ff;
color:#fff;
padding: 7px 25px 10px 16px;
font-weight:bold;
border: #339966 solid 0px;
}

.greenbuttonlong  a:hover
{
color:#000;

}