@font-face {
  font-family: "Presence Medium";
  src: url(../fonts/PRESENCM.TTF) format("truetype");
}
@font-face {
  font-family: "Presence Normal";
  src: url(../fonts/PRESENCN.TTF) format("truetype");
}
@font-face {
  font-family: "Caslon Regular";
  src: url(../fonts/ACASLOPR.TTF) format("truetype");
}

html, body { margin: 0 auto; padding:0; display: block; text-align:center; }
body { margin: 0 auto; padding: 0; background: #fff; }

#wrap { width: 100%; margin: 0 auto; padding: 0; position: relative; }





/*/////////////////////////////////////////////////

MAIN ELEMENTS

/////////////////////////////////////////////////*/


#top { width: 1000px; position: relative; z-index: 10; margin: 0 auto; }
#top #container { height: 130px; }
#top #container #logo { display: block; float: left; width: 340px; margin: 0; padding: 0; text-align: left; background: url(images/logo_background.png) repeat-x; }
#top #container #logo img{ border:0 none; } 
#top #container #nav { float: left; width: 645px; margin: 0; padding: 50px 0 0 0; background: url(images/bg.nav.png) repeat-x; }



/*//////////////////////////////
/* Social Media & Navigation  */
/*////////////////////////////*/

#top #container #nav #social { position: absolute; top: 10px; right: 15px; width: 645px; margin: 0; padding: 0; overflow:hidden; text-align: right; }
#top #container #nav #social p { line-height: 21px; font-family: "Presence Medium", sans-serif; padding: 0; margin: 0; font-size: 12px; color: #909090; font-weight: 100; }
#top #container #nav #social .icon { display: inline; width: 21px; height: 21px; margin: 0; padding: 0 0 0 5px; vertical-align: top; }
#top #container #nav #social p a { text-decoration: none; } 
#top #container #nav #social #login {float: left; padding-left: 180px; }
#top #container #nav #social #login {font: 12px/21px Verdana, Arial, Sans-Serif; color: #c66514; }
#top #container #nav #social #login a, #top_nav .login a:visited {color: #c66514; text-decoration: none; }
#top #container #nav #social #login a:hover { text-decoration: underline; }

#top #container #nav .sf-menu ul { margin: 0; padding: 0; list-style: none; }
#top #container #nav .sf-menu>ul>li { position: relative;float: left; height: 50px; list-style: none; font-size: 14px; line-height: 15px; font-family: "Presence Normal", sans-serif; color: #96ccc7; font-weight: 300; }
#top #container #nav .sf-menu ul li a { float: left; margin: 0; padding: 17px 15px 16px 15px; color: #96ccc7; text-decoration: none; text-shadow: -1px 1px 0px #192b60; }
#top #container #nav .sf-menu ul li a:hover { color: #fff; text-decoration: none; }

.sf-menu li:hover, .sf-menu li.sfHover,
.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active { background: #1a2d62; outline: 0; }

.sf-menu li.current_page_item:hover, .sf-menu li.sfHover,
.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active { background: none; }

#top #container #nav .sf-menu li ul { display: none; position: absolute; top: 50px; left: 0 !important; background: #1a2d62; text-align: left; width: 200px; }
#top #container #nav .sf-menu li:hover ul, #top #container #nav .sf-menu li.sfhover ul { left: auto; }
#top #container #nav .sf-menu li:hover ul li, #top #container #nav .sf-menu li.sfhover ul li { display: block; margin: 0; padding: 0; }
#top #container #nav .sf-menu li:hover ul li a, #top #container #nav .sf-menu li.sfhover ul li a { display: block; width: 180px; text-decoration: none; margin: 0; padding: 8px 5px 10px 15px; color: #fff; border-bottom: 1px solid #517fbe; }
#top #container #nav .sf-menu li:hover ul li a:hover, #top #container #nav .sf-menu li.sfhover ul li a:hover { display: block; text-decoration: none; color: #fff; background: #4065a1; }

#top #container #nav .sf-menu ul li.current_page_item  { height: 25px; float: left; margin: 0 0 5px 0; padding: 17px 15px 16px 15px; color: #fff; text-shadow: -1px 1px 0px #192b60; }
#top #container #nav .sf-menu ul li.current_page_item a {display:block; float:left; padding: 0px 0px 16px 2px; margin: -5px 0 0 0; height: 45px; float: left; line-height: 40px; background: url(images/btn.general.hit.png) no-repeat left top; color: #fff; text-shadow: -1px 1px 0px #192b60; }
#top #container #nav .sf-menu ul li.current_page_item a span{display:block; float:left; background: url(images/btn.general.hit.png) no-repeat right top; height:45px; line-height: 25px; padding: 0 15px 0 15px}

#top #container #side { position: absolute; top: 0; right: 0; width: 16px; height: 130px; margin: 0; padding: 0; background: url(images/nav.side.png) no-repeat; }




/*////////////////////////////////////////////////
**************************************************
**************************************************
**************************************************
**************************************************
**************************************************

HOME PAGE

**************************************************
**************************************************
**************************************************
**************************************************
////////////////////////////////////////////////*/

#flash_wrap { position: relative; z-index: 1; width: 100%; height: 370px; margin-top: -30px; }
#flash { width: 100%; height: 370px; position: absolute; top: 0; left: 0; background: url(images/bg.flash.jpg) repeat-x; }

#bottom { width: 100%; position: relative; z-index: 10; height: 300px; background: url(images/bg.bottom.png) repeat-x; margin-top: -51px; }
#bottom #container { width: 1080px; height: 203px; margin: 0 auto; padding: 0; position: absolute; top: 0; left: 50%; margin-left: -540px; }
#bottom #container #video { display: block; width: 590px; height: 203px; float: left; text-align: left; background: url(images/bg.video.png) no-repeat; }


/*//////////////////
/* Video Player   */
/*////////////////*/

#bottom #container #video #player { float: left; margin: 25px 20px 0 70px; padding: 0; width: 250px; text-align: left; }
#bottom #container #video #video_text { float: left; margin: 30px 30px 0 0; padding: 0; width: 215px; text-align: left; }
#bottom #container #video #video_text h1 { display: block; margin: 0 0 5px 5px; padding: 0; font-family: "Presence Medium", sans-serif; font-size: 16px; line-height: 17px; color: #fff; font-weight: 100; }
#bottom #container #video #video_text p { display: block; margin: 0 0 5px 5px; padding: 0; font-family: Georgia, 'Times New Roman', Times, serif; font-size: 15px; line-height: 18px; color: #1f285f; font-weight: 100; }


/*//////////////////
/* Scroller       */
/*////////////////*/

/* Scrolling text navigation */
#bottom #container .navi { display: block; position: absolute; top: 170px; right: 170px; clear: both; margin: 0; width: 300px; height: 20px; }
#bottom #container .navi a { display:block; width:13px; height:13px; float:left; margin:3px; background:url(images/navigator.png) 0 0 no-repeat; font-size:1px; outline: none; }
#bottom #container .navi a:hover { background-position:0 -13px; }
#bottom #container .navi a.active { background-position:0 -26px; }


/* Scroller */
.scrollable { float: left; position:relative; overflow:hidden; width: 350px; height: 200px; margin: 0; padding: 0; background: url(images/bg.news.png) no-repeat; }
.scrollable .items { width:20000em; position:absolute; clear:both; }
.scrollable .items div { display: block; float: left; width: 320px; height: 100px; margin: 0 20px 0 0; padding: 65px 0 0 25px; text-align: left; }
.scrollable .items div #thumb { display: block; float: right; width: auto; margin: -25px 0 0 0; padding: 0; text-align: left; }

/* Scroller Text Styles */
#bottom #container #news h1 { font-family: "Presence Medium", sans-serif; font-size: 16px; line-height: 17px; color: #fff; font-weight: 100; }
#bottom #container #news p { display: inline; font-family: Georgia, 'Times New Roman', Times, serif; font-size: 15px; line-height: 18px; color: #1f285f; font-weight: 100; }


/*//////////////////
/* Social Media   */
/*////////////////*/

#bottom #social.home { width: 950px; height: 50px; margin: 0 auto; padding: 203px 0 0; text-align: left; }
#bottom #social.home p { height: 21px; font-family: "Presence Medium", sans-serif; font-size: 12px; line-height: 21px; color: #fff; font-weight: 100; vertical-align: top; }
#bottom #social.home .icon { display: inline; width: 21px; height: 21px; margin: 0; padding: 0 0 0 5px; }




/*////////////////////////////////////////////////
**************************************************
**************************************************
**************************************************
**************************************************
**************************************************

OTHER PAGES

**************************************************
**************************************************
**************************************************
**************************************************
////////////////////////////////////////////////*/


#main { width: 100%; position: relative; margin-top: -30px; padding-top: 20px; z-index: 1; background: url(images/bg.main.png) repeat-x top left; }
#main #container { width: 1000px; margin: 0 auto; padding: 0; text-align: center; }
#main #main_bottom { display: block; clear: left; width: 100%; height: 81px; background: url(images/bg.main.bottom.png) repeat-x bottom left; }

#main #container #text .left { float: left; margin: 5px 15px 15px 0; }
#main #container #text .left img  { border: 0px !important; text-decoration: none; height: 131px; width: 186px; } /* height: 131px; width: 186px; */

/*//////////////////
/* Main           */
/*////////////////*/

#main #container #text { display: block; width: 585px; clear: both; float: left; margin: 30px 40px 50px 25px; text-align: left;  }

/* Main Text */
#main #container #text h1 { display: block; margin: 0; padding: 0; font-family: "Caslon Regular", sans-serif; font-size: 22px; line-height: 25px; padding-bottom: 10px; color: #182b60; font-weight: 100; }
#main #container #text h2 { display: block; margin: 0; padding: 0; font-family: "Caslon Regular", sans-serif; font-size: 18px; line-height: 20px; color: #5382c1; font-weight: 100; }
#main #container #text p { display: block; margin: 0; padding: 0; list-style: none; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; line-height: 18px; color: #4f4f4f; font-weight: 100; }
#main #container #text ul { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; line-height: 18px; color: #4f4f4f; }
#main #container #text p a:link, #main #container #text p a:visited  { color: #c56514 !important; text-decoration: none; }
#main #container #text p a:hover { text-decoration: none; color: #9f4d07; }
#main #container #text h2 a:link, #main #container #text p a:visited  { color: #9f4d07 !important; text-decoration: none; }
#main #container #text h2 a:hover { text-decoration: none; color: #9f4d07; }


/*//////////////////
/* Sidebar        */
/*////////////////*/

#main #container #sidebar { display: block; width: 305px; float: left; margin: 30px 25px 0 0; text-align: left; }
#main #container #sidebar h3 { font-weight: bold; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #4f4f4f; margin: 0; padding: 5px 0 0;}
#main #container #sidebar a:link, #main #container #sidebar a:visited  { color: #c56514 !important; text-decoration: none; }

/* Sidebar Top */
#main #container #sidebar #sidebar_top { display: block; width: 305px; height: auto; margin: 0; padding: 40px 0 20px 40px; background: url(images/bg.sidebar.top.png) no-repeat top left; }
#main #container .side_wide #sidebar_top { display: block; width: 320px !important; height: 35px; margin: 0; padding: 10px 0 0 40px !important; background: url(images/bg_sidebar_top_wide.png) no-repeat top left !important; }
#main #container #sidebar #sidebar_top h2 { display: block; margin: 0; padding: 0; font-family: "Presence Medium", sans-serif; font-size: 20px; line-height: 20px; color: #fff; font-weight: 100; }

/* Sidebar Main */
#main #container #sidebar #sidebar_main { display: block; width: 305px; margin: 0; padding: 0 0 10px 0; background: url(images/bg.sidebar.main.png) repeat-y top left; }
#main #container .side_wide #sidebar_main { display: block; width: 320px !important; margin: 0 !important; padding: 10px 0 0 0 !important; background: url(images/bg_sidebar_main_wide.png) repeat-y top left !important; }
#main #container #sidebar #sidebar_main ul { display: block; margin: 0 0 0 45px; padding: 0; list-style: none; }
#main #container #sidebar #sidebar_main ul li { display: block; margin: 0 0 10px 0; padding: 0; list-style: none; font-family: "Caslon Regular", serif; font-size: 16px; line-height: 18px; color: #1f285f; font-weight: 100; }
#main #container #sidebar #sidebar_main ul li a { text-decoration: none; color: #5382c1; }
#main #container #sidebar #sidebar_main ul li a:hover { text-decoration: none; color: #1f285f; }
#main #container #sidebar #sidebar_main ul li.hit a { text-decoration: none; color: #1f285f; }

#main #container #sidebar #side_content { display: block; width: 200px; margin: 0 0 0 45px; padding: 15px 0 0 0; text-align: left; }
#main #container #sidebar #sidebar_main #side_content { display: block; width: 200px; margin: 0 0 0 45px; padding: 0 0 0 0 !important; text-align: left; }

#main #container .side_wide #side_content { width: 260px !important; margin: 0 0 0 25px !important;}
#main #container #sidebar #side_content p, #side_content p { display: block; margin: 0; padding: 5px 0 5px 0; list-style: none; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; line-height: 14px; color: #4f4f4f; text-align: left; }
#main #container #sidebar #side_content img, #side_content img{ float: left; margin: 5px 15px 15px 0; }

.media { float: left; margin: 0 auto; width: 85px; margin: 0 0 0 25px !important; display:inline; }
.media  img { border:0 none; height: 91px; width: 65px; } /* height: 91px; width: 65px; */
.side_wide { width: 320px !important; }

/* Sidebar bottom */
#main #container #sidebar #sidebar_bottom { display: block; width: 305px; height: 40px; margin: 0; padding: 0; background: url(images/bg.sidebar.bottom.png) no-repeat top left; }
#main #container .side_wide #sidebar_bottom { display: block; width: 320px !important; height: 40px; margin: 0; padding: 0; background: url(images/bg_sidebar_bottom_wide.png) no-repeat top left !important; }



/*//////////////////
/* Social Media   */
/*////////////////*/

#main #main_bottom #social { clear: both; width: 975px; margin: 0 auto; padding: 35px 0 0 25px; overflow:hidden; text-align: left; }
#main #main_bottom #social p { height: 21px; font-family: "Presence Medium", sans-serif; font-size: 12px; line-height: 21px; color: #fff; font-weight: 100; vertical-align: top; }
#main #main_bottom #social .icon { display: inline; width: 21px; height: 21px; margin: 0; padding: 0 0 0 5px; }
#main #main_bottom #social p a { text-decoration: none; }




/*////////////////////////////////////////////////
**************************************************

FOOTER

**************************************************
////////////////////////////////////////////////*/


#footer { position: absolute; top: 250px; left: 50% !important; margin-left: -500px; width: 1000px; height: 15px; padding: 0 0 25px 0; }
#main #footer { position: relative; top: 0; padding: 0 0 25px 0; margin: 0 auto; left: 0 !important;}
#footer #copyright { float: left; width: 360px; margin: 0; padding: 0; text-align: left; }
#footer #copyright p { margin: 10px 0 0 25px; font-family: Verdana, Arial, sans-serif; font-size: 12px; line-height: 15px; color: #909090; font-weight: 100; }

#footer .links { float: left; width: 610px; margin: 0; padding: 10px 25px 0 0; }
#footer .links ul { display: block; margin: 0; padding: 0; list-style: none; text-align: right; }
#footer .links ul li { display: inline; margin: 0 10px 0 0; padding: 0; list-style: none; font-size: 12px; line-height: 15px; font-family: Verdana, Arial, sans-serif; color: #96ccc7; font-weight: 300; }
#footer .links ul li a { text-decoration: none; color: #5382c1; }
#footer .links ul li a:hover { text-decoration: none; color: #96ccc7; }

#footer #links { float: left; width: 610px; margin: 0; padding: 10px 25px 0 0; }
#footer #links ul { display: block; margin: 0; padding: 0; list-style: none; text-align: right; }
#footer #links ul li { display: inline; margin: 0 10px 0 0; padding: 0; list-style: none; font-size: 12px; line-height: 15px; font-family: Verdana, Arial, sans-serif; color: #96ccc7; font-weight: 300; }
#footer #links ul li a { text-decoration: none; color: #5382c1; }
#footer #links ul li a:hover { text-decoration: none; color: #96ccc7; }


br { clear: left; margin: 0; padding: 0;  }