@charset "utf-8";


/* ---- Sitewide element styles -------------------------------------------------------------------------------------------- */
body { font: normal .8em Arial, Helvetica, sans-serif; color: #746e6e; margin: 0px; background: url(/images/tan-bkgd.jpg) repeat top left; }	
A:link, A:visited, A:active {	color: #285692;	text-decoration: underline;}
A:hover {	color: #b10e39;	text-decoration: underline;}

A.list:link, A.list:visited, A.list:active {color: #746e6e;	text-decoration:none;}
A.list:hover {	color: #ffffff;	background-color:#638eb9; text-decoration: none;}

A.whitelink:link, A.whitelink:visited, A.whitelink:active {color: #ffffff;	text-decoration:underline;}
A.whitelink:hover {	color: #638eb9;	background-color:#ffffff; text-decoration: none;}

img {	border: 0px;}
ul { list-style-type:disc; }

.cutline { font: italic 1.0em arial, sans-serif; color:#857446; font-weight:bold;  }
.red { color: #b10e39; }
.white { color: #ffffff; }
.blue {	color: #285692;}
.blueBar { background-color:#638eb9; color: #ffffff; }
.tanBarDark { background-color:#a6925d; color: #ffffff;  }
.tanBar { background-color:#cec084; color: #ffffff;  }
.tanShade { background-color:#f9f4d3;}
.tanBox { background-color: #cfc494;  border:1px solid #a6925d; width:40%; padding:5px;}
	.tanBox ul { list-style-image:url(/images/arrow-red-diamond.png);  }
	.tanBox li { color: #58595b; margin-top:2px;}
.small { font-size: .8em;}
.margin5px{	margin-bottom:5px;}
.margin10px{	margin-bottom:10px;}

h1 { font: bold 1.5em Verdana, Geneva, sans-serif; color: #285692; border-bottom: 1px dashed #58595b;	padding-left:1px; }
h2 { font: bold 1.5em Verdana, Geneva, sans-serif; color: #b10e39; }
h3 { font: bold 1.1em Arial, Helvetica, sans-serif; color: #b10e39; }
h4 { font: bold 1.0em Arial, Helvetica, sans-serif; color: #285692; }
h5 { font: bold 1.0em Arial, Helvetica, sans-serif; color: #285692; border-bottom:1px solid #d7d5c9; }

/* --- hide logo used in print format -------------------------------------------------------------------------------  */
.printlogo { display:none; }


/* ---- TopNav and Header Styles -------------------------------------------------------------------------------------------- */
#wrapper { position: relative; background: url(/images/blueHeader_bg.jpg) repeat-x; height:120px; margin:auto;}
#topnav { position:absolute; top:-10px; right:0; width:420px; }
#topnav a { color: #ffffff; text-decoration:none; }
#topnav a:hover { color: #cfc494;}
#topnav li { font: normal .8em Arial, Helvetica, sans-serif; border-right: solid 1px #ffffff; float: left; padding: 0 7px; display: block; }
#topnav .search { border: none; margin-top:-5px; padding-left:10px;}
#topnav .search .txt { width: 100px; }
.btn { background-image:url(/images/paw-search.jpg); background-repeat:no-repeat; border:0px; margin: 0px; width:23px; height:23px; }
#logo { position:relative; left:5px; top:20px; margin: 0 auto; width:920px; }

#content_bg { background-image:url(/images/content_bg.png); margin: 0 auto; width:920px; }

/* ---- Red HeaderNav Styles -------------------------------------------------------------------------------------------- */
#headernav { position:relative; width:900px; overflow:hidden; margin: 0px 10px 0px 10px; background-image:url(/images/redNav_bg.jpg); z-index:5;}
#headernav ul { clear:left; float:left; list-style:none; margin:0; padding:0; position:relative; left:50%;  }
#headernav li { display:block; float:left; list-style:none; margin:0; position:relative; right:50%; font: normal 1.0em Verdana, Geneva, sans-serif; color:#ffffff; padding: 0px;  }
#headernav .dash { padding-top:5px; }
#headernav a { display:block; color: #ffffff; text-decoration:none; padding: 6px 15px 8px 15px; }
#headernav a:hover { background-image:url(/images/blueNav_bg.jpg); }




/* ---- BlueNav Styles -------------------------------------------------------------------------------------------- */
#bluenav { position:relative; width:900px; overflow: hidden; margin: 0px 10px 0px 10px; background-image:url(/images/blueNav_bg.jpg);  }
#bluenav ul { clear:left; float:left; list-style:none; margin:0; padding:0; position:relative; left:50%;   }
#bluenav li { float:left; list-style:none; position:relative; right:50%; font: normal 1.0em  Verdana, Geneva, sans-serif; color:#ffffff; padding: 0px;}
#bluenav .dash { padding-top:5px; }
#bluenav a  { display:block; color: #ffffff; text-decoration:none; padding: 6px 10px 8px 10px; }
#bluenav a:hover { background-image:url(/images/redNav_bg.jpg);  }


/* ---- Slideshow -------------------------------------------------------------------------------------------- */
#slideshow * { margin: 0; padding: 0; }
#slideshow { background: url('/images/slideshow/pic_bluebg.jpg') no-repeat top;  position: relative; padding-right:10px; width: 900px; height: 277px; }
#slideshow #menu, #slideshow #pictures, #slideshow #loading { position: absolute; }
#slideshow #loading { background: url('/images/slideshow/pic_bluebg.jpg'); display: block; margin-left:10px; width: 900px; height: 277px; visibility: visible;  z-index: 5; }
#slideshow #pictures { background: url('/images/slideshow/picture_bg.jpg'); width: 710px; height: 277px; left: 10px; overflow: hidden; }
#slideshow #pictures li { display: block; position: absolute; top: 0; width: 710px; }
#slideshow #pictures li img { display: block; position: relative; bottom: 0; }
#slideshow #menu { background: url('/images/slideshow/blue_bg.jpg') no-repeat; list-style-type: none; width: 200px; height: 285px; right: 0; padding-top: 20px; padding-bottom:0px; }
#slideshow #menu li { display: block; z-index: 1000; position: relative; zoom: 1; }
#slideshow #menu li a { display: block; font: .9em Lucida Grande, Verdana; text-decoration: none; padding: 7px 0 7px 28px; z-index: 1000; color: #ffffff; line-height: 14px; vertical-align: middle; zoom: 1; }
#slideshow #menu li a:focus { outline: 0; }
#slideshow #menu li a:hover { color: #cccccc; }
#slideshow #menu li.current a { font: 1.2em Arial, Helvetica, sans-serif; color: #fff; padding: 5px 0 5px 28px; line-height: 18px; }
#slideshow #menu li.background { background: url('/images/slideshow/white-arrow-triangle.png') no-repeat left center; position: absolute;  z-index: 5; }


/* ---- Profile Styles -------------------------------------------------------------------------------------------- */
#profile { position:relative; float:left; overflow: auto; margin:10px 0px 0px 12px; width:200px;}
#profile td { font: normal .9em  arial, sans-serif; color:#ffffff;}
#profile a { color:#ffffff; text-decoration:none; padding-right: 4px; }
#profile a:hover { color: #b10e39; }
#profile .right { text-align:right; }
#profile .space { padding:4px 4px 4px 4px; }
#profile h6 { font: bold 1.1em arial, sans-serif; color:#ffffff; padding:3px 0px 3px 5px; margin:0px;}
#profile .more { font:bold 1.1em arial; color:#004b8d; margin-left:4px;  }
#profile .links { font:normal 1.0em  arial, sans-serif; color:#004b8d; margin-left:10px;  }


/* ---- leftNav Styles -------------------------------------------------------------------------------------------- */
#leftNav {	position:relative; background:url(/images/blueLeftnav_bg.png) repeat; margin:0px; padding: 10px 0px 0px 0px; width:190px; z-index:5; }
#leftNav ul { margin: 0px;	padding: 0px;	display:block; list-style:none;  }
#leftNav li a { color: #ffffff; z-index:5; text-decoration:none; display: block; padding:0px 0px 0px 10px; margin: 0px;}
#leftNav li a:hover {	color: #ffffff;	background-color: #b10e39; text-decoration: none;	z-index:5;  margin: 0px;}
#leftNav p { font: bold .9em  arial, sans-serif; color: #b10e39; margin:0px 0px 0px 10px; }

/*the folling #menu rules turn our structured list into a rollover navigation menu */
/*positioning the popouts*/ 
#leftNav ul ul ul {position: absolute; top: 0px; left: 100%;	width: 100%;	z-index:5;	}  
/* positioning*/
#leftNav li { position: relative;	font: normal 1.0em  arial, Geneva, sans-serif; z-index:5; padding:2px 0px 0px 0px;  margin: 0px; display:block; }
/* hide the submenus when not on mouse hover*/
div#leftNav ul ul ul {display: none;}
/* show submenus on mouse hover*/
div#leftNav ul ul li:hover ul {display: block; border:1px solid #0d375c; padding:5px 3px 20px 10px; z-index:5;}
li:hover ul, li.over ul {display:block;}
/* fix ie since it is not standards compliant whitespace and whatever:hover fix */
#leftNav ul {float: left; width: 100%; margin-bottom: .7em; z-index:5;}
#leftNav li {float: left; width: 100%; z-index:5;}
#leftNav ul li a {height: 1%; z-index:5;}

/* ----  TabbedPanels Styles -------------------------------------------------------------------------------------------- */
.TabbedPanels { position:relative; overflow: auto; margin:10px 0px 0px 245px; padding: 0px; width:660px; clear: none; }
.TabbedPanelsTabGroup {	margin: 0px; padding: 0px; }
.TabbedPanelsTab { font: normal 1.0em  Verdana, Geneva, sans-serif; color:#285692; background-image:url(/images/tabs_bg.jpg); float: left; width:160px; text-align:center; padding:5px 0px 5px 0px; margin:0px 0px 0px 0px; display:block;}
.TabbedPanelsTabHover {	background-image:url(/images/tabsOver_bg.jpg); color:#b10e39;	cursor:pointer; }
.TabbedPanelsTabSelected {	background-image:url(/images/tabsOver_bg.jpg); color:#b10e39; text-align:center; }
.TabbedPanelsTab a {	color: black;	text-decoration: none; }
.TabbedPanelsTabSelected a img { border:0;}
.TabbedPanelsContentGroup {	clear: both; height: 330px; background-color:#ffffff;}
.TabbedPanelsContent { padding: 15px 0px 0px 10px; width:635px;}
.TabbedPanelsContent td { font: normal .9em  arial, sans-serif; padding:6px 6px 6px 5px; }
.TabbedPanelsContent td .grey { font: normal .85em  arial, sans-serif; color: #999; }
.TabbedPanelsContent a { font-weight: bold;	color:#b10e39; text-decoration:none;}
.TabbedPanelsContent a:hover { text-decoration:underline; }

/* ----  Content area Styles -------------------------------------------------------------------------------------------- */
#content { position:relative; overflow: auto; margin:10px 0px 0px 225px; width:677px; height:370px; padding: 0px; clear:none;  }
#content .head { font: bold 1.4em  Verdana, Geneva, sans-serif; color: #285692;	border-bottom: 1px dashed #58595b;	padding-left:1px; margin-bottom:15px; }
#content ul { float:left; display:block; list-style:none; margin: 0px; padding:0; }
#content li  { font: normal .9em  arial, Geneva, sans-serif; display: block; list-style:none; margin:0px; padding:0px;  }
#content h6 { font: bold 1.0em  arial, sans-serif; color:#004b8d; margin:0px; padding:0px; }
#content a { color: #58595b; text-decoration:none; display: block; }
#content a:hover { background-color: #6089b4; color: #ffffff;  }
#content .col1 { float: left; overflow: auto; width: 164px; margin:0px 5px 0px 0px; }
#content .col2 { float: left; overflow: auto; width: 164px; margin:0px 5px 0px 0px; }
#content .col3 { float: left; overflow: auto; width: 164px; margin:0px 5px 0px 0px; }
#content .col4 { overflow: auto; width: 164px; margin:0px 0px 0px 0px; }

#socialMedia { position:relative; margin:0px auto 0px 700px; padding:0px; }

#contentSubs { position:relative; background-color: #ffffff; padding:10px 5px 5px 10px; font: normal .9em arial, sans-serif; color: #746e6e;}

#printIcon { position:relative; top:-5px; float: right; overflow: auto;  }

/* ----  BottomNav Styles -------------------------------------------------------------------------------------------- */
#bottomNav { position:relative; background: url(/images/bottomShadow.png) no-repeat; background-position: bottom; background-color: #cfc494; width:900px; height:170px; margin: 0px 5px 0px 5px; padding:15px 5px 10px 5px; z-index:3; }
#bottomNav a  { color: #58595b; text-decoration:none; }
#bottomNav li  { font: normal .9em  arial, Geneva, sans-serif; display: block; margin:0px;  }
#bottomNav li a:hover { background-color: #a18d56; color: #ffffff;  }
#bottomNav h6 { font: bold 1.3em  arial, sans-serif; color:#58595b; margin:0px; padding:0px; }
#bottomNav .col1 { float: left; overflow: auto; width: 170px; height:160px; margin-bottom: 8px; border-right: 1px dashed #58595b; }
#bottomNav .col2 { float: left; overflow: auto; width: 170px; height:160px; margin-bottom: 8px; border-right: 1px dashed #58595b; }
#bottomNav .col3 { float: left; overflow: auto; width: 170px; height:160px; margin-bottom: 8px;  }
#bottomNav .media { float: left; overflow:auto; margin-top: 7px; }
#bottomNav .media a:hover { background-color: #cfc494;}
#bottomNav .col4 { overflow:auto; width: 250px; margin:25px 0px 0px 0px; }

/* ----  Quick Facts Styles -------------------------------------------------------------------------------------------- */
#facts  { position:relative; background-color: #cfc494; width:670px; margin:30px 0px 0px 0px; padding:5px; border:1px solid #a6925d; }
#facts h6 { font: bold 1.3em  arial, sans-serif; color: #b10e39; }
#facts ul { list-style-image:url(/images/arrow-red-diamond.png);  }
#facts li { color: #58595b; margin-top:2px;}
#facts .dotBorder { border-right: 1px dashed #58595b; }



/* ----  shadow at bottom of content area Styles -------------------------------------------------------------------------------------------- */
#contentBottom_bg { background:url(/images/bottomShadow.png) no-repeat bottom; margin: 0px;  width:920px; z-index:3; }

/* ----  Footer Styles -------------------------------------------------------------------------------------------- */
#footer { position:relative; margin: 0px auto; padding:0px; }
#footer p {font: normal .85em  arial, Geneva, sans-serif; color: #ffffff; text-align:center; padding:5px;  }
#footer a { color: #d7d5c9; text-decoration:none; }
#footer a:hover { background-color: #cfc494; color: #6f540b;}