﻿body
{
	margin: 0px;
	background: #FFFFFF url('/Images/watermark.jpg') no-repeat;
}

div.Header
{
	width: 980px;
	height: 40px;
	overflow: hidden;
	margin: 0px auto;
	padding: 0px;
}
div.Content
{
	width: 980px;
	height: 502px;
	overflow: auto;
	margin: 0px auto;
	padding: 0px;
}
div.ContentBlog
{
    width: 100%;
	height: 502px;
	margin: 0px auto;
	vertical-align: top;
	/*overflow: auto;*/
}
div.ContentBlog_ScrollArea
{
    width: 980px;
    position: relative;
    top: 493px;
    margin: 0px auto;
    /*margin: 490px auto 0px auto;*/
}
div.ContentBlog_Images
{
    padding-left: 4px; 
    display: inline-block; 
    vertical-align: top;
}
div.Footer
{
	width: 980px;
	margin: 25px auto auto auto;
	padding: 0px;
}
div.FormHeader
{
	margin-top: 10px;
	width: 276px;
	height: 90px;
	overflow: hidden;
}
div.FormHeaderBlog
{
	margin-top: 10px;
	width: 316px;
	height: 90px;
	overflow: hidden;
}
div.FormHeaderAlt
{
	margin-top: 10px;
}
div.FormContentScrollWrapperBlog
{
    margin-top: 15px;
}
div.FormContentScrollWrapperComments
{
    margin-left: 20px;
    white-space: normal;
}
div.FormContent
{
	height: 370px;
	overflow: auto;
}
div.FormContentBlog
{
    width: 332px;
	height: 303px;
	overflow: auto;
}
div.FormContentAlt
{
	height: 420px;
	overflow: auto;
}
div.FormContentComments
{
	height: 478px;
	width: 332px;
	overflow: auto;
}
div.FormContentNarrow
{
	width: 296px;
	height: 327px;
	overflow: auto;
}
div.FormContentNarrowVariableHeight
{
	width: 296px;
	overflow: auto;
}
div.FormContentNarrowAlt
{
	width: 296px;
	height: 370px;
	overflow: auto;
}
div.FormScrollingBreak
{
	margin-top: 15px;
}
div.Label
{
    padding-top: 10px;
}
div.Buttons
{
    padding-top: 10px;
}
div.BlogDetails
{
    display: inline-block;
    white-space: normal;
	padding-left: 30px;
	margin-right: 8px;
}
div.BlogPager
{
    display: inline-block;
    white-space: normal;
	width: 275px;
	height: 478px;
	margin-left: 30px;
	padding-left: 30px;
	padding-right: 30px;
	background: #FFFFFF url('/Images/watermark_pager.jpg') no-repeat;
}
div.ExtNav
{
	float: right;
	border-bottom: solid 1px #999999;
	width: 298px;
	height: 20px;
	margin-right: 20px;
}
div.Nav
{
	border-bottom: solid 1px #999999;
	width: 305px;
	height: 20px;
}
div.Twitter
{
	width: 305px;
	margin-top: 10px;
}
div.TwitterFeed
{
	float: left;
	width: 280px;
}

a.btnPrev
{
    cursor: pointer;
}
a.btnNext
{
    cursor: pointer;
}
.sliderGallery
{
    overflow: hidden;
    position: relative;
    height: 502px;
    width: 100%;
    vertical-align: top;
}
.sliderGallery ul
{
    position: absolute;
    list-style: none;
    white-space: nowrap;
    vertical-align: top;
    padding: 0px;
    margin: 0px auto;
}
.sliderGallery ul li
{
    display: inline-block;
    vertical-align: top;
}
.sliderContainer
{
    position: relative;
    width: 915px;
    /*width: 980px;*/
    height: 6px;
    background-color: #F2F2F2;
}
.slider
{
    width: 855px;
    /*width: 920px;*/
    height: 6px;
    /*padding: 0px 30px;
    margin: 490px auto 0px auto;*/
    left: 30px;
    position: relative;
    /*background-color: #F2F2F2;*/
}
.ui-slider-handle
{
    position: absolute;
    cursor: pointer;
    height: 6px;
    width: 60px;
    margin: 0px -30px;
    top: 0px;
    background-color: #000000;
    z-index: 100;
}
span.startScroll
{
    float: left;
    width: 30px;
    height: 6px;
}
span.endScroll
{
    float: right;
    width: 30px;
    height: 6px;
}

