﻿/*---------------------------
/ General Dom Elements
----------------------------*/
html, body
{
	height: 101%;
	margin: 0px;
	padding: 0px;
	font-size: 12px;
}
body, #foot
{
	font-family: Arial;
	color: #646464;
}
body
{
	background-image: url('images/vertical_gradient.gif');
	position: relative;
}

img
{
	border: 0px;
}
h1
{
	margin-top: 0px;
	margin-bottom: 2px;
	margin-left: 2px;
	font-family: Verdana;
	font-size: 18px;
	color: #6A0606;
}

h2
{
	font-family: Verdana;
	margin-top: .5em;
	margin-bottom: 0px;
	font-size: 16px;
	font-weight: bold;
}
h3, .jobtitle
{
	font-family: Arial;
	margin: 2px;
	padding: 0px;
	color: #990000;
	font-size: 14px;
	font-weight: bold;
}
h4
{
	padding: 0em;
	margin: 0em;
	font-size: 12px;
}
.small
{
	font-size: .8em;
}
.underlined
{
	border-bottom: 1px solid #DCDCDC;
	margin: .5em;
}
a
{
	color: #368CD7;
}
ul
{
	list-style-image: none;
}
/*---------------------------
/ Masterpage Elements
----------------------------*/
#mainContainer
{
	width: 960px;
	margin-left: auto;
	margin-right: auto;
	border-bottom: 1px solid #DCDCDC;
	border-right: 1px solid #DCDCDC;
	border-left: 1px solid #DCDCDC;
	background-color: #FFFFFF;
}
#logoContainer
{
	position: relative;
	background-image: url('images/logo-back.jpg');
	width: 100%;
	height: 90px;
	padding: 0px;
	margin: 0px;
	vertical-align: middle;
	top: 0px;
	left: 0px;
}
#logoContainer img
{
	vertical-align: middle;
	position: absolute;
	top: 20px;
	left: 20px;
}
#foot
{
	text-align: center;
	font-size: 10px;
}
#headerLinks
{
	position:absolute;
	right:0em;
}
#headerLinks a
{
	color: #666767;
	font-family: Arial;
	font-size: 10px;
	text-decoration:none;
	margin:.75em;
	font-weight:bold;
}
#headerLinks a:hover
{
	color:#a3a3a3;
	text-decoration:underline;
}
.userBar
{
	height: 20px;
	border-bottom: 1px solid #DCDCDC;
	line-height: 20px;
	color: #6A0606;
	font-weight: bold;
	background-image: url('images/userbar.jpg');
}
.userBar a
{
	padding: .5em;
	text-decoration: none;
	font-weight: normal;
	color: #6A0606;
}
.userBar a:hover
{
	text-decoration: underline;
}
#userNameContainer
{
	background-color: #6E0D0D;
	color: #FFFFFF;
	height: 19px;
	margin: 0em;
	padding: 0em;
	width: 200px;
	border: 1px solid #490000;
	text-align: center;
}
#userNameContainer a
{
	color: #FFFFFF;
}
.title
{
	font-style: italic;
}

.contentBox, .contentBox2, .contentBox3
{
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 5px;
	margin-top: 2px;
	padding: 1em 1em 1em 1em;
	color: #646464;
	width: 95%;
	font-weight: normal;
	z-index: 8;
}
.contentBox2 p
{
	margin-bottom: .5em;
}
.contentBox2, .contentBox
{
	position: relative;
	clear: both;
}
.contentBox2 ul
{
	list-style-image: url( 'images/bullet.gif' );
	margin: 0em;
}

.ajax__calendar_container, .ajax__calendar_body
{
	width: 220px !important;
}

#optionsMenu
{
	position: relative;
	width: 220px;
	background-color: #6E0D0D;
	font-family: tahoma;
	color: #FFFFFF;
}
#optionsMenu:hover > div
{
	display: block;
	z-index: 11;
}
#optionsMenu h3
{
	font-size: 12px;
	font-weight: normal;
	margin: 0em;
	color: #BA0000;
}
#optionsMenu h2
{
	font-size: 13px;
}

