@charset "UTF-8";
/* CSS Document */
body { background-color: #e7e7e7; font-family: Helvetica, Arial, sans-serif; min-width:960px;}
.clearFix { clear: both; }
/* Text Styles */
h1 { padding: 20px 0 10px; font-size: 24px; color: #21488a; }
h2 { font-size: 16px; color: #21488a; padding: 5px 0; }
h3 { }
h4 { }
h5 { }
p { color:#333; font-size:13px;}
p a { color: #21488a; }
p a:hover { text-decoration: none; }
.font-blue { color: #092b65; font-weight: bold; }
ol{padding-left:20px;}

/* Header */
#headerWrap { position: relative; z-index: 100; background: #092b65; background-image: url(/stylesheets/webart/headerShadow.jpg); background-repeat: repeat-x; background-position: bottom; }
#header { position: relative; height: 65px; width: 960px; margin: 0 auto; }
#logo { position: relative; height: 115px; width: 335px; background-image: url(/stylesheets/webart/logo.jpg); background-repeat: no-repeat; overflow: visible; margin-left: -115px; }
#logo a { display: block; height: 80px; width: 200px; margin-left: 125px; text-indent: -9999em; }
#topNav { position: absolute; left: 220px; top: 0px; height: 18px; background-color: #143c90; width: 740px; }
#topNav ul li { display: inline; }
#topNav ul li a { font-size: 10px; color: #FFF; text-decoration: none; padding: 0 5px; float: right; line-height: 18px; opacity: 0.5; }
#topNav ul li a:hover { opacity: 1; }
#topNav ul li:first-child a { border: none; }
#mainMenu { position: absolute; left: 220px; top: 18px; background-color: #08327b; width: 740px; height: 67px; background-image: url(/stylesheets/webart/navBkg.jpg); background-repeat: no-repeat;  -webkit-box-shadow: 0px 0px 5px 0px #01143F; box-shadow: 0px 0px 5px 0px #01143F; }
#mainMenu ul li ul { padding: 2px; margin-top: 0px; margin-left: -5px; }
#mainMenu ul li { display: inline-block; *float:left; list-style: none outside none; width: 136px; text-align: center; margin-left: 10px; }
#mainMenu ul li ul li { display: block; *float:none; list-style: none outside none; margin: 0; }
#mainMenu ul li a { color: #000066; display: block; font-size: 16px; line-height: 67px; text-decoration: none; }
#mainMenu ul ul li a { display: block; font-size: 12px; line-height: 15px; padding: 5px 10px; text-decoration: none; }
#mainMenu ul ul li a:hover, #mainMenu ul li.selected li a:hover { text-decoration: underline;}
#mainMenu ul li:hover, #mainMenu ul li.selected { background: url(/stylesheets/webart/navHover.jpg);  }
#mainMenu ul li:hover a, #mainMenu ul li.selected a { color: #000066; }
#mainMenu ul li ul li:hover a, #mainMeny ul li ul li.selected a { background-image: none; font-weight: normal; }
#mainMenu ul li.selected li a { color: #1E2A5E; }
#mainMenu ul li:hover li a { color: #1E2A5E; }
#mainMenu ul li li:hover, #mainMenu ul li.selected li.selected { background-color: #1E2A5E; background-image: none; color: white !important; }
#mainMenu ul li li:hover a, #mainMenu ul li.selected li.selected a, #mainMenu ul li.selected li:hover a { color: white; }
#mainMenu ul li ul { list-style: none outside none; margin-left: -1000em; opacity: 0; position: absolute; }
#mainMenu ul li:hover ul { background-color: white; box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); margin-left: 0; opacity: 1; }
#topMenu a, #mainMenu ul li ul li, #footer .text a { -moz-transition-duration: 0.5s; -moz-transition-property: color, opacity, margin-top, margin-right, background-color; }
#mainMenu ul li.active ul:hover ul { display: none; }
#mainMenu ul li.active ul ul { display: none; }
#mainMenu ul li.active ul li.active ul { display: inline-block; }
#mainMenu ul li.active ul:hover li.active:hover ul { display: inline-block; }
#mainMenu ul:hover li.active ul:hover ul { display: none; }
#mainMenu ul:hover li.active ul:hover li:hover ul { display: inline-block; }

/* Footer */
#footerBreak { position: relative; height: 3px; background-color: #17429b; background-image: url(/stylesheets/webart/intHeader.jpg); background-repeat: no-repeat; background-position: top center }
#footerWrap { position: relative; background-color: #e7e7e7; background-image: url(/stylesheets/webart/footerShadow.jpg); background-repeat: repeat-x; }
#footer { position: relative; height: 100px; width: 960px; margin: 0 auto; font-size: 10px; color: #666; }
#footer ul { padding: 15px 0 0; }
#footer ul li { display: inline; }
#footer ul li a { font-size: 10px; color: #666; text-decoration: none; padding: 0 5px; border-right: thin solid #959595; }
#footer ul li:first-child a { padding: 0 5px 0 0; }
#footer ul li:last-child a { border: none; }
#footer ul li a:hover { text-decoration: underline; color: #092b65; }
/*inputs*/
input, textarea { padding: 9px; border: solid 1px #E5E5E5; outline: 0; font: normal 13px/100% Verdana, Tahoma, sans-serif; background: -webkit-gradient(linear, left top, left 25, from(#FFFFFF), color-stop(4%, #EEEEEE), to(#FFFFFF)); background: -moz-linear-gradient(top, #FFFFFF, #EEEEEE 1px, #FFFFFF 25px); box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px; -moz-box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px; -webkit-box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px; }
textarea { width: 320px; max-width: 320px; height: 150px; line-height: 150%; }
input:hover, textarea:hover, input:focus, textarea:focus { border-color: #C9C9C9; -moz-box-shadow: rgba(0, 0, 0, 0.15) 0px 0px 8px inset; -webkit-box-shadow: rgba(0, 0, 0, 0.15) 0px 0px 8px inset; }
.submit input, .submit input { width: auto; padding: 9px 15px; background: #617798; border: 0; font-size: 14px; color: #FFFFFF; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
.captcha .cat_textbox { width: 40% !important }
.captcha .cat_textbox { width: 46% !important }
.search-result img, form img { box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; margin: 0px; padding: 0px; }
#contactBox { margin: 20px 0; width: 206px; font-size: 20px; color: #666; }
#contactBox a, #watchVid a { display: block; height: 35px; font-size: 16px; line-height: 35px; margin: 5px 5px; border-radius: 5px; text-align: center; background: #ffffff; /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */

background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9Ijk5JSIgc3RvcC1jb2xvcj0iI2VkZWRlZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=); background: -moz-linear-gradient(top, #ffffff 0%, #ededed 99%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(99%, #ededed)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #ffffff 0%, #ededed 99%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #ffffff 0%, #ededed 99%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #ffffff 0%, #ededed 99%); /* IE10+ */ background: linear-gradient(top, #ffffff 0%, #ededed 99%); /* W3C */  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed', GradientType=0 ); /* IE6-8 */
-webkit-box-shadow: 0px 0px 5px 0px #333; box-shadow: 0px 0px 5px 0px #333; text-decoration: none; color: #17429b; }
#contactBox a:hover, #watchVid a:hover { background: #ededed; /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */

background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIxJSIgc3RvcC1jb2xvcj0iI2VkZWRlZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #ededed 1%, #ffffff 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(1%, #ededed), color-stop(100%, #ffffff)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #ededed 1%, #ffffff 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #ededed 1%, #ffffff 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #ededed 1%, #ffffff 100%); /* IE10+ */ background: linear-gradient(top, #ededed 1%, #ffffff 100%); /* W3C */  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ededed', endColorstr='#ffffff', GradientType=0 ); /* IE6-8 */
}
#watchVid { display: block; margin: 5px; width: 206px; }
#watchVid input { width: 175px !important; }
#watchVid #catwebformbutton { width: 75px !important; }
