@import url(/_styles/Styles.css);


/* Layout Elements */
#page { background: url("images/homepage_page.jpg") no-repeat center top; }

#content { width: 970px; margin: 0 auto; }

#masthead { }

#video { float: right; width: 186px; padding: 10px 30px 0 0; }

#main { width: 543px; clear: left; margin-bottom: 10px; }

#navigation { height: 97px; }

#content .right { width: 230px; float: right; clear: right; text-align: center; padding: 8px; }

#content .left { width: 690px; float: left; padding: 8px; }


/* Functional Elements */
#masthead .logo { background: url("images/homepage_logo.gif") no-repeat center center; }

#main #header {  }
	#main #header h1 { height: 83px; padding-left: 36px; background: url("images/homepage_h1.gif") no-repeat right top; }
		#main #header h1 span { display: none; font-family: "helvetica condensed", helvetica, arial, sans-serif; font-size: 2.5em; color: #fff; font-weight: normal; padding: 26px 0 0 0; }
	#main #header h2 { height: 26px; padding-left: 36px; background: url("images/homepage_h2.gif") no-repeat right top; }
		#main #header h2 span {display: none; font-family: "helvetica condensed", helvetica, arial, sans-serif; font-size: 1.2em; color: #0074bb; font-weight: bold; font-style: italic; padding: 2px 0 0 0; }

#navigation #mainnavigation { position: absolute; margin-left: -12px; }

#main .scrollbar { color: #aab8cf; padding: 8px 0 8px 36px; height: 133px; overflow: auto; line-height: 1.2em; }
	#main .scrollbar p { padding: 0 0 1em 0; }
	#main .scrollbar a:link, #main .scrollbar a:visited
		{ color: #d2d877; text-decoration: none; }
	#main .scrollbar a:hover, #main .scrollbar a:active
		{ text-decoration: underline; }

.box { background: #030427 url("images/box.gif") no-repeat left top; color: #aab8cf; border: 1px solid #04163e; padding: 14px; }
	.box .logo { float: left; padding-right: 10px; }
	.box p { line-height: 1.5em; padding-top: 6px; }
	.box a:link, .box a:visited
		{ color: #d2d877; text-decoration: none; }
	.box a:hover, .box a:active
		{ text-decoration: underline; }
.page1 .box { height: 80px }


.jScrollPaneContainer { position: relative; overflow: hidden; z-index: 1; }
.jScrollPaneTrack { position: absolute; cursor: pointer; right: 0; top: 0; height: 100%; margin: 0 auto; background: url("images/jScrollPaneTrack.gif") repeat-y center center; }
.jScrollPaneDrag { position: absolute; cursor: pointer; overflow: hidden; background: url("images/jScrollPaneDrag.gif") repeat-y center center; }
.jScrollPaneDragTop { position: absolute; top: 0; left: 0; overflow: hidden; height: 1px; background: url("images/jScrollPaneDragTop.gif") no-repeat center center; }
.jScrollPaneDragBottom { position: absolute; bottom: 0; left: 0; overflow: hidden; height: 2px; background: url("images/jScrollPaneDragBottom.gif") no-repeat center center; }

a.jScrollArrowUp { display: block; position: absolute; z-index: 1; top: 0; right: 0; text-indent: -2000px; overflow: hidden; height: 19px; width: 23px; background: url("images/jScrollArrowUp.gif") no-repeat center center; }
a.jScrollArrowUp:hover { }
a.jScrollArrowDown { display: block; position: absolute; z-index: 1; bottom: 0; right: 0; text-indent: -2000px; overflow: hidden; height: 19px; width: 23px; background: url("images/jScrollArrowDown.gif") no-repeat center center; }
a.jScrollArrowDown:hover { }
a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover
	{ }