#optionsContainer a
{
	font-size: 10px;
	color: #C6C6C6;
	text-decoration: none;
}
#optionsContainer a:hover
{
	color: #FFFFFF;
	text-decoration: underline;
}
#optionsContainer
{
	border: 1px solid #900303;
	display: none;
	position: absolute;
	width: 218px;
	top: 21px;
	left: 0px;
	background-color: #6E0D0D;
	padding-bottom: 1em;
}
#optionsContainer div
{
	margin-left: .5em;
}
#viewToggle
{
	vertical-align: middle;
	border: 1px solid #490000;
	height: 19px;
	padding: 0em;
	line-height: 19px;
	font-size: .8em;
	text-align: center;
	font-weight: bold;
	cursor: pointer;
	display: block;
	text-decoration: none;
	color: #FFFFFF;
}
/*---------------------------
/ Login Page
----------------------------*/
#loginBox
{
	position: absolute;
	top: 50%;
	left: 50%;
	width: 50em;
	height: 24em;
	margin-top: -12em;
	margin-left: -25em;
	border: 1px solid #ccc;
	background-color: #f3f3f3;
}

#loginBox table
{
	font-size: 12px;
	color: #979797;
	height: 100%;
	margin: auto;
	width: 80%;
}
#loginBox table td
{
	text-align: center;
	padding: 1em;
}


/*---------------------------
/ Navigation 
----------------------------*/
#navigation
{
	color: #FFFFFF;
	border-top: 1px solid #E5E5E5;
	position: relative;
	background-image: url('images/nav_bar.gif');
	width: 100%;
	height: 30px;
	vertical-align: middle;
	line-height: 30px;
	z-index: 50;
}

.navlist
{
	border-right: 1px solid #730E0E;
	padding-top: 0em;
	padding-bottom: 0em;
	padding-right: 2em;
	padding-left: 2em;
	margin: 0em;
	float: left;
	position: relative;
}
.navlist a
{
	color: #FFFFFF;
	text-decoration: none;
}
.navlist:hover
{
	background-image: url(  'images/nav_bar_dark.gif' );
}

.navlist:hover > ul
{
	display: block;
}
.parentitem:hover > ul
{
	display: block;
}
.childitem:hover > ul
{
	display: block;
}
.parentitem, .childitem
{
	position: relative;
}
.childitem, .parentitem
{
	padding-left: 2px;
	height: 25px;
	display: block;
	width: 200px;
	border-bottom: 1px solid #500B0B;
}
.childitem:hover, .parentitem:hover
{
	background-color: #5C0C0C;
}
.parentul
{
	position: absolute;
	top: 29px;
	line-height: 25px;
	padding-top: 0em;
	padding-bottom: 0em;
	left: 0px;
}
.childul
{
	position: absolute;
	left: 100%;
	top: -1px;
	border: 1px solid pink;
}
.parentul a, .childul a
{
	color: #FFFFFF;
	text-decoration: none;
	display: block;
}
.parentul, .childul
{
	font-family: tahoma;
	font-size: 12px;
	font-weight: normal;
	padding: 0em;
	margin: 0em;
	background-color: #741010;
	display: none;
	border: 1px solid #500B0B;
	list-style: none;
}

#quickSearch
{
	position: absolute;
	right: 0px;
	top: 0px;
	height: 30px;
	vertical-align: top;
}
.gsc-completion-container
{
	z-index:40;
}
.gsc-branding-text, .gsc-branding-img, .gs-visibleUrl, .gs-visibleUrl-short
{
	display: none;
}
.gsc-clear-button
{
	position: absolute;
	right: 68px;
}
.gs-webResult, .gsc-tabsArea, .gsc-wrapper
{
	line-height: normal;
}
.gsc-search-box
{
	margin: 0em !important;
}
.gsc-tabData
{
	background-color: #FFFFFF;
	color: #000000;
	padding: .5em;
	margin: 0em;
}
.gsc-tabHeader
{
	background-color: #FFFFFF;
	color: #000000;
	padding: .5em;
}
.gsc-tabsArea
{
	display: none;
}
.gsc-resultsbox-visible
{
	z-index: 50;
}
#topNav
{
	color: #FFFFFF;
	position: absolute;
	top: 0em;
	right: 0em;
	font-size: 10px;
	border-collapse: collapse;
}
#topNav a
{
	color: #FFFFFF;
	text-decoration: none;
}
.toplinks
{
	font-weight: normal;
	padding-left: 1em;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-right: 1em;
	background-image: url('images/top_nav_bg.gif');
}
.leftTopNav
{
	width: 23px;
	padding: 0px;
	height: 19px;
	background-image: url('images/top_nav_bg_left.gif');
	background-color: #000000;
	background-repeat: repeat-x;
}
.breadcrumb, .breadcrumb a
{
	color: #6A0606;
	padding: 2px;
}


