/* @override http://www.redtree-devsite.com.php5-12.dfw1-1.websitetestlink.com/css/styles.css */

@font-face { font-family: "Gotham"; src: url('../fonts/Gotham-Book.otf'); }

@font-face { font-family: "Gotham"; src: url('../fonts/Gotham-Medium.otf'); font-weight: bold;}

@font-face { font-family: "GothamNarrow"; src: url('../fonts/GothamNarrow-Medium.otf'); }

/*-----------------Reset Basic Params------------------------*/

/* http://meyerweb.com/eric/tools/css/reset/ */

/* v1.0 | 20080212 */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; }

body { line-height: 1; }

ol, ul { list-style: none; }

blockquote, q { quotes: none; }

blockquote:before, blockquote:after,
q:before, q:after { content: ''; content: none; }

/* remember to define focus styles! */

:focus { outline: 0; }

/* remember to highlight inserts somehow! */

ins { text-decoration: none; }

del { text-decoration: line-through; }

/* tables still need 'cellspacing="0"' in the markup */

table { border-collapse: collapse; border-spacing: 0; }

/* ------------------------------------*/

/*Basic Declarations*/

body { background: url(../images/bg-paper.jpg) repeat 0 top; text-align: center; font-family: Gotham,  Helvetica; color: #434343; }

a { color: inherit; text-decoration: underline; }

a:hover { color: #f90; }

h1,h2,h3,h4 {font-family: Gotham; font-weight: bold; }

h1 { color: #83171b; text-align: left; font-size: 22px; }

h2 { font-size: 14px; text-align: left; }

h3 { margin-bottom: 5px; margin-top: 20px; color: #83171b; font-size: 14px; text-align: left; line-height: 18px; }

h4 { margin-bottom: 5px; margin-top: 5px ; font-size: 12px; text-align: left; }

p { margin-top: 5px; margin-bottom: 10px; font: 13px/18px Gotham; color: #5e5e5e; }

hr { margin-top: 20px; margin-bottom: 20px; background-color: #c0c0c0; color: #c0c0c0; height: 0px; }

/*Layout*/

#GreyHeadbar { background-color: #5a5958; width: 100%; height: 35px; }

#ShadowContainer { margin: 0 auto; width: 1000px; background: url(../images/BG-Content.png) 50% top; }

#ContentContainer { margin: 0 auto; width: 950px; }

#ContentBottom { margin: 0 auto; padding: 0; width: 1000px; height: 20px; background: url(../images/BG-ContentBottom.png) no-repeat; position: relative; top: -5px; }

#Header { width: 950px; height: 200px; text-align: left; }

#Footer { clear: both; background-color: #083A78; width: 930px; height: 100px; color: white; padding: 10px; }

#ContentBody { width: 950px; min-height: 400px; text-align: left; clear: both; margin-top: 10px; }

#ContentBody a { color: #005392; }
#ContentBody a:hover { color: #f4c362; }

#ContentBody p { text-align: justify; }
#ContentBody p.center { text-align: center; }

#ContentBody ul { font: 13px/18px Gotham; color: #5e5e5e; margin-bottom: 10px; margin-left: 25px; list-style-type: disc; }

#ContentBody li { font: 13px/18px Gotham; color: #5e5e5e; padding-bottom: 5px; }

#ContentBody img.left { margin-right: 20px; float: left; }

#ContentBody img.right { margin-left: 20px; float: right; }

#ContentBody p.introText { color: #5e5e5e; font: 18px/30px "GothamNarrow"; padding-bottom: 10px; padding-top: 0; }

#ContentBody table { font: 13px/16px Gotham; background-color: #f9f7f2; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;}
#ContentBody td { padding: 5px; text-align: left; }
#ContentBody tr.header { font: bold 10px Gotham; border-bottom: 1px dotted #a9a9a9; }
#ContentBody tr.alternateFill { background-color: #efede8; }

#FullWidthBody { padding: 15px; font: 13px/18px Gotham; color: #5e5e5e; }

#FullWidthBody ul li { margin-left: 25px; list-style-type: disc; margin-bottom: 10px; }

#Masthead { width: 950px; min-height: 100px; }

#BodyMain { width: 660px; min-height: 450px; float: left; color: #666; padding: 20px; border-right: 1px dashed #a0a0a0; }

#BodyMain p.center { text-align: center; }

#BodyRight { text-align: left; width: 220px; min-height: 450px; float: right; padding: 20px 10px 10px; }

#BodyRight ul {  }

#BodyRight ul li { color: #5e5e5e; list-style-type: disc; list-style-position: outside; font: 12px Gotham; margin-top: 0; margin-bottom: 0; padding-top: 0; padding-left: 0; }

#BodyRight p { padding: 10px 5px 0px 0px; margin: 0px; text-align: left; }

#BodyRight p.center { text-align: center; }

/*----------Header----------*/

#ClickorCall { position: relative; left: 595px; top: -40px; }

#TopLogo {  }

#top-menu { position: relative; top: -50px; font: bold 11px Gotham; color: #8e191b; left: 225px; width: 700px; height: 60px; overflow: hidden; }

/*----------Body----------*/

.InlineIMG { margin: 5px; }

.Sidebar-Highlight { background-image: url(../images/Sidebar-highlight.png); width: 215px; height: 145px; position: relative; padding: 5px 5px 0 0; right: 5px; }

/*----------Misc-----------*/

#bigError { width: 500px; padding: 10px 20px 10px 100px; position: relative; left: 150px; top: 100px; background: #eaeaea; -moz-border-radius: 15px; -webkit-border-radius: 15px; border-radius: 15px; -moz-box-shadow: 2px 2px 5px #888; -webkit-box-shadow: 2px 2px 5px #888; border: 3px solid #5e5e5e; }

#bigError img { position: absolute; left: 25px; }

#popup { border: 2px dotted #f4c362; }
#popup2 { border: 2px dotted #f4c362; }
#popup3 { border: 2px dotted #f4c362; }
#popup a {  }

#SocialIcons { margin-top: 5px; }

.tooltip { color: #fff; background: #f4c362; padding: 5px 5px 2px; font: 11px Gotham-Medium; -moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px; -webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px; }

#SidebarDownload { background-color: #f6f5f4; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; padding: 10px; -moz-box-shadow: 1px 1px 3px #888; -webkit-box-shadow: 1px 1px 3px #888; }

#SidebarDownload p { text-align: left; font-size: 12px; line-height: 14px; margin: 0; padding: 0; }

#SidebarDownload input { -moz-border-radius: 15px; -webkit-border-radius: 15px; padding: 5px; margin-top: 10px; width: 185px; color: #424242; }

.VideoTitle { font-size: 11px; font-weight: bold; text-align: left !important; margin: 0; padding: 0; line-height: 12px; }
.VideoDescription { text-align: left !important; margin: 0; padding: 10px 0 0; font-size: 11px; line-height: 12px; }
.VideoThumbnail { float: left; margin-right: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; }
.VideoThumbnail-NoFloat { -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; }
.VideoTable { }

/*Footer*/

#FooterLegal { font-size: 11px; text-align: right; position: relative; top: 5px; right: 25px; }

#Footer h2 { font-size: 14px; font-weight: bold; }

#Footer a { color: #fff; }

#Footer a:hover { color: #f4c362; }

#Footer li { font-size: 11px; line-height: 16px; margin-left: 20px; }

#Footer p { color: #fff; font-size: 11px; }

#Footer-Box-1 { width: 280px; height: 90px; display: inline-block; float: left; border-right: 1px ridge #a9a9a9; text-align: left; padding: 5px; }

#Footer-Box-2 { width: 340px; height: 90px; display: inline-block; float: left; border-right: 1px ridge #a9a9a9; text-align: left; padding: 5px 5px 5px 15px; }

#Footer-Box-3 { padding-left: 10px; width: 265px; height: 90px; display: inline-block; float: right; }

/*----------Home Page Misc----------*/

#HomeMain { width: 600px; float: left; }

#HomeRight { text-align: right; width: 350px; min-height: 450px; float: right; }

#HomeHighlights { width: 950px; height: 200px; background-image: url(../images/HighlightBoxes.png); overflow: hidden; }

#Highlight-Box1 { width: 454px; height: 180px; overflow: hidden; padding: 10px; border-right: 2px groove #d5d5d5; float: left; display: block; }

#Highlight-Box2 { width: 454px; height: 180px; overflow: hidden; padding: 10px; display: block; }

/*---------Home Page Slider-----------------*/

#HomePageSlider { width: 950px; height: 300px; background-image: url(../images/HomePageSlider-bg.png); }
#HomePageSlider p { padding: 10px; }
#HomePageSlider h3 { padding: 10px; }
/* container for slides */
.images { position: relative; height: 300px; width: 950px; cursor: pointer; }
/* single slide */
.images div { display: none; position: absolute; top: 0px; left: 0; height: 300px; width: 950px; }
/* tabs (those little circles below slides) */
.slidetabs { text-align: center; z-index: 999; position: relative; top: -25px; }
/* single tab */
.slidetabs a { width: 8px; height: 8px; margin: 3px; background: url(../images/navigator.png) 0 0 no-repeat; font-size: 1px; display: inline-block; }
/* mouseover state */
.slidetabs a:hover { background-position: 0 -8px; }
/* active state (current page state) */
.slidetabs a.current { background-position: 0 -16px; }
/* prev and next buttons */
.forward, .backward { float: left; margin-top: 140px; background: url(../images/hori_large.png) no-repeat; display: block; width: 30px; height: 30px; cursor: pointer; font-size: 1px; text-indent: -9999em; z-index: 999; }
/* next */
.forward { background-position: 0 -30px; float: right; position: relative; left: 15px; }
.forward:hover { background-position: -30px -30px; }
.forward:active { background-position: -60px -30px; }
/* prev */
.backward { position: relative; left: -15px; }
.backward:hover { background-position: -30px 0; }
.backward:active { background-position: -60px 0; }
/* disabled navigational button. is not needed when tabs are configured with rotate: true */
.disabled { visibility: hidden !important; }


/*----------ContentPageTabs----------*/
/* root element for tabs  */
#tabHeader { text-align: center; }
.tabs { list-style: none; margin: 0 !important; padding: 0; height: 30px; list-style-type: none !important; background: url(../images/T2-Shadowbar.png) no-repeat 0 25px; text-align: center; }
/* single tab */
.tabs ul {  }
.tabs li { text-indent: 0; padding: 0; margin: 0 !important; list-style-image: none !important; float: left; height: 20px; }
.tabs li:first-child {  }
.tabs li:last-child {  }
/* link inside the tab. uses a background image */
.tabs a { display: inline-block; height: 30px; text-align: center; text-decoration: none; color: #424242 !important; padding: 0px 20px; position: relative; margin-top: 0px; margin-bottom: 0px; background: url(../images/TabBar.png) no-repeat -12px 0px; font: 11px/30px Gotham-Medium; }
.tabs a:active { outline: none; }
/* when mouse enters the tab move the background image */
.tabs a:hover { background-position: -12px -31px; color: #fff; }
/* active tab uses a class name "current". it's highlight is also done by moving the background image. */
.tabs .current, .tabs .current:hover, .tabs li.current a { background-position: -12px -62px; cursor: default !important; color: #941000 !important; }
/* initially all panes are hidden */
.panes .pane { display: none; }

---------Video Gallery & Player-----------*/
#VideoGallery { margin: 0 !important; padding: 0 !important; list-style: none !important; }
#VideoGalleryLeft { width: 640px; float: left; }
#VideoGalleryRight { width: 275px; height: 358px; float: right; overflow: auto; margin: 0; padding: 0; border: 1px solid #929292; }
#VideoGalleryRight ul {  }
#VideoGalleryRight ul li { width: 247px; height: 65px; overflow: hidden; border: 1px dotted #919191; font-size: 10px; list-style-type: none; margin: 3px; padding: 3px; }
#VideoGalleryRight ul li:hover { background-color: #f4c362; }
#VideoGalleryRight h3 { font-size: 12px; padding-left: 110px; line-height: 13px; }
#VideoGalleryRight p { font-size: 10px; line-height: normal; padding-left: 110px; margin: 0; position: relative; top: -3px; }
#VideoGalleryRight img { width: 100px; float: left; }
#VideoGalleryRight a { text-decoration: none; }
.VideoCanvas { width: 640px; height: 360px; background-color: #000; display: block; }
/* use a semi-transparent image for the overlay */
#overlay { background-image: url(http://static.flowplayer.org/img/overlay/transparent.png); color: #efefef; height: 450px; }
/* container for external content. uses vertical scrollbar, if needed */
div.contentWrap { height: 441px; overflow-y: auto; }


/* the overlayed element */
.apple_overlay { /
* initially overlay is hidden */
	display: none; /
* growing background image */
	background-image: url(http://static.flowplayer.org/img/overlay/white.png); /
* 
		width after the growing animation finishes
		height is automatically calculated
	*/
	width: 640px; /* 
some padding to layout nested elements nicely  */
	padding: 35px; /* 
a little styling */	
	font-size: 11px; }
/* default close button positioned on upper right corner */
.apple_overlay .close { background-image: url(http://static.flowplayer.org/img/overlay/close.png); position: absolute; right: 5px; top: 5px; cursor: pointer; height: 35px; width: 35px; }