.scrollMeNow
{
	
}
.scrollVertDefault .jScrollPaneTrack 
{
	/*position: absolute;
	cursor: pointer;
	left: auto !important;
	bottom: auto !important;
	right: 0;
	top: 0;
	height: 100%;*/
	background: #F2F2F2 !important;
}
.scrollVertDefault .jScrollPaneDrag 
{
	width: 6px;
	height: 60px;
	background: #000000 !important;
}
.scrollVertDefault .scroll-pane 
{
	background-color: transparent;
	display: block;
	overflow: auto;
}

td.Label
{
	text-align: left;
	vertical-align: bottom;
	padding-top: 6px;
}
td.Input
{
	text-align: left;
	vertical-align: top;
}

.img
{
	opacity: 1.0;
	filter: alpha(opacity=100);
}
.imgHov
{
	opacity: 0.75;
	filter: alpha(opacity=75);
}

.mnuStatic
{
	
}
.mnuStatic a
{
	vertical-align: top;
}
.mnuStatic span
{
	vertical-align: top;
}
.mnuStatic a:hover
{
	font: normal 9px arial;
    color: #000000;
    text-decoration: none;
}
.mnuStaticItem
{
	font: normal 9px arial;
	color: #999999;
	text-decoration: none;
}
.mnuStaticSel
{
	font: normal 9px arial;
    color: #000000;
    text-decoration: none;
}
.mnuStaticHov
{
	font: normal 9px arial;
    color: #000000;
    text-decoration: none;
}

.lnkHdr
{
	font: normal 20px arial;
	color: #000000;
	text-transform: uppercase;
	text-decoration: none;
}
.lnkPrimary
{
	font: bold 14px arial;
	color: #000000;
	text-decoration: none;
}
.lnkPrimaryHov
{
	font: bold 14px arial;
	color: #FF00CC;
	text-decoration: none;
}
.lnkDefault
{
	font: normal 12px arial;
	color: #999999;
	text-transform: uppercase;
	text-decoration: none;
}
.lnkDefaultHov
{
	font: normal 12px arial;
	color: #000000;
	text-transform: uppercase;
	text-decoration: none;
}
.lnkBlogMsg
{
	font: italic normal 12px arial;
	color: #999999;
	text-decoration: none;
}
.lnkBlogMsgHov
{
	font: italic normal 12px arial;
	color: #000000;
	text-decoration: none;
}
.lnkTwitter
{
	/*float: left;
	margin-left: 8px;*/
	font: normal 9px arial;
	color: #999999;
	text-decoration: none;
}
.lnkTwitterHov
{
	/*float: left;
	margin-left: 8px;*/
	font: normal 9px arial;
	color: #000000;
	text-decoration: none;
}

.lblSiteTitle
{
	margin-top: 10px;
	font: normal 9px arial;
	color: #999999;
}
.lblUser
{
	vertical-align: top;
	font: normal 9px arial;
	color: #FF00CC;
	text-transform: uppercase;
}
.lblInstruct
{
	font: normal 12px arial;
	color: #999999;
}
.lblHdr
{
	font: normal 20px arial;
	color: #000000;
	text-transform: uppercase;
}
.lblHdrAlt
{
	font: normal 20px arial;
	color: #999999;
	text-transform: uppercase;
}
.lblSubHdr
{
	font: normal 12px arial;
	color: #999999;
	text-transform: uppercase;
}
.lblDefault
{
	color: #333333;
	font: normal 9px arial;
}
.lblInput 
{
	color: #999999;
	font: normal 9px arial;
}
.lblBlogMsg
{
	font: normal 12px arial;
	color: #999999;
}
.lblDetail 
{
	color: #5DFFD4;
	font: normal 8px arial;
}
.lblAlert
{
	color: #CC0000;
	font: normal 8px arial;
}
.lblFeedback
{
	color: #FF00CC;
	font: normal 9px arial;
}