/*---------------------------
/ Default.aspx - HOME PAGE
----------------------------*/
#slideShowNav
{
	z-index: 50;
	position: absolute;
	bottom: 10px;
	left: 35px;
}
#slideShowNav a
{
	margin: 0 5px;
	padding: 3px 5px;
	border: 1px solid #ccc;
	background: #FFFFFF;
	color: #000000;
	text-decoration: none;
}
#slideShowNav a.activeSlide
{
	background: #6A0606;
	color: #FFFFFF;
}
#slideShowNav a:focus
{
	outline: none;
}
#slideShow
{
	position: relative;
	height: 350px;
}
#slideShow img
{
	position: absolute;
	left: 0px;
	top: 0px;
	border-bottom: 2px solid #DCDCDC;
	background-image: url('images/loading.gif');
	background-position: center center;
	background-repeat: no-repeat;	
}
.centeredBox
{
	margin-top: 1em;
	margin-bottom: 1em;
	background: #FFFFFF;
	padding: 1em;
	position: relative;
	background-color: #FFFFFF;
}
.centeredBox th
{
	text-align: left;
	padding: 0em;
	margin: 0em;
}

.errorBox
{
	display: block;
}
.errorBox div
{
	text-align: center;
	width: 100%;
	font-weight: bold;
}
.errorBox, .centeredTableList tbody, .centeredTableList, .centeredBox
{
	padding: .5em;
	width: 90%;
	margin-right: auto;
	margin-left: auto;
	border: 1px solid #DCDCDC;
	margin-top: 1em;
	margin-bottom: 1em;
}

.centeredTableList td
{
	text-align: center;
}
.centeredTableList th
{
	background-color: #7D0D0D;
	color: #FFFFFF;
	text-align: center;
}
.DefaultBottomTable
{
	height: 250px;
}

.DefaultBottomTable td
{
	padding: 0px, 6px, 0px, 6px;
	vertical-align: top;
	margin: 0em;
}
.DefaultBottomTable ul
{
	height: 200px;
}
.articleLink, .eventArticleLink
{
	text-decoration: none;
	font-weight: bold;
	font-size: 1em;
	color: #1760A0;
	padding-left: 2px;
}
.articleLink:hover, .eventArticleLink: hover
{
	text-decoration: underline;
}
.articleThumb
{
	height: 50px;
	width: 50px;
}
.eventListLinkDiv
{
	text-align: left;
	padding: 2px;
	border-top: 1px dashed #CCCCCC;
}
#eventListCell div:first-child, .hoverContent div:first-child
{
	border-top: 0px solid #CCCCCC;
}
/*---------------------------
/ Calendar - Default PAGE
----------------------------*/
#hoverBoxContainer
{
	background-color: #fff;
	border: 2px solid #C0C0C0;
}
.closeButton
{
	position: absolute;
	top: 0em;
	right: 0em;
	background-image: url('images/close_off.png');
	width: 42px;
	height: 16px;
	cursor: pointer;
}
.closeButton:hover
{
	background-image: url('images/close_on.png');
}
.closeBar
{
	background-color: #dedede;
	height: 18px;
	width: 100%;
	border-bottom: 1px solid #C0C0C0;
}
.hoverContent
{
	padding: 1em;
	font-family: arial;
	font-weight: bold;
	text-align: center;
}
.dayStyle, .otherMonth
{
	border: 1px solid #C0C0C0;
	border-collapse: collapse;
	font-size: 11px;
}
/*---------------------------
/ Static Page Style
----------------------------*/
.mpNavigation, .dpNavigation
{
	width: 25%;
	border: 1px solid #C0C0C0;
	float: left;
	margin: 1em;
	font-weight: bold;
	background-image: url('images/horizontalbar.png');
	background-repeat: repeat-y;
	background-color: #FFFFFF;
}

.mpNavigation ul, .dpNavigation ul
{
	margin: 0px;
	padding: .5em;
	list-style: none;
}
.mpNavigation li a, .dpNavigation li a
{
	line-height: 24px;
	border-top: 1px solid #C0C0C0;
	color: #646464;
	display: block;
	text-decoration: none;
}
.mpNavigation li:first-child a, .dpNavigation li:first-child a
{
	border-top: 0px;
}
.mpNavigation li a:hover, .dpNavigation li a:hover
{
	color: #909090;
	text-decoration: none;
}
.container_short
{
	float: left;
	display: block;
}
.container_short
{
	width: 70%;
}
.container_long
{
	width: 100%;
}

