@charset "utf-8";
/* CSS Document */
body, html {margin: 0; padding: 0; color: #333333; background-color: #ffffff; background-image: url(images/bg_weathered.jpg)}
div {font-size:13px; font-family: "Segoe UI", Arial, Helvetica, sans-serif; color: #3d3d3d; line-height: 18px}
h1 {font-size: 25px; line-height: 30px;}
h2 {font-size: 20px; color: #083649;}
h3 {font-size: 15px;}
hr {border: none; background-color: #d0c8ba; color: #d0c8bb; height: 2px;}
img {border: none;}

.title {font-size: 25px; line-height: 25px; color:#1b77b2; font-style: italic; font-family: "Georgia", "Times New Roman", Times, serif}
.clear {margin: auto; padding: 0; clear: both;}
.cleartall {margin: auto; padding: 0; clear: both; height: 25px;}
.larger {font-size: 20px;}
.larger2 {font-size: 24px; line-height: 22px;}
.larger3 {font-size: 15px; line-height: 22px;}
.paneltitle {font-size: 23px; line-height: 28px;}
.paneltitle2 {font-size: 16px;}
.welcome {font-size: 18px; line-height: 18px; color:#083649; font-style: italic;}
.titlenews {font-size: 18px; color: #999999;}
.blue {font-size: 25px; line-height: 25px; color:#1b77b2; font-style: italic; font-family: "Georgia", "Times New Roman", Times, serif}

.lightUpLink {text-decoration: none;}

a:link {color:#083649; text-decoration: underline;}
a:visited {color:#083649; text-decoration: underline;}
a:hover {color:#5c8594; text-decoration: none;}
a:active {color:#5c8594; text-decoration: none;}

#wrapper {margin: auto; padding: 0; background-image: url(images/bg2.jpg); background-repeat: repeat-x; background-position: top center; }

#menuwrapper {margin: auto; padding: 0; height: 47px;}
#menuinner {margin: auto; padding: 0; width: 989px; background-image: url(images/menubg2.png); background-repeat: no-repeat; background-position: top center; height: 44px; }

#logowrapper {margin: auto; padding: 0; width: 1000px; background-image: url(images/headertopbg2.png); background-repeat: no-repeat; background-position: center 30px; height: 82px; }
#logo {margin: auto; padding: 0; width: 389px; float: left;}
#searchwrapper {margin: auto; padding: 0; width: 580px; float: right;}
#searchleft {margin: 0 0 0 350px; padding: 0; position: absolute; width: 300px; height: 15px;}
#searchleft ul {margin: -3px 0 0 0; padding: 0; display: block; display: inline; height: 15px; position: absolute;}
#searchleft li {margin: -3px 0 0 0; padding: 0 10px 0 10px; float: left; position: relative; border-left: dotted 1px #dbcdba; list-style-type: none; height: 15px;}
#searchleft a {color: #ffffff; text-transform: uppercase; font-size: 10px; text-decoration: none; font-weight: bold;}
#searchleft a:hover {text-decoration: underline;}

#searchbottom {margin: 0; padding: 0; position: absolute; width: 1000px; height: 30px;}
#searchbottom ul {margin: 0; padding: 0; display: block; display: inline; height: 15px; position: absolute;}
#searchbottom li {margin: 0; padding: 0 10px 0 10px; float: left; position: relative; border-left: dotted 1px #666666; list-style-type: none; height: 15px;}
#searchbottom a {text-transform: uppercase; font-size: 10px; text-decoration: none; font-weight: bold;}
#searchbottom a:hover {text-decoration: underline;}

.small-boxes {margin: 0; padding: 0; position: absolute; width: 480px; height: 94px;}

#searchright {margin: auto; padding: 40px 30px 0 0; float: right; width: 200px; text-align: right;}
#searchright a {color: #ffffff; font-family: Georgia, "Times New Roman", Times, serif; font-style: italic;}
.searchfield {margin: auto; padding: 10px 8px 0 15px; border: 0px; height: 24px; width: 176px; background-image: url(images/search_textfield.jpg); background-position: top center; background-repeat: no-repeat; font-family: Georgia, "Times New Roman", Times, serif; font-size: 12px; font-style: italic;}
.searchbutton {margin: auto; padding: 5px; border: 0px; height: 34px; width: 69px; background-image: url(images/search_button.jpg); background-position: top center; background-repeat: no-repeat; font-family: Georgia, "Times New Roman", Times, serif; font-size: 12px; font-style: italic;}

#searchleft_calendar {margin: auto; padding: 40px 0 0 0; float: left; width: 200px;}

#headerwrapper {margin: auto; padding: 0; height: 430px; background-image: url(images/headerbg.png); background-repeat: no-repeat; background-position: top center;  clear: both;}
#header {margin: auto; padding: 0; width: 1000px; height: 425px;}

#panelleft {margin: auto; padding: 10px 0 0 23px; width: 536px; float: left;}
#panelright {margin: auto; padding: 0; width: 425px; float: right;}
#panelrightleft {margin: auto; padding: 40px 0 0 0; width: 275px; float: left;}
#panelrightright {margin: auto; padding: 30px 1px 0 0; width: 126px; float: right;}
#panelrightright img {margin: 1px 0 0 0}
#weatherwrapper {margin: auto; padding: 10px 0 0 0; clear: both; height: 135px;}

#social_wrapper {margin: 392px 0 0 560px; padding: 0; width: 425px; height: 26px; position: absolute; z-index: 20; *margin: 392px 0 0 0;}
#social_wrapper a {font-size: 9px; text-transform: uppercase; color: #ffffff; text-decoration: none; font-weight: bold;}
#social_wrapper a:hover {color: #89bce9;}
#social_homepage {margin: auto; padding: 3px 10px 0 0 ; background-image: url(images/social_homepage.png); background-repeat: no-repeat; background-position: top center; float: right; width: 82px; height: 26px; text-align: right;}
#social_bookmark {margin: auto; padding: 3px 10px 0 0 ; background-image: url(images/social_bookmark.png); background-repeat: no-repeat; background-position: top center;  float: right; width: 79px; height: 26px; text-align: right;}
#social_subscribe {margin: auto; padding: 3px 10px 0 0 ; background-image: url(images/social_subscribe.png); background-repeat: no-repeat; background-position: top center;  float: right; width: 79px; height: 26px; text-align: right;}
#social_twitter {margin: auto; padding: 3px 12px 0 0 ; background-image: url(images/social_twitter.png); background-repeat: no-repeat; background-position: top center;  float: right; width: 80px; height: 26px; text-align: right;}

.social_empty {margin: 0 1px 0 0; padding: 3px 0 0 0 ; background-image: url(images/social_empty.png); background-repeat: no-repeat; background-position: top center; float: right; width: 85px; height: 26px; text-align: center;}

.containerpage {margin: auto; padding: 10px 0 0 0; width: 1000px;}
.mainleft {margin: auto; padding: 15px 0 0 0; float: left; width: 565px; height: 560px;}
.mainleft img {margin: 20px 0 30px 0; padding: 0; border: 4px #d7d6d6 solid;}
.mainright {margin: auto; padding: 0; float: right; width: 420px; height: 546px; background-image: url(images/spotlightbg.jpg); background-repeat: no-repeat; background-position: top center;}
.mainrightinner {margin: auto; padding: 30px 10px 20px 20px; }
.mainrightinner a {font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-style: italic;}
.mainrightinner img {margin: 0 2px 2px 0; padding: 0; float: left;}

.mainleftvideo {margin: auto; padding: 0; width: 126px; float: left; width: 565px; height: 472px; background-image: url(images/bg_video.jpg); background-repeat: no-repeat; background-position: top center;}
.mainrightinnervideo {margin: auto; padding: 20px 15px 0 15px;}
.mainrightcalendar {margin: auto; padding: 0; float: right; width: 420px; height: 472px; background-image: url(images/bg_calendar.jpg); background-repeat: no-repeat; background-position: top center;}
.mainrightinnercalendar {margin: auto; padding: 20px 15px 0 15px;}
.mainrightcalendarcontainer {margin: auto; padding: 0 12px 0 12px;}

.boxwrapper {margin: auto; padding: 12px 12px 3px 12px; width: 250px; float: left; }

.newsleft {margin: auto; padding: 15px 0 0 0; float: left; width: 485px; height: 480px;}
.newsright {margin: auto; padding: 15px 0 0 0; float: right; width: 485px; height: 480px;}

.genleft {margin: auto; padding: 0; float: left; width: 485px; }
.genright {margin: auto; padding: 0; float: right; width: 485px; }

.adleft {margin: auto; padding: 0; float: left; width: 430px; }
.adright {margin: auto; padding: 0; float: right; width: 535px; line-height: 23px; font-size: 15px;}
.adrightleft {margin: auto; padding: 0; float: left; width: auto; line-height: 23px; font-size: 15px;}
.adrightright {margin: auto; padding: 0; float: right; width: 400px; line-height: 23px; font-size: 15px;}

.adtopleft {margin: auto; padding: 0; float: left; width: 390px; }
.adtopmid {margin: auto; padding: 0; float: right; width: 180px; }
.adtopright {margin: auto; padding: 0; float: right;  }

.formleft {margin: auto; padding: 0 0 40px 0; float: left; width: 485px;}
.formleftinner {margin: auto; padding: 30px 0 0 35px;}
.forminput {margin: auto; padding: 7px 3px 0 3px; height: 23px;}
.forminputarea {margin: auto; padding: 7px 3px 0 3px;}

.formright {margin: auto; padding: 0 0 40px 0; float: right; width: 485px;}
.formrightinner {margin: auto; padding: 30px 0 0 35px;}

.forminnerleft {margin: auto; padding: 0; float: left; width: 200px;}
.forminnerright {margin: auto; padding: 0; float: right; width: 230px; }

.quotecolcapt {margin: auto; padding: 15px 0 20px 20px; width: 400px; height: 60px; float: left;}
.captimg {margin: auto; padding: 0; width: 150px; float: left; height: 80px;}
.captfield {margin: auto; padding: 15px 0 0 15px; width: 160px; float: left; height: 75px;}
.captfieldform {margin: auto; padding: 12px 8px 0 10px; border: none; height: 27px; width: 161px; }

#footwrapper {margin: auto; padding: 0; background-image: url(images/footerbg.jpg); height: 500px; clear: both;}
#footinner {margin: auto; padding: 25px; width: 1000px; text-align: center;}

/*BUBBLE TOOLTIP*/
#bubble_tooltip{width: 148px; position:absolute; display: none;}
#bubble_tooltip .bubble_top{background-image: url(images/bubbletop.png); background-repeat: no-repeat; height: 11px;}
#bubble_tooltip .bubble_middle{background-image: url(images/bubblemid.png); background-repeat: repeat-y; background-position: bottom left; padding: 0 10px 0 10px;}
#bubble_tooltip .bubble_middle span{position: relative; text-align: center; font-family: "Segoe", "Trebuchet MS", Arial, Helvetica, sans-serif; color: #ffffff; font-size: 11px; line-height: 15px;}
#bubble_tooltip .bubble_bottom{background-image: url(images/bubblebottom.png); background-repeat: no-repeat; background-repeat: no-repeat; height: 20px; position: relative;}



/*    jquery slider      */
#scrollwrapper {width: 945px; margin: 50px 0 0 60px;}
#slider {width: 920px; margin: 0 0 0 8px; position: relative;}
.scroll {height: 525px; width: 920px; overflow: auto; overflow: hidden; position: relative; clear: left; }
.scrollContainer div.panel {padding: 0; width: 925px; height: 525px;}
.scrollButtons {position: absolute; margin: 150px 0 0 0; cursor: pointer;}
.scrollButtons.left {margin: -20px 0 0 0px;}
.scrollButtons.right {margin: -545px 0 0 50px;}
.hide {display: none;}



/* vimeo simulation nav menu */
#menu_home {margin: 0px; padding: 12px 0 0 0; line-height: 20px; list-style: none; color: #402f1a; display: inline-block; float: left; z-index: 1000; position: relative; font-size: 11px; font-weight: bold; font-family: Arial, Helvetica, sans-serif }
#menu_home a {color: #402f1a; text-decoration: none;}
#menu_home > li {padding: 0 11px 0 11px; float: left; position: relative; border-left: dotted 1px #b09c78;}
#menu_home > li a:hover {text-decoration: underline;}
/*sub-menus*/
#menu_home ul {margin: 0px; padding: 0; display: block; display: inline; font-weight: normal;}
#menu_home li ul {margin: 0px; padding: 0; position: absolute; width: 135px; display: none; background-image: url(images/dot.png); *left: 8px; top: 19px;}
#menu_home li:hover ul { display: block;}
#menu_home li ul li {margin: 0px; padding: 8px 0 8px 5px; display: block; border-top: dotted 1px #ffffff; list-style-type: none;}
#menu_home li ul li:first-child {border-top: none; }
#menu_home li ul li a { display: block; color: #402f1a; }
#menu_home li ul li a:hover { color: #ffffff; }
/*main submenu */
#menu_home #main { margin: 0px; padding-top: 20px; color: #ffffff; z-index: 999; position: relative;}
/*corners*/
#menu_home .corner_inset_left { position: absolute; top: 0px; left: -12px;}
#menu_home .corner_inset_right { position: absolute; top: 0px; left: 135px;}
#menu_home .last { background: transparent none repeat scroll 0% 0%; margin: -10px 0 0 0; padding: 0px; border: none; position: relative; border: none; height: 0px;}
#menu_home .corner_left {margin: 0; position: absolute;}
#menu_home .corner_right {margin: 0 0 0 117px; position: absolute;}
#menu_home .middle {margin: 0 0 0 18px; position: absolute; height: 12px; width: 99px;}
		
.tophov a {margin: 0 0 0 -4px; padding: 0 0 0 10px;}
.tophov a:hover {padding: 0 0 0 10px;}
.drop a:hover {padding: 0 5px 0 10px; width: 115px; }
/* end menu */