.txtDefault
{
	border: none;
	padding: 2px;
	background-color: #F2F2F2;
	color: #999999;
	font: normal 9px arial;
}
.txtWatermark 
{
	border: none;
	padding: 2px;
	background-color: #F2F2F2;
	color: #000000;
	text-transform: uppercase;
	font: normal 9px arial;
}
.txtSearch
{
	width: 137px;
	vertical-align: top;
}
.txtDate
{
	width: 8em;
}
.txtMed
{
	width: 200px;
}
.txtLong
{
	width: 250px;
}
.txtFull
{
	width: 99%;
}
.txtComment
{
	width: 306px;
}
.txtMulti
{
	height: 8em;
}
.txtMultiMed
{
	width: 250px;
	height: 8em;
}
.txtMultiLong
{
	width: 450px;
	height: 8em;
}
.txtMultiFull
{
	width: 99%;
	height: 8em;
}
.txtMultiComment
{
	width: 306px;
	height: 8em;
}

.ddlDefault
{
	padding: 2px;
	background-color: #F2F2F2;
	color: #999999;
	font: normal 9px arial;
}

.tbl
{
	border: solid 1px #084694;
}
.tblEmptyRow
{
	height: 2em;
	vertical-align: middle;
	text-align: left;
	background-color: #084694;
	color: #FFFFFF;
	font: bold 12px arial;
}
.tblHdrRow
{
	height: 2em;
	vertical-align: middle;
	text-align: left;
	background-color: #084694;
	color: #FFFFFF;
	font: bold 12px arial;
}
.tblHdrRow a
{
	color: #FFFFFF;
	font: bold 12px arial;
}
.tblHdrRow a:hover
{
	color: #C1DDFF;
	font: bold 12px arial;
}
.tblRow
{
	vertical-align: top;
	text-align: left;
	background-color: #FFFFFF;
	color: #0F3E6D;
	font: normal 9px arial;
}
.tblRow td
{
	border-top: solid 1px #C1DDFF;
	border-bottom: solid 1px #C1DDFF;
}
.tblRow span
{
	color: #0F3E6D;
	font: normal 9px arial;
}
.tblAltRow
{
	vertical-align: top;
	text-align: left;
	background-color: #EAEFFF;
	color: #0F3E6D;
	font: normal 9px arial;
}
.tblAltRow td
{
	border-top: solid 1px #C1DDFF;
	border-bottom: solid 1px #C1DDFF;
}
.tblSelRow
{
	vertical-align: top;
	text-align: left;
	background-color: #FFD6AD;
	color: #084694;
	font: bold 9px arial;
}
.tblSelRow td
{
	border-top: solid 1px #C1DDFF;
	border-bottom: solid 1px #C1DDFF;
}
.tblSelRow span
{
	color: #084694;
	font: bold 9px arial;
}
.tblEditRow
{
	vertical-align: top;
	text-align: left;
	background-color: #FFD6AD;
	color: #0F3E6D;
	font: normal 9px arial;
}
.tblEditRow td
{
	border-top: solid 1px #C1DDFF;
	border-bottom: solid 1px #C1DDFF;
}
.tblPageRow
{
	height: 2em;
	vertical-align: middle;
	text-align: left;
	background-color: #C1DDFF;
	color: #0F3E6D;
	font: bold 12px arial;
}
.tblPageRow table
{
	float: left;
}
.tblPageRow a
{
	color: #0F3E6D;
	font: bold 12px arial;
}
.tblFtrRow
{
	height: 2em;
	vertical-align: middle;
	text-align: left;
	background-color: #C1DDFF;
	color: #0F3E6D;
	font: bold 12px arial;
}
.tblFtrRow a
{
	color: #0F3E6D;
	font: bold 12px arial;
}

.jScrollPaneContainer {
	position: relative;
	overflow: hidden;
	z-index: 1;
}
.jScrollPaneTrack {
	position: absolute;
	cursor: pointer;
	right: 0;
	top: 0;
	height: 100%;
	background: #aaa;
}
.jScrollPaneDrag {
	position: absolute;
	background: #666;
	cursor: pointer;
	overflow: hidden;
}
.jScrollPaneDragTop {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
}
.jScrollPaneDragBottom {
	position: absolute;
	bottom: 0;
	left: 0;
	overflow: hidden;
}
a.jScrollArrowUp {
	display: block;
	position: absolute;
	z-index: 1;
	top: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	/*background-color: #666;*/
	height: 9px;
}
a.jScrollArrowUp:hover {
	/*background-color: #f60;*/
}
a.jScrollArrowDown {
	display: block;
	position: absolute;
	z-index: 1;
	bottom: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	/*background-color: #666;*/
	height: 9px;
}
a.jScrollArrowDown:hover {
	/*background-color: #f60;*/
}
a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover {
	/*background-color: #f00;*/
}