@charset "utf-8";


/* ---- Sitewide element styles -------------------------------------------------------------------------------------------- */
body { font:normal .8em Arial, Helvetica, sans-serif; color: #928989; margin: 0px; background: url(/images/tan-bkgd.jpg) repeat top left; }	
A:link, A:visited, A:active {	color: #004b8d;	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; }
p {  margin-top:0px;}
th { text-align:left; font-style:normal; }
fieldset {  padding:10px;  }
legend { font:bold 1.0em verdana; color:#004b8d; margin-bottom:10px;}

.box { margin:1px solid #928989; color:#ffffff; }
.right { float:right; display:block; }
.imgCenter { display:block; margin-left:auto; margin-right:auto;  }
.imgLeft { margin:0px 10px 0px 0px; padding:0px 0px 7px 0px; float:left; }
.imgRight { margin:0px 0px 20px 20px; float:right; }

.blue {	color: #285692;}
.blueBar { background-color:#638eb9; color:#ffffff; }
.blueLabel { background-color:#285692; color:#ffffff; padding:4px; font:normal 1.3em arial; margin:2px 0px 2px 0px; text-align:left; }
.blueBorder { border:1px solid #285692; }
.blueShade { background-color:#d1e0ee; }

.classSched { font-size: .9em; border-bottom:1px solid #cec084;}
.contact { font:normal .9em verdana; border-top:1px solid #ece9e2; border-bottom:1px solid #ece9e2; padding:10px 0px 10px 5px; margin-right:400px; }

.event { font:normal 1.0em verdana; border-top:1px solid #b10e39; border-bottom:1px solid #b10e39; margin:10px 150px 20px 30px;  }
.event ul { list-style-type:square; margin:5px 0px 5px 15px; padding:0px 0px 0px 15px;}
.event li { color:#004b8d; }
.event p { font:normal .95em verdana; margin:0px 0px 5px 10px; }

.red { color: #b10e39; }
.redLabel { background-color:#b10e39; color:#ffffff; padding:4px; font:normal 1.3em arial; margin:2px 0px 2px 0px; text-align:left;  }
.redBorder { border:1px solid #b10e39; padding-top:8px;}

.tanBarDark { background-color:#a6925d; color: #ffffff;  }
.tanBar { background-color:#cec084; color: #ffffff;  }
.tanShade { background-color:#f9f4d3;}
.tanBox { margin:0px 0px 15px 15px; float:right; 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;}

.margin5px {margin-bottom:5px;}
.margin10px {margin-bottom:10px;}

.moreinfo { font:normal 1.1em arial, sans-serif; color:#021f46; background-color:#ddecfa; border:1px solid #004b8d; margin:2px 0px 2px 0px; padding:5px;}
.moreinfo ul { list-style-image:url(/images/arrow-red-diamond.png);  }
.moreinfo li { margin-top:2px; text-align:left;}
.moreinfo p { text-align:left; }

.rightColumn250 { margin:0px 0px 20px 20px; float:right; text-align:center; width:250px; }
.rightColumn250 p { text-align:left; }
.rightColumn250 ul { list-style-image:url(/images/arrow-red-diamond.png);  }
.rightColumn250 li { margin-top:2px; text-align:left;}
	
.rightColumn350 { margin:0px 0px 20px 20px; float:right; text-align:center; width:350px; }
.rightColumn350 p { text-align:left; display:block;  }
.rightColumn350 ul { list-style-image:url(/images/arrow-red-diamond.png);  }
.rightColumn350 li { margin-top:2px; text-align:left; }

.small {font-size: .9em;}
.white { color: #ffffff; }
.whiteLG { color: #ffffff; font:normal 1.3em "Copperplate Gothic Bold" ;}
.whiteRborder { border-right:1px solid #ffffff;}

h1 {font:bold 1.6em tahoma, sans-serif; color:#004b8d; border-bottom:1px dashed #58595b; padding-left:1px;}
h2 {font:bold 1.5em tahoma, sans-serif; color:#b10e39;}
h3 {font:bold 1.1em tahoma, sans-serif; color:#b10e39;}
h4 {font:bold 1.0em tahoma, sans-serif; color:#165184;}
h5 {font:bold 1.0em tahoma, sans-serif; color:#b10e39;}
h6 {font:bold 1.0em arial, sans-serif; color:#004b8d; margin:7px 0px 0px 0px; padding:0px; }


/* --- 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; z-index:2;}
#topnav { position:absolute; top:-10px; right:0; width:440px; }
#topnav a { color: #ffffff; text-decoration:none; }
#topnav a:hover { text-decoration:underline;}
#topnav li { font:normal .85em tahoma, sans-serif; border-right:solid 1px #ffffff; float:left; padding:0px 5px 0px 5px; display:block; }
#topnav .search { border:none; margin-top:-7px; }
#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; }



/* ---- Red HeaderNav Styles -------------------------------------------------------------------------------------------- */
#rednav { position:relative; width:900px; overflow:hidden; margin: 0px 10px 0px 10px; background-image:url(/images/redNav_bg.jpg); z-index:5;}
#rednav ul { clear:left; float:left; list-style:none; margin:0; padding:0; position:relative; left:50%;  }
#rednav 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;  }
#rednav .dash { padding-top:5px; }
#rednav a { display:block; color: #ffffff; text-decoration:none; padding: 6px 15px 8px 15px; }
#rednav 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:200px; }
#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:200px; visibility:visible; overflow:hidden;  z-index: 5; }
#slideshow #pictures { background: url('/images/slideshow/picture_bg.jpg'); width:710px; height:200px; 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:190px; height:200px; overflow:hidden; 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:normal 1.0em Arial, Helvetica, sans-serif; text-decoration:none; padding:5px 0px 10px 22px; z-index:1000; color:#ffffff; line-height:13px; 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:normal 1.0em Arial, Helvetica, sans-serif; color:#ffffff; padding:5px 0 10px 22px; line-height:13px;  vertical-align:middle; zoom: 1;}
#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:5px 0px 0px 12px; width:200px;}
#profile td { font: normal .9em  arial, sans-serif; color:#ffffff;}
#profile a { color:#ffffff; text-decoration:underline; }
#profile a:hover { color: #b10e39; }
#profile .title { background-image:url(/images/profiles/title_bg.jpg); border-left:1px solid #00559a; border-right:1px solid #00559a; font: bold 1.1em arial, sans-serif; color:#ffffff; padding:3px 0px 3px 5px; margin:0px;}
#profile .quote { background-image:url(/images/profiles/textarea_bg.jpg); border:1px solid #00559a; padding:4px; }


/* ---- leftNav Styles -------------------------------------------------------------------------------------------- */
#leftNav { background:url(/images/blueLeftnav_bg.png) repeat; margin:0px; padding: 10px 0px 0px 0px; width:190px; }
#leftNav ul { margin:0px;	padding:0px; display:block; list-style:none; width:100%; }
#leftNav li { font:normal 1.0em  arial, Geneva, sans-serif; z-index:5; padding:2px 0px 0px 0px; margin: 0px; display:block; }
#leftNav li a { color: #ffffff; text-decoration:none; display:block; padding:2px 0px 2px 10px; margin:0px; }
#leftNav li a:hover {	color: #ffffff;	background-color: #b10e39; text-decoration: none;	z-index:5; margin: 0px;}
#leftNav img { margin:0px 0px 0px 2px; }
#leftNav .title { font:bold 1.0em  arial, Geneva, sans-serif; color:#004b8d; margin:8px 8px 0px 5px; border-bottom:1px solid #004b8d; }
#leftNav .message { font:normal 1.3em tahoma; background-image: url(../../images/redMessage_bg.jpg); color:#ffffff; padding:8px; margin:0px 10px 0px 10px; text-align:center; border:1px solid #66021d; }


/* ----  Events/News Styles for Homepage -------------------------------------------------------------------------------------------- */
#events { position:relative; overflow:auto; font:normal .9em arial, sans-serif; margin:0px;}
#events .col1 { float:left; overflow:auto; width:300px; padding:0px 10px 5px 25px; }
#events .col2 { float:left; overflow:auto; width:360px; padding:0px 5px 5px 5px; }
#events h2 { margin-top:0px; margin-bottom:5px; }



/* ----  TabbedPanels Styles for Subpages -------------------------------------------------------------------------------------------- */
.TabbedPanelsSubs { position:relative; overflow:auto; background-color:#ffffff; margin:10px 0px 0px 0px; padding:0px; width:690px; clear: none; }
.TabbedPanelsSubsTabGroup {	margin: 0px; padding: 0px; }
.TabbedPanelsSubsTab { font:normal 1.1em 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;}
.TabbedPanelsSubsTabHover {	background-image:url(/images/tabsOver_bg.jpg); color:#b10e39;	cursor:pointer; }
.TabbedPanelsSubsTabSelected {	background-image:url(/images/tabsOver_bg.jpg); color:#b10e39; text-align:center; }
.TabbedPanelsSubsTab a {	color: black;	text-decoration: none; }
.TabbedPanelsSubsTabSelected a img { border:0;}
.TabbedPanelsSubsContentGroup {	clear: both;}
.TabbedPanelsSubsContent { padding: 15px 0px 0px 10px; width:635px;}
.TabbedPanelsSubsContent td { font: normal 1.0em  arial, sans-serif;}



/* ---- Subpages Blue Header -------------------------------------------------------------------------------------------- */
#subhead { position:relative; margin:0px 10px 0px 10px; }

/* ----  Content area Styles -------------------------------------------------------------------------------------------- */
#content { position:relative; overflow:auto; margin:5px 15px 5px 15px; padding:0px; clear:none; }
#content ul { float:left; display:block; list-style:none; margin:0px; padding:0px; }
#content li  { font: normal .9em arial, sans-serif; display: block; list-style:none; margin:0px; padding:0px; }
#content .title { font:bold 1.0em Arial, Helvetica, sans-serif; color:#b10e39; margin:10px 0px 0px 0px; padding:0px; }
#content a { color:#004b48d; text-decoration:none; }
#content a:hover { background-color:#b10e39; color:#ffffff; }
#content .col1 { float:left; width:220px; margin:0px 0px 0px 0px; }
#content .col2 { float:left; width:220px; margin:0px 0px 0px 0px; }
#content .col3 { float:left; width:220px; margin:0px 0px 0px 0px; }
#content .col4 { float:left; width:220px; margin:0px 0px 0px 0px; }
#content .socialMedia { padding:5px 0px 0px 0px;  }
#content .socialMedia a:hover { background-color:#ffffff; }

#contentSubs { position:relative; padding:10px 5px 5px 10px; font:normal .9em arial, sans-serif;}
#contentSubs .col1 { float:left; overflow: auto; margin:0px 0px 0px 0px; padding-right:5px; }
#contentSubs .col2 { float:left; overflow: auto; margin:0px 0px 0px 0px; padding-right:5px; }
#contentSubs .col3 { float:left; overflow: auto; margin:0px 0px 0px 0px; padding-right:5px; }
#contentSubs .col4 { float:left; overflow: auto; margin:0px 0px 0px 0px; padding-right:5px; }

#white_bg { position: relative; background:url(/images/content_bg.png); margin:auto; width:920px; z-index:1; }

#printIcon { position:relative; top:-5px; float: right; overflow: auto;  }


/* ----  BottomNav Styles -------------------------------------------------------------------------------------------- */
#bottomNav { font:normal .9em arial, sans-serif; position:relative; background:url(/images/bottomShadow.png) no-repeat; background-position:bottom; background-color:#cfc494; width:900px; height:180px; margin:0px 5px 0px 5px; padding:0px 5px 5px 5px; z-index:3; }
#bottomNav .head { font:bold 1.2em arial; color:#3a3c3e; }
#bottomNav ul { list-style:none; display:block; margin:5px 0px 0px 0px; padding:0px;}
#bottomNav li a { color:#010f2c; text-decoration:none;  }
#bottomNav li a:hover { color:#b10e39; text-decoration:underline; }

#bottomNav .col1 { float:left; width:175px; height:160px; padding:5px 0px 0px 0px; margin:5px 7px 0px 8px; border-right: 1px dashed #58595b; }
#bottomNav .col2 { float:left; width:170px; height:160px; padding:5px 0px 0px 0px; margin:5px 7px 0px 8px; border-right: 1px dashed #58595b; }
#bottomNav .col3 { float:left; width:140px; height:160px; padding:5px 0px 0px 0px; margin:5px 7px 0px 8px; border-right: 1px dashed #58595b; }
#bottomNav .col4 { float:left; width:175px; height:160px; padding:5px 0px 0px 0px; margin:5px 7px 0px 8px; border-right: 1px dashed #58595b; }
#bottomNav .col5 { float:left; width:160px; height:160px; padding:5px 0px 0px 0px; margin:5px 7px 0px 8px; }

/* ----  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  tahoma, sans-serif; color:#ffffff; text-align:center; padding:5px;  }
#footer a { color:#ffffff; text-decoration:underline; }
#footer a:hover { color: #6f540b;}