#blogTable
{
	width: 100%;
	height: 100%;
	margin-left: auto;
	margin-right: auto;
}
#blogContent
{
	width: 60%;
}
#blogArchive
{
	width: 30%;
	vertical-align: top;
}

.treeViewContainer img
{
	border: 0px solid white;
}
.ajax__tab_panel
{
	padding: 0em;
}
.ajax__tab_panel h2
{
	font-family: Verdana;
	margin-top: 0em;
	margin-bottom: 0px;
	font-size: 14px;
	font-weight: bold;
}

#contacts > div
{
	border-top: 1px dotted #C0C0C0;
}
#contacts div:first-child
{
	border-top: 0px;
}
.contactContainer
{
	clear: both;
}
.contactDetails
{
	clear: both;
	display: none;
	border: 1px dashed #C0C0C0;
	font-size: .8em;
	margin: 1em;
	padding: .5em;
}
/*---------------------------
/ Dynamic Page Style
----------------------------*/

.centeredContentBox
{
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 1em;
	margin-top: 1em;
	padding: 1em 1em 1em 1em;
	width: 100%;
	font-weight: normal;
	z-index: 8;
	background-color: #FFFFFF;
	position: relative;

}

/*---------------------------
/ Admin Menu Style
----------------------------*/

.adminMenu
{
	width: 90px;
	border: 1px solid #C0C0C0;
	color: #646464;
	font-family: arial;
	font-weight: bold;
	font-size: 12px;
	text-align: center;
	cursor: pointer;
	margin: .2em;
	background-color: #EBEBEB;
	z-index: 20;
}
.adminMenu:hover
{
	background-color: #E7E7E7;
}
.adminMenu:hover > div
{
	display: block;
}
.adminMenuItem
{
	border-bottom: 1px solid #C0C0C0;
	background-color: #FAFAFA;
	display: none;
	padding: .2em;
	font-size: 12px;
	font-weight: normal;
	text-align: justify;
}
.adminMenuItem:hover
{
	background-color: #EBEBEB;
}
.adminMenu a, .adminMenuItem a
{
	display: block;
	color: #646464;
	text-decoration: none;
}
#leftAdminButton
{
	position: absolute;
	top: 2px;
	right: 100px;
}
#rightAdminButton
{
	position: absolute;
	top: 2px;
	right: .5em;
}
.filesGridView
{
	width: 100%;
	border: 0em;
}
/*---------------------------
/ Employment Page Style
----------------------------*/
.openingContainer
{
	float: left;
	width: 60%;
	padding-top: 0em;
	margin: .5em;
	background-image: url('images/contentbackground.gif');
}
.showDetails
{
	cursor: pointer;
	color: #919191;
	font-family: Arial;
}
.showDetails:hover
{
	text-decoration: underline;
	color: #5A5959;
}
.jobContainer
{
	padding: 1em;
	border-top: 1px dotted #C0C0C0;
}
.pContent, .jobDetails
{
	margin-left: 1em;
}
.jobList div:first-child
{
	border-top: 0px solid black;
}
/*---------------------------
/ Public Notice
----------------------------*/
.publicNoticeContainer ul:first-child
{
	border-top: 0px;
}
.publicNoticeContainer ul
{
	border-top: 1px dashed #C0C0C0;
	margin-top: 1em;
}
/*---------------------------
/Multi-Page Section
---------------------------*/
.formTables
{
	width: 60%;
}
.departmentCenteredBox, .contactCenteredBox
{
	padding: .5em;
	width: 90%;
	margin-right: auto;
	margin-left: auto;
	border: 1px solid #DCDCDC;
	margin-top: 1em;
	margin-bottom: 1em;
}
.managerListTable
{
	width: 90%;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 1em;
}
.managerListNormalField, .managerListEditField
{
	padding: .5em;
}
.managerListEditField, .managerListDeleteField
{
	text-align: center;
}
.managerListTable th
{
	background-color: #7D0D0D;
	color: #FFFFFF;
	padding: 4px;
	font-size: 16px;
	font-family: Arial;
	text-align: left;
}
.addButtons
{
	text-align: right;
}
.accordianPane
{
	margin-left: auto;
	margin-right: auto;
	width: 95%;
	margin-bottom: 2px;
}
.accordianPaneHeader
{
	background-color: #f0efef;
	border: 1px solid #d5d5d5;
}

