body{margin:0;padding:0;background-color:#3CB6CC;font-family:Tahoma,Arial,Helvetica,sans-serif; font-size:80%; color:#666666; line-height:normal;}
a{text-decoration:none;color:#0560A6;}a:hover{text-decoration:underline;}a:visited{color:#0560A6;}
input, select, textarea, sbx	{ font-family: Tahoma,Arial; font-size: 8pt;  color: #000 }
h3{font-size: 115%;}
.BlueBG {background-color:#F7FAFC;}
.toolbarBackground{background-color:#DCEBF8;background-image:url(images/toolbar_bg.gif)}
.ddBodyDiv{width:921px;border:1px solid #3CB6CC;}
.ddcontainermaster{width:921px;background-color:#3CB6CC;background-image:url(images/body_bg.gif);background-repeat:repeat-y;}
.ddglobalnav{}
#ddheadbgHome{width:921px;height:72px;background-image:url(images/bg_top.jpg);background-repeat:no-repeat;}
.ddcontainer{width:901px;margin:0px 10px;text-align:left;}
#ddcontbottom{background-image:url(images/bg_bottom.jpg);background-repeat:no-repeat;height:19px;width:921px;}
#ddmaincontentnopad{font-size:1.1em;padding:1px 0px  0px 0px; text-align:left;}
.ddFontReduc{font-size:.91em;}
.ddCategoryTitle{font-size:2.2em;color:#0c4b7b;font-family:Arial,sans-serif; line-height:1.1em;padding:15px 12px 15px 12px;border-bottom:1px solid #C1DCFF;}
#sitemap{border-bottom:1px solid #C1DCFF;text-align:left; padding: 3px 10px 3px 3px;}
.ddSiteMapBgColor{background-color:#FFFFFF;}
.ddsitemap{color:#555;}
.ddsitemap a{color:#366ab3;text-decoration:none;}
.ddsitemap a:hover{color:#366ab3;text-decoration:underline;}
.ddsitemap a:visited{color:#366ab3;}
#ddContent{padding-bottom:10px;font-size:.91em;}
#ddAssistCont{background-image:url(images/banner.png); background-position:top right; background-repeat:no-repeat;}
#ddCategoryTitle{font-size:2.2em;color:#0c4b7b;font-family:Arial,sans-serif; line-height:1.1em;padding:7px 12px 7px 12px;border-bottom:1px solid #C1DCFF;}
#ddBody{overflow:auto;float:left; padding: 15px 10px 0px 12px;}
.ddStafTitle{color:#000; font-size:1.2em; font-family: Verdana; font-weight:bold;}
.ddStaffImage{padding-bottom:10px; padding-right:10px;}
.ddParagraphTitle { font-weight: bold; color: #EEA752; font-size:1.2em; height: 21px;}
hr{color:#ccc;background-color:#ccc;height:1px;border-bottom-width:0px;border-top-width:0px;margin-bottom:7px; margin-top:20px; width: 75%; text-align:center;}
#ddHomeCont{ height:451px; background-image:url(images/homeBG.png); background-repeat:repeat-x;}
#ddHomeImg{background-image:url(images/home.png); background-repeat:no-repeat; height:331px; width: 581px;}
#ddPackiImg{background-image:url(images/packi.png); background-repeat:no-repeat; height:268px; width: 588px;}
.ddMenuSplit{ padding:2px;}
.ddlist {list-style-image:url(images/bullet.gif); margin:0px; margin-left:12px; padding:0px; padding-bottom:2px; font-family:Tahoma; font-size:1.0em}
.ddMenuBG{background-color:#E3EFFF;}
.ddDarkLabel{ color: #4372B0;}
.ddErrorLabel{ color: Red; font-weight:normal;}
.ddTextBox{border:1px solid #7F9DB9;padding-left:4px;margin-top:2px;}
.ddErrorTextBox{border:1px solid red;padding-left:4px;margin-top:2px; background-color:#FFFFAE;}
.ddButton {background:#F1F1F1 url(images/Button_Default.gif) center center;border:1px solid #4A95C9;color:#00156E;height:1.8em;vertical-align:top;padding:0 4px;margin-left:8px;width:110px;}
.ddSectionLabelBlue{font-weight:bold; font-size:1.1em; color:#2b59a7;}
.ddSectionLabelWhite{font-weight:bold; font-size:1.1em; color:#FFFFFF;}
.ddContactUsBG{background-image:url(images/dividerBG.gif); background-repeat:repeat; height: 1px;}
.selectAll{font-weight:bold; font-size:smaller;  padding-left:1px;color:#000000;}
table.QandAEntry{margin-top:4px;}
.titleBlock{line-height:150%;padding-top:1px;}
.dropCapQ{font-weight:bold;float: left;line-height:150%;padding-right:7px;padding-top:1px;color:#000000;}
.dropCapQ a{color:#000000;text-decoration:none;}
.dropCapQ a:visited{color: #000000;}
.QBlock p{line-height: 140%;padding: 0px 0px 8px 0px;margin: 0px;}
.dropCapA{font-weight:bold;float: left;line-height:150%;padding-right:7px;}
td.ABlock{padding-bottom:18px;}
.ABlock p{line-height:130%;}
p{line-height: 140%;padding: 0px 0px 1em 0px;margin: 0px;}
div.miniRatings_left{padding: 8px 0px 6px 0px;margin: 0px 0px 0px 5px;float:left;}
div.miniRatings_left a{font-family:Verdana;text-decoration: none;color: #0033CC;padding-top:2px;padding-left:5px;padding-right:5px;padding-bottom:3px;border: 1px solid #E3EFFF;}
div.miniRatings_left a:hover{background-color: #E4EDF3;border: 1px solid #6DA6CF;}
div.miniRatings_left a:visited{color: #0033CC;}
div.miniRatings_left a img{vertical-align:text-bottom;}
td.show {vertical-align:top;}
tr.show {vertical-align:top;}
table.show {vertical-align:top; margin-bottom:6px;}
table.show td {font-size: 100% !important}
td.white_tl {background-image:url('images/border_white_tl.gif');background-repeat:no-repeat;filter:alpha(opacity=50);-moz-opacity:.50;opacity:.50;width:10px;height:10px}
td.white_tr {background-image:url('images/border_white_tr.gif');background-repeat:no-repeat;filter:alpha(opacity=50);-moz-opacity:.50;opacity:.50;width:10px;height:10px}
td.white_bl {background-image:url('images/border_white_bl.gif');background-repeat:no-repeat;filter:alpha(opacity=50);-moz-opacity:.50;opacity:.50;width:10px;height:10px}
td.white_br {background-image:url('images/border_white_br.gif');background-repeat:no-repeat;filter:alpha(opacity=50);-moz-opacity:.50;opacity:.50;width:10px;height:10px}
td.white_t {background-image:url('images/border_white_t.gif');background-repeat:repeat;filter:alpha(opacity=50);-moz-opacity:.50;opacity:.50}
td.white_r {background-image:url('images/border_white_r.gif');background-repeat:repeat;filter:alpha(opacity=50);-moz-opacity:.50;opacity:.50}
td.white_b {background-image:url('images/border_white_b.gif');background-repeat:repeat;filter:alpha(opacity=50);-moz-opacity:.50;opacity:.50}
td.white_l {background-image:url('images/border_white_l.gif');background-repeat:repeat;filter:alpha(opacity=50);-moz-opacity:.50;opacity:.50}
.content_box_white{background-image:url(images/box_white.png);background-repeat:repeat; padding: 6px;}
.set_relative {position:relative;}
.casesTbl{border:1px solid #472895;}
.casesTblHeader{background-image:url('images/case_tableBG.png');background-repeat:repeat;}
.case{border:1px solid #FFFFFF; background:#FFFFFF; height:60px;}
.selectCase{border:1px solid #668EC8; background:#F1F2FE;cursor:hand; height:60px;}
.selectCase2{border:1px solid #668EC8; background-image:url('images/smileGalleryRowBG.gif');cursor:hand; height:60px;}
.resetCase{border:1px solid #FFFFFF; background:#FFFFFF; height:60px;}
.ddRightNavBox{border-left:solid 1px #ccc; border-right:solid 1px #ccc;	margin:0px;	padding: 0px 14px 0px 14px}
.ddBigBrownLink{text-decoration:none; color:#c4781e;}
.ddBoldBlue{color:#0560A6;font-weight:bold;}
.ddAskQuestion{background-image:url(images/ask_question_bg.gif);margin-top:1px;padding:14px;height:50px}
.ddHmpgTD {font-family:Tahoma,Arial,Helvetica,sans-serif; font-size: 8pt; width:300px; background-color:#E6EFF3}
/***********************************************************
/MODAL STYLES
***********************************************************/
#popupMask 
{
	position: absolute;
	z-index: 200;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	opacity: .1;
	filter: alpha(opacity=15);
	/* this hack is so it works in IE
	 * I find setting the color in the css gives me more flexibility 
	 * than the PNG solution.
	 */
	background-color:transparent !important;
	background-color: #333333;
	/* this hack is for opera support
	 * you can uncomment the background-image if you don't care about opera.
	 * this gives you the flexibility to use any bg color that you want, instead of the png
	 */
	background-image/**/: url("images/maskBG.png") !important;
	background-image:none;
	background-repeat: repeat;
	display:none;
}
#popupContainer 
{
	position: absolute;
	z-index: 201;
	top: 0px;
	left: 0px;
	display:none;
	padding: 0px;
}

#popupInner 
{
	border-style: solid;
	border-width: 1px;
	border-color: #888888;
	border-right-width: 3px;
	border-right-color: #888888;
	border-bottom-width: 3px;
	border-bottom-color: #888888;
	background-color: #eeeeee;
}

#popupFrame 
{
	margin: 0px;
	width: 100%;
	height: 100%;
	position: relative;
	z-index: 202;
}

#popupTitleBar 
{
	font-family: Tahoma, Arial, Helvetica;
	height: 1.3em;
	padding: 5px;
	padding-bottom: 7px;
	border-style: solid;
	border-width: 0px;
	border-color: #000000;
	border-bottom-width: 1px;
	position: relative;
	z-index: 203;

	border-color: #FFFFFF;
	background-color: #E4EDF3;
	color: #698d73;
	font-weight: bold;
	margin: 0px;
}

#popupTitle 
{
	font-family: Verdana;
	float:left;
	font-size: 1.0em;
	color: #666666;
}

#popupControls 
{
	float: right;
	cursor: pointer;
	cursor: pointer;
}

/***********************************************************
/STAFF MENU STYLES
***********************************************************/

        ul.Menu 
        {
            position: relative;
        }
        
        ul.Menu, 
        ul.Menu ul
        {
            margin: 0;
            padding: 0;
            display: block;        
        }
        
        ul.Menu li
        {
            position: relative;
            list-style: none;
            float: left;
        }
        
        
        ul.Menu li
        {
            position: relative;
            list-style: none;
            float: left;
        }
        
        ul.Menu li a,
        ul.Menu li span
        {
            display: block;
            text-decoration: none;
        }
        
        ul.Menu ul
        {
            position: relative;
            visibility: visible;    
        }
        
        /* Add more rules here if your menus have more than three (3) tiers */
        ul.Menu li:hover ul ul,
        ul.Menu li.Menu-Hover ul ul
        {
            visibility: visible;
        }
        
        /* Add more rules here if your menus have more than three (3) tiers */
        ul.Menu li:hover ul,
        ul.Menu li li:hover ul,
        ul.Menu li li li:hover ul,
        ul.Menu li.Menu-Hover ul,
        ul.Menu li li.Menu-Hover ul,
        ul.Menu li li li.Menu-Hover ul
        {
            visibility: visible;
        }
        
        .Menu-Vertical ul.Menu li
        {
            width: 100%;
        }
          

		.LeftNav .Menu-Vertical
		{
		    position:relative;
		    top: 0;
		    left: 0;
		    z-index: 300;
		}
		
		/* The menu adapter renders an unordered list (ul) in HTML for each tier in the menu. */
		/* So, effectively says: style all tiers in the menu this way... */
		.LeftNav ul
		{
		    background:#FFFFFF;
		}
		
		/* Top tier */
		.LeftNav .Menu-Vertical ul.Menu
		{
		    width: 165px;
		}
		
		/* This rule effectively says: style all tiers EXCEPT THE TOP TIER in the menu this way... */
		/* In other words, this rule can be used to style the second and third tiers of the menu without impacting */
		/* the topmost tier's appearance. */
		.LeftNav ul.Menu ul
		{
		    width: 165px;
		}
		
		.LeftNav ul.Menu ul ul
		{
		    width: 11.5em;
		    left: 10.4em;
		}
		
		/* The menu adapter generates a list item (li) in HTML for each menu item. */
		/* Use this rule create the common appearance of each menu item. */
		.LeftNav ul.Menu li
		{
		    background:#FFFFFF;
		}
		
		/* Within each menu item is a link or a span, depending on whether or not the MenuItem has defined it's */
		/* NavigateUrl property. By setting a transparent background image here you can effectively layer two images */
		/* in each menu item.  One comes from the CSS rule (above) governing the li tag that each menu item has. */
		/* The second image comes from this rule (below). */
		.LeftNav ul.Menu li a,
		.LeftNav ul.Menu li span
		{
		    color: #666666;
		    padding: 2px 2px 2px 17px;
		    border-top: solid 1px #FFFFFF;
		    border-bottom: solid 1px #FFFFFF;
		    border-left: solid 1px #FFFFFF;		    
		}
		
		.LeftNav ul.Menu li.Menu-Selected a
		{
		    color: #666666;
		    font-weight: bold;
		    padding: 2px 2px 2px 17px;
		    border-top: solid 1px #C7C7C7;
		    border-bottom: solid 1px #C7C7C7;
		    border-left: solid 1px #C7C7C7;				    
		}

		.LeftNav ul.Menu li.Menu-Leaf-Selected a
		{
		    color: #666666;
		    font-weight: bold;
		    padding: 2px 2px 2px 26px;
		    border-top: 0px;
		    border-bottom:0px;
		}

		.LeftNav ul.Menu li.Menu-Leaf-Hidden
		{
		    display: none;
		}
		
		/* When a menu item contains no submenu items it is marked as a "leaf" and can be styled specially by this rule. */
		.LeftNav ul.Menu li.Menu-Leaf a,
		.LeftNav ul.Menu li.Menu-Leaf span
		{
		    color: #275B39;
		    
		    font-weight: bold;
		    padding: 2px 2px 2px 26px;
		    border-top: solid 1px #FFFFFF;
		    border-bottom: solid 1px #FFFFFF;
		}
		
		/* When you hover over a menu item, this rule comes into play. */
		/* Browsers that do not support the CSS hover pseudo-class, use JavaScript to dynamically change the */
		/* menu item's li tag so it has the Menu-Hover class when the cursor is over that li tag. */
		/* See MenuAdapter.js (in the JavaScript folder). */
		.LeftNav ul.Menu li:hover, 
		.LeftNav ul.Menu li.Menu-Hover
		{    
		    border-top: solid 1px #C7C7C7;
		    border-bottom: solid 1px #C7C7C7;
		    border-left: solid 1px #C7C7C7;		
		    background:#7795BD;
		}
		
		.LeftNav ul.Menu li:hover a, 
		.LeftNav ul.Menu li:hover span, 
		.LeftNav ul.Menu li.Menu-Hover a,
		.LeftNav ul.Menu li.Menu-Hover span,
		.LeftNav ul.Menu li:hover li:hover a, 
		.LeftNav ul.Menu li:hover li:hover span, 
		.LeftNav ul.Menu li.Menu-Hover li.Menu-Hover a,
		.LeftNav ul.Menu li.Menu-Hover li.Menu-Hover span,
		.LeftNav ul.Menu li:hover li:hover ul a:hover, 
		.LeftNav ul.Menu li:hover li:hover ul span.Menu-Hover, 
		.LeftNav ul.Menu li.Menu-Hover li.Menu-Hover ul a:hover,
		.LeftNav ul.Menu li.Menu-Hover li.Menu-Hover ul span.Menu-Hover
		{
		    color: #666666;
		}
		
		.LeftNav ul.Menu li:hover ul a, 
		.LeftNav ul.Menu li:hover ul span, 
		.LeftNav ul.Menu li.Menu-Hover ul a,
		.LeftNav ul.Menu li.Menu-Hover ul span,
		.LeftNav ul.Menu li:hover li:hover ul a, 
		.LeftNav ul.Menu li:hover li:hover ul span, 
		.LeftNav ul.Menu li.Menu-Hover li.Menu-Hover ul a,
		.LeftNav ul.Menu li.Menu-Hover li.Menu-Hover ul span
		{
		    color: Black;
		}
		
		/* While you hover over a list item (li) you are also hovering over a link or span because */
		/* the link or span covers the interior of the li.  So you can set some hover-related styles */
		/* in the rule (above) for the li but set other hover-related styles in this (below) rule. */
		.LeftNav ul.Menu li a:hover,
		.LeftNav ul.Menu li span.Menu-Hover
		{
		    color: #666666;
		    border-top: solid 1px #C7C7C7;
		    border-bottom: solid 1px #C7C7C7;
		    border-left: solid 1px #C7C7C7;
		}
		
		.LeftNav ul.Menu li.Menu-Selected a:hover
		{
		    color: #666666;
		    font-weight: bold;
		    padding: 2px 2px 2px 17px;
		}
		.LeftNav ul.Menu li.Menu-Leaf a:hover
		{
			color: #666666;
			padding: 2px 2px 2px 26px;
		    font-weight: bold;
		    border-top: solid 1px #C7C7C7;
		    border-bottom: solid 1px #C7C7C7;
		    border-left: solid 1px #C7C7C7;		    
		}

		.LeftNav ul.Menu li.Menu-Leaf-Selected a:hover
		{
		    color: #666666;
		    padding: 2px 2px 2px 26px;
		}
		

/* Horizontal Menu */
ul#horizmenu {
	margin: 0;
	border: 0px none Black;
	padding: 0; /*	width: 60%; /
For KHTML*/
	list-style: none;
	width: 880px;
	height: 18px;
	z-index: 99;
}
 
ul#horizmenu li {
	margin: 0;
	border: 0 none;
	padding: 0;
	float: right; /*For Gecko*/
	display: inline;
	list-style: none;
	position: relative;
	height: 18px;
	z-index: 10;
}
 
ul#horizmenu ul {
	margin: 0;
	border: 0 none;
	padding: 0;
	width: 160px;
	list-style: none;
	display: none;
	position: absolute;
	top: 18px;
	left: 0;
	z-index: 10;
}
 
ul#horizmenu ul:after /*From IE 7 lack of compliance*/{
  clear: both;
  display: block;
  font: 1px/0px serif;
  content: ".";
  height: 0;
  visibility: hidden;
}
 
ul#horizmenu ul li {
  width: 160px;
  float: left; /*For IE 7 lack of compliance*/
  display: block !important;
  display: inline; /*For IE*/
}
 
/* Root Menu   */
ul#horizmenu a {
	border: 0px solid #FFF;
	border-right-color: #CCC;
	padding: 0 6px;
	float: none !important; /*For Opera*/
	float: left; /*For IE*/
	display: block;
	background: transparent;
	color: #333366;
	font: bold 12px/18px Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
	height: auto !important;
	height: 1%; /*For IE*/
	border-top-width: 0px;
	border-bottom-width: 0px;
}
 
/* Root Menu Hover Persistence */
ul#horizmenu a:hover,
ul#horizmenu li:hover a,
ul#horizmenu li.iehover a {
  color: #333366;
  background: #FFFFFF;
 
}
 
/* 2nd Menu */
ul#horizmenu li:hover li a,
ul#horizmenu li.iehover li a {
  float: none;
  background: #333366;
  color: #FFFFFF;
  border-bottom: 1px;
  border-top: 1px;
}
 
/* 2nd Menu Hover Persistence */
ul#horizmenu li:hover li a:hover,
ul#horizmenu li:hover li:hover a,
ul#horizmenu li.iehover li a:hover,
ul#horizmenu li.iehover li.iehover a {
	color: #00ccff;
	background: #FFFFFF;
}
 
/* 3rd Menu */
ul#horizmenu li:hover li:hover li a,
ul#horizmenu li.iehover li.iehover li a {
	background: #333366;
	color: #FFFFFF;
}
 
/* 3rd Menu Hover Persistence */
ul#horizmenu li:hover li:hover li a:hover,
ul#horizmenu li:hover li:hover li:hover a,
ul#horizmenu li.iehover li.iehover li a:hover,
ul#horizmenu li.iehover li.iehover li.iehover a {
	color: #00ccff;
	background: #FFFFFF;
 
}
 
/* 4th Menu */
ul#horizmenu li:hover li:hover li:hover li a,
ul#horizmenu li.iehover li.iehover li.iehover li a {
	background: #333366;
	color: #FFFFFF;
}
 
/* 4th Menu Hover */
ul#horizmenu li:hover li:hover li:hover li a:hover,
ul#horizmenu li.iehover li.iehover li.iehover li a:hover {
  background: #00ccff;
  color: #FFFFFF;
}
 
ul#horizmenu ul ul,
ul#horizmenu ul ul ul {
  display: none;
  position: absolute;
  top: 0;
  left: 160px;
}
 
/* Do Not Move - Must Come Before display:block for Gecko */
ul#horizmenu li:hover ul ul,
ul#horizmenu li:hover ul ul ul,
ul#horizmenu li.iehover ul ul,
ul#horizmenu li.iehover ul ul ul {
  display: none;
}
 
ul#horizmenu li:hover ul,
ul#horizmenu ul li:hover ul,
ul#horizmenu ul ul li:hover ul,
ul#horizmenu li.iehover ul,
ul#horizmenu ul li.iehover ul,
ul#horizmenu ul ul li.iehover ul {
  display: block;
}