﻿*
{
    margin: 0;
    padding: 0;
}

html
{
    height: 100%;
    background-color: #980606;
}

body
{
    margin: 0;
    padding: 0;
    vertical-align: top;
    height: 100%;
}
form
{
    margin: 0;
    padding: 0;
}

img
{
    border: 0;
    vertical-align: middle;
    text-align: left;
}

html, body
{
    height: 100%;
}

/* data input */
input[type=text]
{
    font-size: 100%;
    font-family: 'Tahoma' ,Verdana, Arial, Helvetica, sans-serif;
}
textarea
{
    font-size: 100%;
    font-family: 'Tahoma' ,Verdana, Arial, Helvetica, sans-serif;
}

/*header*/
#header .row_1 .row_2
{
    position:relative;
}

.headerImageDiv
{
    vertical-align: top;
    width: 788px;
    position: relative;
    left: 232px;
}

.headerImageDiv2
{
    vertical-align: top;
    margin: 1px 1px 0 0;
    float: left;
    position: absolute;
    top: 47px;
    left: 0;
}
.headerImage
{
    width: 734px;
}

#logoAddress
{
    position: absolute;
    top: 47px;
    left: 0;
    z-index: 5;
}

/**************************/
/* rotator styles - BEGIN */
div#rotator
{
    position: relative;
    height: 272px;
    overflow-x: hidden;
    z-index: 4;
}
div#rotator ul
{
    background-image: none;
}
div#rotator ul li
{
    float: left;
    position: absolute;
    list-style: none;
    list-style-type: none;
    list-style-image: none;
    background: none;
}
div#rotator ul li img
{
    border: 0;
}
div#rotator ul li.show
{
    z-index: 500;
}
/* rotator styles - END */
/************************/

#page1 #addressAndInfoSpacer
{
    height: 8px;
    width: 215px;
    background-color: #251220;
}

.address
{
    width: 230px;
    font-family: Arial;
    font-size: 9pt;
    color: #2b1434;
    text-align: center;
    font-weight: bold;
}
.logo
{
    width: 204px;
    padding: 45px 0 20px 14px;
}

/*QUickLinks list*/
div.quickLinks ul
{
    list-style-type: none;
    padding: 0px;
    margin: 0px;
}
div.quickLinks ul li
{
    background-image: url(../images/arrow.png);
    background-repeat: no-repeat;
    background-position: 5px 10px;
    padding-left: 25px;
    padding-bottom: 10px;
    padding-top: 5px;
    border-bottom: 1px dotted black;
    text-align: left;
}

div.quickLinks a
{
    font-family: Verdana, Helvetica, Arial, sans-serif;
    font-size: 10pt;
    font-weight: bold;
    color: black;
    text-align: left;
    text-decoration: none;
}

div.quickLinks a:hover
{
    text-decoration: underline;
}


#pagecontainer
{
    width: 1020px;
    margin: 0 auto;
    background-color: #ffffff; /* for the footer to stick to bottom of page: */
    height: auto;
    position: relative;
    overflow: hidden;
}

#pageheader
{
    position: relative;
    width: 1020px;
    height: 95px;
    background-color: #ffffff;
}
#headerlogo
{
    float: left;
    text-align: center;
    margin: auto;
    padding-top: 50px;
    padding-bottom: 5px;
}
#headernav
{
    text-align: right;
    position: absolute;
    width: 150px;
    height: 37px;
    right: 0;
    top: 10px;
    background-color: #ffffff;
}
#headernav .navbutton
{
    margin: 0;
    border: 0;
    padding: 0;
}
#headernav .divider
{
    border-right: 1px dotted #999999;
}

#navigation
{
    height: 43px;
    margin: 0 0 3px 0;
}
#search
{
    float: left;
    position: relative;
    color: #ffffff;
    width: 257px;
    height: 43px;
    margin: 0;
    margin-right: -12px;
    background-color: transparent;
    text-align: center;
    line-height: 43px;
}

