﻿@import "reset.css";
@media screen
{
		* { margin: 0; padding: 0; border: 0; }

	body { background: #b0ac99 url(images/bg-page.png); font: 12px/18px Arial, sans-serif; padding: 20px 0; }

	/*h2 { float: left; }*/
	h3 { color: #77b6d0; font-size: 16px; margin-top: 10px; margin-bottom: 5px; }
	h4 { color: #327996; font-size: 12px; margin-top: 10px; }
	.top img { float: left; }

	p { margin-bottom: 10px; }
	ul,ol { margin-left: 25px; }
	address { margin-bottom: 10px; font-weight: bold; font-style: normal; }

	a:link { color: #6d81c4; }
	a:visited { color: #3e5194; }
	a:hover { color: #ef9520; }
	a:active { color: #ef9520; }

	.clear-floats { clear:both; }

	img.right { float: right; margin-left: 10px; }
	img.left { float: left; margin-right: 10px; }
	input.txt, textarea, select { background-color: #ebeffb; border: 1px solid #9aa8d7; }

	/* Formatting for FAQ main page*/
	ul.questions { margin-left: 0; list-style-type: none; }
	ul.questions li { CLEAR: both; PADDING-LEFT: 50px; MIN-HEIGHT: 40px; BACKGROUND: url(images/icon-q.png) no-repeat left top; LIST-STYLE-IMAGE: none; PADDING-BOTTOM: 10px; MARGIN-LEFT: 0px; LINE-HEIGHT: 20px; HEIGHT: auto; font: bold 14px/18px Arial,sans-serif;} /*padding-left: 10px; margin-bottom: 10px; list-style-image: url(images/icon-q.png); font: bold 14px/18px Arial,sans-serif; }*/
	ul.questions li a { color: #2d90b8; }

	/* Formatting for FAQ Q&A page */
	dl.question dt { background: url(images/icon-q.png) no-repeat left top; padding: 3px 0 0 50px; margin-bottom: 10px; height: 30px; font: bold 14px/18px Arial,sans-serif; color: #404040; }
	html>body dl.question dt { height: auto; min-height: 30px; }
	dl.question dd { background: url(images/icon-a.png) no-repeat left top; padding-left: 50px; margin-bottom: 20px; height: 30px; }
	html>body dl.question dd { height: auto; min-height: 30px; }

	/* Formatting for feedback form and other forms */
	.form label.form { display: block; float: left; width: 125px; text-align: right; margin: 10px 0 0 5px; font-weight: bold; height: 20px; }
	.form input.txt { margin: 10px 0 0 5px; height: 20px; width: 200px; }
	.form select { margin: 10px 0 0 5px; height: 20px; }
	.form textarea { margin: 10px 0 0 5px; height: auto; width: 200px; font: 12px/16px Arial, sans-serif;  }
	.form input.zip { width: 60px; }
	.submit-button { margin-left: 130px; margin-top: 10px; background: url(images/button-submit.png) no-repeat left top; width: 101px; height: 24px; }
	.submit-button-es { margin-left: 130px; margin-top: 10px; background: url(images/button-submit-es.png) no-repeat left top; width: 150px; height: 24px; }
	/* Main layout div */
	#main { background: url(images/bg-content.png) repeat-y left top; width: 960px; margin: 0 auto; }

	/* US290 Logo, search and navigation */
	/* #title updated for newer, more flexible, longer navigation area */
	/* =NEW */
	#title { background: url(images/bg-title.png) no-repeat left top; width: 960px; height: 120px; position: relative; }
	#title h1 { position: absolute; top: 5px; left: 40px; z-index: 10; width: 350px; height: 80px; }
	#title h1 a {  text-indent: -10000px; display: block; width: 100%; height: 100%; }
	/* =NEW */

	/* Search section in header */
	#title #search { position: absolute; top: 13px; right: 30px; width: 260px; height: 40px; }
	/*#title #search label { display: block; float: left; width: 56px; height: 20px; background: url(images/search-label.png) no-repeat left top; text-indent: -10000px; }*/
	#title #search #dnn_dnnSEARCH_txtSearch { width:130px; border:1px solid #4f62a5; background-color: #d5d9e9; margin:0 0 0 3px; padding:3px;}
	#title #search #dnn_dnnSEARCH_cmdSearch { background: url(images/search-button.png) no-repeat left top; width: 26px; height: 20px; text-indent: -10000px; display:inline-block; }

	/* Main Navigation */
		/* Main Navigation */
	/* Updated navigation. More flexible, more space */
	/* =NEW */
	#nav { float: left; width: 180px; background: url(images/nav-bg.png) repeat-y left top; margin: 0 20px 0 2px; }
	#nav-top { width: 180px; height: 50px;
		background: url(images/nav-top.png) no-repeat left top;
	}
	#nav-bottom {
		width: 180px;
		height: 20px;
		background: url(images/nav-bottom.png);
	}
	#nav ul { list-style-type: none; padding: 0; margin: 10px; }
	#nav ul li { border-bottom: 1px solid #d5d9e9; padding: 5px; }
	#nav li a { display: block; color: #4f62a5; font-weight: bold; text-decoration: none; text-transform: uppercase; }
	#nav li a:link, #nav li a:visited { color: #4f62a5; }
	#nav li a:hover, #nav li a:active { color: #ef9520; }
	#nav-content {padding:10px;}

	/* NEW Splash area */
	#splash { background: url(images/bg-splash.png) no-repeat left top; width: 960px; height: 270px; }
	#splash #flashcontent { width: 910px; height:154px; margin-left: 25px; }
	#splash #header {  background: url(images/header.png) no-repeat left top; width: 910px; height: 76px; margin-left: 25px; position: relative; }
	#splash #header blockquote { color: #fff; line-height: 18px; padding: 10px 0 0 15px; }
	#splash #header blockquote img { display: block; margin: 0 15px 0 0; float: left;}
	#splash #header blockquote img  span { display: block; float: left; width: 600px; }
	html>body #splash #header blockquote img  span { width: auto; min-width: 600px; }


	/* Main content area */
	#body { background: url(images/bg-content.png) repeat-y left top; width: 960px; padding: 0 20px; }
	#content-main {
		float: left;
	}
	/* Footer */
	#footer { background: url(images/bg-footer.png) no-repeat left top; width: 960px; height: 64px; position: relative; }
	#footer .content { position: absolute; top: 30px; left: 16px; color: #254255; }
	#footer .content .copyright { float: left; margin-right: 20px; }
	#footer .content ul.legal {  list-style-type: none; }
	#footer .content ul.legal li { padding: 0 5px 0 5px; float: left; border-left: 1px solid #b0ac99; }
	#footer .content ul.legal li.first { border: 0; }

	/* Content wrapper style 1  (usually for homepage and important info) */
	.primary {  margin-right: 20px; float:left; width: 710px; }
	.primary .container { background: #fff url(images/primary-sides.png) repeat-y left top; }
	.primary .container .inside { width: 100%;  background: url(images/primary-sides.png) repeat-y right top; }
	.primary .container .content { margin: 20px; background-color: #fff; clear: both; }
	.primary .container .top { width: 100%; background: #fff url(images/primary-topbottom.png) repeat-x left top; height: 40px; }
	.primary .container .top .left { float: left; width: 20px; height: 40px; background: url(images/primary-corners.png) no-repeat left top; }
	.primary .container .top .right { float: right; width: 20px; height: 40px; background: url(images/primary-corners.png) no-repeat right top;  }
	.primary .container .bottom { width: 100%; background: #fff url(images/primary-topbottom.png) repeat-x left bottom; height: 20px; }
	.primary .container .bottom .left { float: left; width: 20px; height: 20px; background: url(images/primary-corners.png) no-repeat left bottom; }
	.primary .container .bottom .right { float: right; width: 20px; height: 20px; background: url(images/primary-corners.png) no-repeat right bottom;  }
	.primary .container .intro { color: #3c8bab; font: bold 14px/18px Arial,sans-serif; }
	.primary .container .content h2 { font: bold 16px/18px Arial,sans-serif; }

	/* Content wrapper style 2  (for all pages except homepage) */
	.secondary {  margin-right: 20px; float:left; width: 480px; }
	.secondary .container { background: #fff url(images/primary-sides.png) repeat-y left top; }
	.secondary .container .inside { width: 100%;  background: url(images/primary-sides.png) repeat-y right top; }
	.secondary .container .content { margin: 20px; background-color: #fff; clear: both; }
	.secondary .container .top { width: 100%; background: #fff url(images/primary-topbottom.png) repeat-x left top; height: 40px; }
	.secondary .container .top .left { float: left; width: 20px; height: 40px; background: url(images/primary-corners.png) no-repeat left top; }
	.secondary .container .top .right { float: right; width: 20px; height: 40px; background: url(images/primary-corners.png) no-repeat right top;  }
	.secondary .container .bottom { width: 100%; background: #fff url(images/primary-topbottom.png) repeat-x left bottom; height: 20px; }
	.secondary .container .bottom .left { float: left; width: 20px; height: 20px; background: url(images/primary-corners.png) no-repeat left bottom; }
	.secondary .container .bottom .right { float: right; width: 20px; height: 20px; background: url(images/primary-corners.png) no-repeat right bottom;  }
	.secondary .container .intro { color: #3c8bab; font: bold 14px/18px Arial,sans-serif; }
	.secondary .container .content h2 { font: bold 16px/18px Arial,sans-serif; }

	/* Sidebar wrapper */
	.sidebar { float: left; width: 210px; }
	.sidebar .container { background: #fff url(images/sidebar-sides.png) repeat-y left top; }
	.sidebar .container .inside { width: 100%;  background: url(images/sidebar-sides.png) repeat-y right top; }
	.sidebar .container .content { margin: 10px; background-color: #fff; clear: both; }
	.sidebar .container .top { width: 100%; background: #fff url(images/sidebar-topbottom.png) repeat-x left top; height: 40px; }
	.sidebar .container .top .left { float: left; width: 20px; height: 40px; background: url(images/sidebar-corners.png) no-repeat left top; }
	.sidebar .container .top .right { float: right; width: 20px; height: 40px; background: url(images/sidebar-corners.png) no-repeat right top;  }
	.sidebar .container .bottom { width: 100%; background: #fff url(images/sidebar-topbottom.png) repeat-x left bottom; height: 20px; }
	.sidebar .container .bottom .left { float: left; width: 20px; height: 20px; background: url(images/sidebar-corners.png) no-repeat left bottom; }
	.sidebar .container .bottom .right { float: right; width: 20px; height: 20px; background: url(images/sidebar-corners.png) no-repeat right bottom;  }
	.sidebar .container .intro { color: #ef9520; font: bold 14px/18px Arial,sans-serif; }

	/* Homepage intro paragraph */
	.primary  .intro-home { background: #d7dbed; margin: 10px 0; }
	.primary .intro-home .content { background: none; margin: 0 10px; clear: both;  }
	.primary .intro-home .content p.first { font: bold 16px/18px Arial,sans-serif; }

	.primary .intro-home .top { background: none; width: 100%; height: 10px; }
	.primary .intro-home .top .left { float: left; width: 10px; height: 10px; background: url(images/intro-corners.gif) no-repeat left top; }
	.primary .intro-home .top .right { float: right; width: 10px; height: 10px; background: url(images/intro-corners.gif) no-repeat right top;  }
	.primary .intro-home .bottom { background: none; width: 100%; height: 10px; }
	.primary .intro-home .bottom .left { float: left; width: 10px; height: 10px; background: url(images/intro-corners.gif) no-repeat left bottom; }
	.primary .intro-home .bottom .right { float: right; width: 10px; height: 10px; background: url(images/intro-corners.gif) no-repeat right bottom;  }

	.warn { background-color: #f48d2d; width: auto; height: auto; }
	.warn .top { background: none; padding: 0; height: 10px; width: 100%; }
	.warn .bottom { background: none; padding: 0; height: 10px; width: 100%; }
	.warn .content { background: none; color: #fff; padding: 5px 20px 0 5px; }
	.warn .icon {  vertical-align: top; padding-left: 10px; }
	.warn .icon div { background: url(images/icon-warn.gif) no-repeat left top; width: 40px; height: 40px; }
	.warn .top .left { background: url(images/warn-corners.gif) no-repeat left top; width: 10px; height: 10px; float: left; }
	.warn .top .right { background: url(images/warn-corners.gif) no-repeat right top; width: 10px; height: 10px; float: right; }
	.warn .bottom .left { background: url(images/warn-corners.gif) no-repeat left bottom; width: 10px; height: 10px; float: left; }
	.warn .bottom .right { background: url(images/warn-corners.gif) no-repeat right bottom; width: 10px; height: 10px; float: right; }

	.slideshow { width: 720px; }
	.slideshow .slideshow-topleft { background: url(images/slideshow-corners.png) no-repeat left top; width: 10px; height: 10px; }
	.slideshow .slideshow-topright { background: url(images/slideshow-corners.png) no-repeat right top; width: 10px; height: 10px; }
	.slideshow .slideshow-top { background: url(images/slideshow-top.png) repeat-x left top; height: 10px; }
	.slideshow .slideshow-photoleft { background: url(images/slideshow-sides.png) repeat-y left top; width: 10px; }
	.slideshow .slideshow-photoright { background: url(images/slideshow-sides.png) repeat-y right top; width: 10px; }
	.slideshow .slideshow-photo { background: url(images/slideshow-content.png); text-align: left; padding: 10px; }
	.slideshow .slideshow-photo img { border: 1px solid #6e7fbb; }
	.slideshow .slideshow-photo h3 { float: left; background: url(images/title-photogallery.png) no-repeat left top; text-indent: -10000px; width: 133px; height: 20px; margin-bottom: 10px; }
	.slideshow-thumbsleft { background: url(images/slideshow-thumbs-sides.png) repeat-y left top; width: 10px; }
	.slideshow-thumbs { background: url(images/slideshow-thumb-content.png); padding: 10px; }
	.slideshow-thumbs .slideshow-thumbnail { margin: 5px; float: left; border: 1px solid #405291; }
	.slideshow-thumbsright { background: url(images/slideshow-thumbs-sides.png) repeat-y right top; width: 10px; }
	.slideshow .slideshow-bottomleft { background: url(images/slideshow-thumbs-corners.png) no-repeat left bottom; width: 10px; height: 10px; }
	.slideshow .slideshow-bottomright { background: url(images/slideshow-thumbs-corners.png) no-repeat right bottom; width: 10px; height: 10px; }
	.slideshow .slideshow-bottom { background: url(images/slideshow-thumbs-bottom.png) repeat-x left bottom; height: 10px; }

	.button-request-appt { display: block; width: 135px; height: 24px; background: url(images/button-request-appt.png) no-repeat left top; text-indent: -10000px; float: left; padding-right: 10px; }
	.button-join-newsletter { display: block; width: 126px; height: 24px; background: url(images/button-join-newsletter.png) no-repeat left top; text-indent: -10000px; float: left; padding-right: 10px; }
	.button-reaccion { display: block; width: 140px; height: 24px; background: url(images/button-sendfeedback-es.png) no-repeat left top; text-indent: -10000px; float: left; padding-right: 10px; }

	.divider { color: #b0ac99; font-weight:bold;}

	.NewsSection ul { margin: 0 0 20px 0; padding: 0 0 0 0; }
	.NewsItem { padding: 5px 0 10px 0; margin-bottom: 0 0 5px 0; list-style-type: none; border-bottom: 1px solid #cfd5ed; }
	.NewsItem a {  font-weight: bold; font-size: 12px; }
	.NewsItem {  color: #aaa; font-size: 10px; }
	.NewsItem span { color: #000; font-size: 12px; margin-right: 5px; }

		/* =NEW */
	table.data { border-collapse: collapse; margin-bottom: 5px;  width: 90%; }
	table.data th, table.data td { border-bottom: 1px solid #cfd5ed; padding: 5px; }
	table.data th { color: #acb6db; font-weight: bold; text-align: left;  }
	/* =NEW */

	#title #button-spanish {  position: absolute; top: 60px; right: 40px; display: block; width: 80px; height: 23px; background: url(images/button-spanish.png) no-repeat left top; text-indent: -10000px; }

	#nav-content table, .SubMenu {
		width:155px;
	}
	
	.SubMenu td.MainMenu_MenuIcon {
		width: 20px !important;
	}
.MainMenu_MenuItem {
	color:#4f62a5;
	border: 1px solid #fff;
	color: #4f62a5; font-weight: bold; text-decoration: none;
}
html>body .MainMenu_MenuItem {
	color:#4f62a5;
	border: 0px solid #fff;
	text-align: left;
	color: #4f62a5; font-weight: bold; text-decoration: none;

}
.MainMenu_MenuItem td {
	width:100%;
    text-transform: uppercase;
    font-size: 12px;
	border-bottom: 1px solid #d5d9e9;
	padding:5px 0;
	background-color:#fff;
}

.MenuSelected td {
	color:#ef9520;
	font-weight: bold;
}
.MenuSelected {
    color:#ef9520;
    font-weight: bold;
}
.MenuSelected td {
    text-transform: uppercase;
    font-size: 12px;
	border-bottom: 1px solid #d5d9e9;
	font-weight: bold;
	padding:5px 0;
}


#dhtmltooltip{
border: 3px outset #C0C0C0;
font: bold 14px/22px Arial, ms sans-serif;
color: #666666;
position: absolute;
width: 300px;
padding: 10px;
background-color: #FEFFD9;
visibility: hidden;
z-index: 100;
}




.MainMenu_MenuArrow  /*cb added*/
{
	border: none;
}
/*cb added*/
.MainMenu_MenuIcon {
	background-color: #e5e5e5;  /*added in for transitional*/  /*was faf9f7*/
	border: 0px; /* border-color:#faf9f7; */ /*deleted for transitional*/
}

}