.accordianPaneHeader, .accordianPaneSelectedHeader
{
	height: 30px;
	line-height: 30px;
	font-size: 14px;
	font-weight: bold;
	padding-left: .5em;
	color: #990000;
	cursor: pointer;
	margin-top: 2px;
}
.accordianPaneSelectedHeader
{
	border-top: 1px solid #d5d5d5;
	border-left: 1px solid #d5d5d5;
	border-right: 1px solid #d5d5d5;
	background-color: #e4e4e4;
}
.accordianContent
{
	border-left: 1px dashed #d5d5d5;
	border-right: 1px dashed #d5d5d5;
	border-bottom: 1px dashed #d5d5d5;
	padding: 1em;
}
.contentHeader
{
	border-left: 1px solid #dadada;
	border-right: 1px solid #dadada;
	border-top: 1px solid #dadada;
	height: 30px;
}
.contentHeader div
{
	float: left;
	line-height: 30px;
	margin: 0em;
	width: 50%;
	font-family: Arial;
	vertical-align: middle;
	font-weight: bold;
	font-size: 14px;
	background-image: url('images/contenthead.gif');
}
/*---------------------------
/ Articles
----------------------------*/
.modelPopupBackground
{
	background-color: Black;
	opacity: 0.4;
	filter: alpha(opacity=40);
}

#thumbnailTool
{
	position: relative;
	z-index: 100;
	padding: 0em;
	margin-left: auto;
	margin-right: auto;
	margin-top: 2em;
	border: 1px solid #929292;
}
#thumbnailToolButtons
{
	text-align: center;
	padding: 1em;
	color: #000000;
}
#transparentBox
{
	width: 65px;
	height: 65px;
	position: absolute;
	top: 0px;
	left: 0px;
	cursor: move;
	padding: 0em;
	opacity: 0.4;
	filter: alpha(opacity=40);
}
.articleGridView
{
	width: 100%;
}
.articleGridView th
{
	text-align: center;
}

.articleGridViewImage
{
	width: 65px;
	height: 65px;
}
.articleGridViewHeadline
{
	margin-left: 2em;
	width: 500px;
}
.articleGridViewDate
{
	width: 200px;
	text-align: center;
	color: #BCBCBC;
}

.articleContent
{
	width: 600px;
	position: relative;
	margin-left: 3em;
	margin-top: 1em;
	margin-bottom: 1em;
	padding: 5px;
	background: url('images/contentbg.jpg');
	border: 1px solid #f0f0f0;
}
.articlePage
{
	position: relative;
}
.articleHead
{
	margin-left: 1em;
}
.articleHead div
{
	color: #8e8d8d;
}
.boldDesignators
{
	font-weight: bold;
	line-height: 30px;
}
#thumbnailImage
{
	padding: 0em;
	margin: 5px;
	width: 65px;
	height: 65px;
	background-image: url('images/default_thumb.gif');
	background-repeat: no-repeat;
	border: 1px solid #CCCCCC;
	float: left;
}
/*---------------------------
/ Contact Page
----------------------------*/
.subDepartmentContainer, .departmentContainer, .contactContainer
{
	clear: both;
}
.departmentContainer h2, .departmentContainer p
{
	padding: 0em;
	margin: 0em;
}
.listContainer div:first-child
{
	border-width: 0em;
}
.departmentDetails
{
	float: left;
	height: 100%;
	margin-left: 1em;
}

.departmentDetails div:first-child
{
	border-width: 0em;
}
.departmentContainer
{
	padding: .5em;
}
.contactContainer, .departmentContainer
{
	border-top: 1px dashed #CCCCCC;
	clear: both;
	padding: .5em;
}
.contactMethods
{
	vertical-align: middle;
	float: right;
	height: 100%;
	text-align: right;
}
.contactPicture
{
	max-height: 180px;
	max-width: 130px;
}

/*---------------------------
/ DepartmentManager Page
----------------------------*/
.departmentCenteredBox caption
{
	text-align: left;
	font-weight: bold;
	font-size: 16px;
	font-family: Verdana;
	border-bottom: 1px solid #CCCCCC;
}