.searchBoxPanel
{
    background-color: transparent;
    font-size: 75%;
    margin: auto;
    font-family: 'Tahoma' ,Verdana, Arial, Helvetica, sans-serif;
}

.verticalcenter
{
    display: inline-block;
    vertical-align: middle;
}

.col_1
{
    float: left;
    border: 0 solid;
    border-top-color: White;
    width: 198px;
    margin: 1px 0 30px -1px;
}
.col_2
{
    float: left;
    border: 0 solid;
    width: 757px;
    margin: 0;
    padding: 0 15px;
}
.col_2_default
{
    float: left;
    border: 0 solid;
    width: 542px;
    margin: 0 0 0 0;
    overflow-x: hidden;
}



#side
{
    width: 231px;
    padding: 10px 0 0 0;
    background-color: #f8f6f6;
    border: 1px;
    border-color: #f0e2f2;
    border-style: solid;
    float: left;
}

#mainLeftColumn
{
    width: 210px;
    padding: 10px 10px 0;
    background-color: #fffee3;
    border: 1px;
    border-color: #d9d7a3;
    border-style: solid;
    float: left;
}

#mainRightColumn
{
    width: 191px;
    float: right;
    padding: 0 6px;
    overflow-x: hidden;
    text-align: center;
    position: relative;
    border: 0 none;
    margin-bottom: -2000px;
    padding-bottom: 2000px;
}

.ColumnFeatureTitle
{
    background-image: url(../images/arrow-big.png);
    background-position: 0 13px;
    background-repeat: no-repeat;
    padding-bottom: 5px;
    padding-top: 5px;
    padding-left: 22px;
    width: 187px;
    font-family: Candara;
    color: #980606;
    font-size: 22pt;
    text-align: left;
    line-height: 1;
}


.rightFeatureItem
{
    padding-bottom: 20px;
    text-align: left;
}

.rightFeatureItem a
{
    font-family: Arial;
    font-size: 11pt;
    color: black;
    text-align: left;
    text-decoration: none;
    line-height: 150%;
}

.rightFeatureItem a:hover
{
    text-decoration: underline;
}


#mainRightColumnWide
{
    margin-left: 3px;
    padding: 0 15px;
}

#mainmenu
{
    color: #ffffff;
    float: right;
    position: relative;
    margin: 0;
    width: 706px;
    height: 29px;
    padding-top: 14px;
    background-color: transparent;
}

/* calendar control */
#calendar
{
    display: table-cell;
    vertical-align: bottom;
    padding-bottom: 20px;
}
div#calendar_title
{
    background-image: url('../images/arrow-big.png');
    background-repeat: no-repeat;
    background-position: left center;
}
div#calendar_title a:hover
{
    text-decoration: underline;
    cursor: pointer;
}

.calendar-class
{
    width: 194px;
    background-color: #fffee3;
    font-family: Arial;
    align-content: center;
    text-align: center;
    font-size: 8pt;
    border: 1px solid #980606;
    border-collapse: separate !important;
}
.calendar-class a
{
    text-decoration: none;
    color: #314544;
}

.calendar-dayHeader
{
    color: #314544;
    font-weight: normal;
    padding: 0 0;
    font-size: 8pt;
    text-transform: uppercase;
    background-color: #e2e0a0;
    height: 22px;
}
.calendar-nextPrev
{
    background-color: #980606;
    padding: 0 5px;
    text-align: center;
    color: White;
}
.calendar-day
{
    padding: 2px 6px;
    font-size: 11px;
}
.calendar-otherMonthDay
{
    padding: 2px 6px;
    color: #8ba6c8;
}
.calendar-selectedDay a
{
    padding: 2px 6px;
    color: #980606;
    font-weight: bold;
    font-size: 11px;
}
.calendar-selectedDay a:hover
{
    text-decoration: underline;
}
.calendar-today
{
    border: 1px solid #BF5C45;
}
.calendar-title
{
    background-color: #980606;
    color: white;
    font-size: 17px;
    vertical-align: middle;
    height: 28px;
}

.calendar_link
{
    font-family: Candara;
    font-size: 22pt;
    color: #980606;
    text-align: left;
    text-decoration: none;
}
.calendar_link a:hover
{
    text-decoration: none;
}

.calendar_items_list
{
    border: 1px solid #ecc1df;
    margin: -1px;
}
.calendar_items_list_header
{
    padding: 4px 10px 0 10px;
    height: 26px;
    background-color: #FFF0F0;
}
.calendar_items_list_header .div1
{
    width: 150px;
}
.calendar_items_list li .div_col1
{
    padding: 4px 0 0 10px;
    height: 26px;
    width: 150px;
    background-color: inherit;
}
.calendar_items_list li .div_col2
{
    padding: 4px 10px 0 0;
    height: 26px;
    width: 250px;
    background-color: inherit;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.calendar_items_list .item
{
}
.calendar_items_list .alt_item
{
    background-color: #FFF8F8;
}
/*End of Calendar*/

/*Calendar list items*/
.date a:hover
{
    text-decoration: underline;
}

ul.calendar_items_list
{
    list-style: none;
    border: none;
}

.news-font
{
    font-family: Arial; /*color: #4d494b;*/
    color: black;
    font-size: 11pt;
    display: block;
}

.news-view-btn
{
    margin-left: 0;
    background-image: url(../images/button.png);
    width: 78px;
    height: 32px;
}

.view-button
{
    padding-top: 10px;
    float: left;
}

.day-event
{
    margin: 10px 0 10px 0;
}

.date a
{
    font-family: Candara;
    font-size: 14pt;
    color: #980606;
    text-decoration: none;
}

.date a:hover
{
    text-decoration: underline;
}

.news-font
{
    font-family: Arial;
    color: #4d494b;
    font-size: 11pt;
}

.day
{
    width: 200px;
    margin-top: 10px;
    text-align: left;
}
/*End of calendar list items*/


/*  Sophicity styling start */
/* ComponentArt Menu Styling */

.TopGroup
{
    padding: 0 0;
    text-transform: uppercase;
    text-align: left;
    font-family: sans-serif;
    font-size: 14px;
    margin: 0 auto;
    height: 45px;
    width: 100%;
    background-color: #732c7b;
}

.TopGroup td
{
    color: White;
    background-color: #732c7b;
    vertical-align: middle;
}

.TopGroup td:hover
{
    color: #d0c6ca;
    background-color: #732c7b;
}

.topMenuItem
{
    padding: 0 10px 0 10px;
    background-color: #732c7b;
    color: #faf8ee;
    font-family: Verdana;
    font-size: 11pt;
    text-shadow: 1px 2px 2px #252221;
}

/*
.topMenuItemHover
{
    padding:0 10px 0 10px;
    background-color:#732c7b;
    color: #d0c6ca;
	font-family: Verdana;
	font-size: 11pt;
	text-shadow: 1px 2px 2px #252221; 
}
*/

.firstTopMenuItem, .firstTopMenuItemHover
{
    padding: 5px 10px 0 5px;
    text-align: center;
    background-color: #732c7b;
}

.lastTopMenuItem, .lastTopMenuItemHover
{
    padding: 5px 10px 0 5px;
    background-color: #732c7b;
}

.topMenuItemHover, .lastTopMenuItemHover, .firstTopMenuItemHover
{
    cursor: pointer;
    color: #d0c6ca;
    text-decoration: underline;
    padding: 0 10px 0 10px;
    background-color: #732c7b;
    font-family: Verdana;
    font-size: 11pt;
}

.menuItem
{
    cursor: pointer;
    color: #faf8ee;
    font-family: Verdana;
    font-size: 10pt;
    text-decoration: none;
    text-transform: uppercase;
    text-shadow: 1px 2px 2px #252221;
    padding: 5px 5px 0 10px;
    background-color: #732c7b;
    height: 25px;
}
.menuItemHover
{
    cursor: pointer;
    padding: 5px 10px 0 10px;
    font-family: Verdana;
    font-size: 10pt;
    color: white;
    background: #5B0707;
    text-shadow: 1px 2px 2px #252221;
    height: 25px;
    text-decoration: underline;
    text-transform: uppercase;
}
.MenuGroup
{
    background-color: #1d0c18;
    color: White;
    font-family: sans-serif;
    font-size: 14pt;
}
.FooterTopGroup
{
    padding: 0 150px 0 250px;
    color: #fff;
    font-family: Arial;
    font-size: 9pt;
    font-weight: bold;
    text-decoration: underline;
    margin: 0 0;
    text-align: right;
}
.footerTopMenuItem, .footerTopMenuItemHover
{
    padding: 0 7px 0 8px;
}
.footerTopMenuItemHover
{
    cursor: pointer;
}
.footerLastTopMenuItem, .footerLastTopMenuItemHover
{
    padding: 0 8px 0 7px;
}

.FooterMenuGroup
{
    background-color: #0066cc;
    color: White;
    font-family: 'Tahoma' ,Verdana, Arial, Helvetica, sans-serif;
    font-size: 8pt;
}

.footerMenuItem, .footerMenuItemHover
{
    padding-top: 0;
    padding-right: 8px;
    padding-left: 8px;
}

.footerMenuItemHover, .footerLastTopMenuItemHover
{
    cursor: pointer;
}

/* End ComponentArt Menu Styling */


/*Footer styles*/
.container-bottom
{
    width: 970px;
    height: 67px;
    margin: 0 auto;
    position: relative;
}

.clearfix:before, .clearfix:after
{
    content: "\0020";
    display: block;
    height: 0;
    overflow: hidden;
}

.clearfix:after
{
    clear: both;
}

.clear
{
    clear: both;
}

#footer
{
    overflow: visible;
    clear: both;
    border-top: 0;
    width: 1020px;
    height: 67px;
    position: relative;
    bottom: 0;
    background-color: #5B0707;
}

#footerLeft
{
    float: left;
    color: white;
    font-family: arial;
    font-size: 9pt;
    margin: 25px 0 0 20px;
}

#footerCenter
{
    float: left;
    color: white;
    font-family: Arial;
    font-size: 9pt;
    margin: 25px 0 0 30px;
}

#footerRight
{
    float: left;
    margin-top: 15px;
}

.footer-left-column
{
    float: left;
    color: white;
    font-family: Arial;
    font-size: 9pt;
    margin: 25px 0 0 30px;
}

.footer-center-column
{
    margin: 20px 0 0 335px;
}

.footer-menu
{
    margin: 0 11px;
    float: left;
}

.footer-center-column a
{
    color: whitesmoke;
    font-family: Arial;
    font-weight: bold;
    font-size: 9pt;
    text-decoration: none;
    text-align: right;
}

.footer-center-column a:hover
{
    text-decoration: underline;
}

.footer-right-column
{
    margin-top: 15px;
}

.footer-right-links
{
    margin: 0 0 0 15px;
}


#mainContent
{
    clear: both;
    overflow: hidden;
    padding-bottom: 100px;
}


.itemListEntryTextHyperLink, .itemListEntryTextHyperLink_LastItem
{
    text-decoration: none;
}
.itemListEntryTextHyperLink_LastItem .leftFeatureItem
{
    border-bottom: 0;
}
#subheaderLeft
{
    width: 227px;
    margin-right: 3px;
    padding: 15px 15px 10px 12px;
}
#subheaderRight
{
    float: left;
    width: 503px;
    margin-right: 3px;
    height: 193px;
}

h1.mcms_RendererPageDescription, h2.mcms_RendererPageSectionHeading
{
    font-family: Arial;
    font-size: 1.5em;
    color: #000168;
    font-weight: bold;
}

h2.mcms_RendererPageSectionHeading
{
    font-size: 1.28em;
}

h3.mcms_RendererContentCaption, .mcms_RendererContentSummary, .mcms_RendererContentViewDetailLink
{
    font-size: 1em;
    color: #393939;
    text-decoration: underline;
}
.mcms_RendererContentSummary
{
    text-decoration: none;
}
.mcms_RendererContentViewDetailLink
{
    color: #0066cc;
}

.mcms_AdminPageViewHeading span
{
    font-weight: bold;
}

.mcms_SearchResultField
{
    color: #0066cc;
}

.mcms_SearchResultLink
{
    color: #0066cc;
}

#loginIcons
{
    margin: -7px -48px 0 0;
    float: right;
    width: 200px;
    text-align: center;
    height: 33px;
    line-height: 33px;
}

.feedLinkContainer
{
    text-align: right !important;
}

.leftFeatureTop, .leftFeatureBottom
{
    width: 254px;
    height: 7px;
}
.leftFeatureBottom
{
    margin: 0 0 3px 0;
}
.leftFeature
{
    text-align: left;
    padding: 0;
}
.leftFeatureItem
{
    font-size: 11px;
    font-family: Tahoma;
    color: #353535;
    line-height: 14px;
    vertical-align: top;
}


#Section-header
{
    width: 187px;
    font-family: Candara;
    color: #980606;
    font-size: 22pt;
    text-align: left;
    line-height: 1;
}

/* main menu */
ul.menu
{
    width: 1020px;
    height: 45px;
    background-color: #5B0707;
}

ul.menu li
{
    list-style: none;
    float: left;
    height: 45px;
    padding: 0;
    margin: 0;
    text-align: center;
    position: relative;
}

ul.menu li ul
{
    list-style: none;
    padding: 0;
    margin: 0;
    display: none;
    position: absolute;
    left: 0;
    top: 45px;
}

ul.menu li ul li
{
    float: none;
    height: 30px;
    margin: 0;
    text-align: left;
    background-color: #5B0707;
}

ul.menu li a
{
    display: block;
    height: 45px;
    padding: 14px 15px 0;
    color: #faf8ee;
    font-family: Verdana;
    font-size: 11pt;
    text-decoration: none;
    text-shadow: 1px 2px 2px #252221;
}

ul.menu li ul
{
    display: none;
}

ul.menu li:hover ul
{
    display: block;
    position: absolute;
    top: 45px;
    z-index: 1000;
}

ul.menu li:hover ul li
{
    float: none;
    border-right: none;
    background-color: #6C0D0D;
}

ul.menu li:hover ul li a
{
    border-top: 1px solid #5f231b;
    border-right: none;
    width: 270px;
    padding: 7px 0 0 7px;
    font-family: Verdana;
    font-size: 11pt;
    text-decoration: none;
    text-shadow: none;
}

ul.menu a:hover, ul.menu li:hover ul li a:hover
{
    color: #fefa91;
    text-decoration: underline;
}

h1 {
font-family: Candara;
color: #980606;
font-size: 28pt;
text-align: center;
font-weight: bolder;
}

#skiptocontent a {
	padding: 6px 15px 10px 15px;
	position: absolute;
	top: -40px;
	left: 0px;
	color: #980606;
	border-right: 1px solid #980606;
	border-bottom-right-radius: 8px;
	background: transparent;
	-webkit-transition: top 1s ease-out, background 1s linear;
	transition: top 1s ease-out, background 1s linear;
	z-index: 100;
}

	#skiptocontent a:focus {
		position: absolute;
		left: 0px;
		top: 0px;
		background: white;
		border-bottom: 3px #980606 solid;
		outline: 0;
		-webkit-transition: top .1s ease-in, background .5s linear;
		transition: top .1s ease-in, background .5s linear;
	}