﻿/** BASIC */
.album-frame .top-x--- {
background-color: #656565;
	text-align: left;
	height: 14px;
	width: auto;
}
body
{
    margin: 0px;
    padding: 0px;
    background: #DFDFDF url(../../images/homepage01.jpg) repeat left top;
}
.subheader, TD.subheader, TD.subheader A, TD.subheader A:visited {
	font: 18px Verdana,Arial, Helvetica, sans-serif;
	line-height: 28px;
	color: #CAB000;
	text-align: left;
}
div.container_box {
	padding: 6px;
	margin: 2px;
}
.header, TD.header, TD.header A, TD.header A:visited
{
    font: 26px Verdana,Georgia, Arial, Helvetica, sans-serif;
    color: #6E9B1D;
}.subheader, TD.subheader, TD.subheader A, TD.subheader A:visited {
	font: 18px Verdana,Arial, Helvetica, sans-serif;
	line-height: 28px;
	color: #CAB000;
	text-align: left;
}
div.container_box {
	padding: 6px;
	margin: 2px;
}
.header, TD.header, TD.header A, TD.header A:visited
{
    font: 26px Verdana,Georgia, Arial, Helvetica, sans-serif;
    color: #6E9B1D;
}.subheader, TD.subheader, TD.subheader A, TD.subheader A:visited
{
    font: 18px Arial, Helvetica, sans-serif;
    line-height: 28px;
    color: #CAB000;
    text-align: left;
}
div.container_box {
	padding: 6px;
	margin: 2px;
}
.header, TD.header, TD.header A, TD.header A:visited {
   font: 26px Verdana, Arial, Helvetica, sans-serif; 
   color: 6E9B1D;
}.subheader, TD.subheader, TD.subheader A, TD.subheader A:visited {
	font: 18px Verdana,Arial, Helvetica, sans-serif;
	line-height: 28px;
	color: CAB000;
	text-align: left;
}
div.container_box {
	padding: 6px;
	margin: 2px;
}
.header, TD.header, TD.header A, TD.header A:visited {
   font: 26px Verdana, Arial, Helvetica, sans-serif; 
   color: 6E9B1D;
}.subheader, TD.subheader, TD.subheader A, TD.subheader A:visited {
	font: 18px Verdana,Arial, Helvetica, sans-serif;
	line-height: 28px;
	color: CAB000;
	text-align: left;
}
div.container_box {
	padding: 6px;
	margin: 2px;
}
.header, TD.header, TD.header A, TD.header A:visited {
   font: 26px Verdana, Arial, Helvetica, sans-serif; 
   color: 6E9B1D;
}.subheader, TD.subheader, TD.subheader A, TD.subheader A:visited {
	font: 18px Verdana,Arial, Helvetica, sans-serif;
	line-height: 28px;
	color: CAB000;
	text-align: left;
}
div.container_box {
	padding: 6px;
	margin: 2px;
}
.header, TD.header, TD.header A, TD.header A:visited {
   font: 26px Verdana,Georgia, Arial, Helvetica, sans-serif; 
   color: 6E9B1D;
}
/** FORMS */

form {
	margin: 0px;
	padding: 0px;
}

.input1 {
	width: 95px;
	height: 19px;
	background: url(../../images/subpage2_06.jpg) no-repeat left;
	border: none;
}

.input2 {
	width: 207px;
	height: 19px;
	background: url(../../images/subpage1_03.jpg) no-repeat left;
	border: none;
}

/** HEADINGS */

h1, h2, h3, h4, h5, h6 {
	margin: 0px;
	width: auto;
}

/** TEXTS */

body, th, td, input, textarea, select
{
	font-family: Verdana,Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
}

p, blockquote, ul, ol, dl {
	margin-top: 0px;
	margin-bottom: 1em;
}
.texthide
{
	visibility: hidden;
	display: none;
}
.textheader1
{
	border-left: 5px solid #0b1207;
	margin: 0px 0 0px 0;
	padding: 0 0px 0 0px;
	font-size: 12px;
	font-family: Verdana,Arial, Helvetica, sans-serif;
	border-left-width: 0px;
	text-align: center;
	font-weight: bold;
}	
.textheader2
{
	border-left: 5px solid #0b1207;
	margin: 10px 0;
	padding: 0 10px 0 20px;
	font-size: 19px;
	height: 40px;
	font-family: Verdana,Arial, Helvetica, sans-serif;
	border-left-width: 0px;
	text-align: center;
	font-style: italic;
}	
.textheader3
{
	border-left: 5px solid #0b1207;
	margin: 10px 0;
	padding: 0 10px 0 20px;
	font-size: 15px;
	height: 40px;
	font-family: Verdana,Arial, Helvetica, sans-serif;
	border-left-width: 0px;
	text-align: left;
}	
.textbody1
{
	border-color: #FFFFFF;
	padding: 0px;
	font-size: 13px;
	text-align: left;
	font-family: Verdana,Arial, Helvetica, sans-serif;
}
.text1 {
	color: #F1F1F1;
}

.text2 {
	font-size: 10px;
	font-weight: normal;
	color: #FFFFFF;
}

.text3 {
	margin-bottom: 10px;
	font-size: 13px;
	font-weight: bold;
}

.text4 {
	color: #FFFFFF;
}

.text5
{
    color: #ECECEC;
    text-align: left;
}

/** LINKS */

a {
	color: #6C6C6C;
}

a:hover {
	text-decoration: none;
}

.link1 {
}

/** STYLES */

.style1 {
	color: #B4B4B4;
}

.style1 a
{
    text-decoration: none;
    color: #000080;
}

.style1 a:hover {
	text-decoration: underline;
}

/** BACKGROUNDS */

.bg1 { background: url(../../images/homepage03.jpg) repeat-x left top; }
.bg2 {
}
.bg3 {
}
.bg4 { background: url(../../images/homepage11.jpg) no-repeat left top; }
.bg5 { background: url(../../images/homepage12.jpg) repeat-y left top; }
.bg6 {
	background: ../../images/homepage13.jpg no-repeat left
bottom;
}
.bg7 { background: url(../../images/homepage15.gif) repeat-y left top; }

.bg8 { background: url(../../images/homepage17.jpg) no-repeat left top; }
.bg9 { background: url(../../images/homepage18.jpg) no-repeat left top; }
.bg10 { background: url(../../images/homepage19.jpg) no-repeat left top; }

.bg11 { background: url(../../images/homepage20.gif) repeat-x left top; }
.bg12 { background: url(../../images/homepage21.jpg) no-repeat left top; }

.bg13 { background: url(../../images/subpage1_02.jpg) no-repeat left top; }

.bg14 { background: url(../../images/subpage1_06.jpg) repeat-x left top; }
.bg15 { background: url(../../images/homepage25.jpg) repeat-x left top; }
.listviewFiles
{
    background-position: url(images/collapsepanelback-light.jpg) repeat-x;
    background: url(images/collapsepanelback-light.jpg) repeat-x;
}

/** MISC */

.img { border: none; }

.img1 {
	float: left;
	margin: 3px 15px 0px 0px;
}

.img2 {
	float: right;
	margin: 3px 0px 0px 15px;
}

hr
{
    background-color: #99ccff;
    color: #86A3BF;
}

.hr1 {
	height: 1px;
}
	#Table_01 {
	position: relative;
	left: 5px;
	top: 0px;
	width: 591px;
	height: 20px;
	background: url(../../Skins/Vista/MnuHorBg.gif);
}
	#mybody
{
	border: 1px;
	border-color: #000000;
	position: relative;
	left: 0px;
	top: 5px;
	width: 778px;
	text-align: center;
	bottom: 0px;
}
.mainlt
{
	border-color: Gray Gray Gray Gray;
	border: 2px outset;
	padding: 10px 10px 10px 10px;
	margin: 0 0px;
	width: 430px;
	color: #000000;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: left;
}
.mainrt
{
	border-color: Gray Gray Gray Gray;
	border: 2px outset;
	padding: 3px 10px 10px 10px;
	color: #FFFFFF;
	margin: 0 0px;
	width: 690px;
	color: Black;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: left;
	background-color: #FFFFFF;
}
.mainrt h2
{
	background: url(sectionbkg3.jpg) center top no-repeat;
	color: #ffffff;
	margin: 0 0px;
	font: italic normal 2.6em "Times New Roman" , "Georgia" , sans-serif;
	padding: 22px 10px 20px 20px;
	font-weight: bold;
	text-align: center;
	vertical-align: text-top;
}
.mainrt h5
{
	color: #800000;
	font: italic normal 2.0em "Times New Roman" , "Georgia" , sans-serif;
	padding: 0px 10px 5px 20px;
	font-weight: bold;
	text-align: left;
	vertical-align: text-top;
}
.eventmonth h3
{
    padding-left: 20px;
    padding-right: 20px;
}

.eventlist label
{
    font-weight: bold;
    padding-right: 4px;
}

.eventmonth
{
	border: 1px solid #6600FF;
	width: 600px;
	margin-right: auto;
	margin-left: auto;
	background: #FEFFAB url(  'images/background_fullwidth.jpg' ) repeat-y;
	margin-bottom: 10px;
	padding-left: 0px;
	padding-right: 10px;
	padding-top: 10px;
	text-align: center;
}

.eventmonthtable
{
	width: 570px;
	margin-right: auto;
	margin-left: auto;
	position: relative;
	margin-bottom: 15px;
	border: 1px solid #6600FF;
	border-collapse: collapse;
	background-color: #FFFF99;
}

.dayNumber
{
    float: right;
    border-bottom: 1px solid #C7C272;
    border-left: 1px solid #C7C272;
    clear: none;
    padding: 2px;
}

.calcurrentmonth
{
    /* no styles needed at this time */
}
.calDayHdr{
	text-align: left;
	border: 2px solid #6600FF;
	height: 10px;
	text-align: center;
	font-weight: bold;
	vertical-align: top;
	position: relative;
	border-collapse: separate;
	border-spacing: 5px;
}
.calheader, .calheader a
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
	color: #800000;
	text-align: center;
	font-weight: bold;

}

.calothermonth
{
    background-color: #DCD78E;
}

.calcurrentday
{
    background-color: #FFFFC1;
}

.calweekend
{
    background-color: #FEEB95;
}

.calcurrentmonth, .calcurrentmonth, .calothermonth, .calcurrentday, .calweekend
{
	text-align: left;
	border: 2px solid #6600FF;
	height: 60px;
	vertical-align: top;
	position: relative;
	border-collapse: separate;
	border-spacing: 5px;
}

.eventlistdate
{
    padding-right: 4px;
}

.eventlisticon
{
    text-align: center;
}

.eventlisttime
{
    text-align: center;
    width: 95px;
}

.eventlistevent
{
    font-weight: bold;
}

.eventlistlocation
{
    /* no styles needed at this time */
}

.eventlist td
{
    padding-bottom: 4px;
}
#leftboxg
{
	border-color: Gray Gray Gray Gray;
	border: 2px outset;
	padding: 20px 10px 10px 10px;
	text-align: left;
	position: relative;
	left: 0px;
	top: 0px;
	width: 200px;
	color: White;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	background: #00BFFF url(../../images/sectionbkg2.jpg );
}
#rightboxg
{
	border-color: Gray Gray Gray Gray;
		border-style: outset;
	border-width: 2px;
	border-color: inherit;
	padding: 20px 10px 10px 10px;
	text-align: left;
		position: relative;
	left: 623px;
		top: 0px;
		width: 435px;
		color: Black;
		font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
		font-size: 12px;
}
.rightboxc{
	border-color: Gray Gray Gray Gray;
	border: 2px outset;
	border-color: Gray Gray Gray Gray;
	border: 2px outset;
	padding: 20px 10px 10px 10px;
	text-align: left;
		left:230px;
		top:0px;
		width:435px;
	color: Black;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
}
	#homepage2008A-01_ {
		position:absolute;
		left:0px;
		top:0px;
		width:591px;
		height:9px;
	}

	#homepage2008A-02_ {
		position:absolute;
		left:0px;
		top:9px;
		width:474px;
		height:1px;
	}

	#homepage2008A-binfoup_ {
		position:absolute;
		left:474px;
		top:9px;
		width:104px;
		height:29px;
	}

	#homepage2008A-04_ {
		position:absolute;
		left:578px;
		top:9px;
		width:13px;
		height:40px;
	}

	#homepage2008A-05_ {
		position:absolute;
		left:0px;
		top:10px;
		width:15px;
		height:39px;
	}

	#homepage2008A-btnup_ {
		position:absolute;
		left:15px;
		top:10px;
		width:103px;
		height:29px;
	}

	#homepage2008A-07_ {
		position:absolute;
		left:118px;
		top:10px;
		width:13px;
		height:39px;
	}

	#homepage2008A-bfaithup_ {
		position:absolute;
		left:131px;
		top:10px;
		width:103px;
		height:29px;
	}

	#homepage2008A-09_ {
		position:absolute;
		left:234px;
		top:10px;
		width:11px;
		height:39px;
	}

	#homepage2008A-beventup_ {
		position:absolute;
		left:245px;
		top:10px;
		width:103px;
		height:29px;
	}

	#homepage2008A-11_ {
		position:absolute;
		left:348px;
		top:10px;
		width:11px;
		height:39px;
	}

	#homepage2008A-bnewshup_ {
		position:absolute;
		left:359px;
		top:10px;
		width:103px;
		height:29px;
	}

	#homepage2008A-13_ {
		position:absolute;
		left:462px;
		top:10px;
		width:12px;
		height:39px;
	}

	#homepage2008A-14_ {
		position:absolute;
		left:474px;
		top:38px;
		width:104px;
		height:11px;
	}

	#homepage2008A-15_ {
		position:absolute;
		left:15px;
		top:39px;
		width:103px;
		height:10px;
	}

	#homepage2008A-16_ {
		position:absolute;
		left:131px;
		top:39px;
		width:103px;
		height:10px;
	}

	#homepage2008A-17_ {
		position:absolute;
		left:245px;
		top:39px;
		width:103px;
		height:10px;
	}

	#homepage2008A-18_ {
		position:absolute;
		left:359px;
		top:39px;
		width:103px;
		height:10px;
	}

.PrettyMenu .AspNet-Menu-Horizontal
{
    position:absolute;
    left: 9.5em;
    top: 0;
    z-index: 300;
}

/* This rule controls the width of the top tier of the horizontal menu. */
/* BE SURE TO MAKE THIS WIDE ENOUGH to accommodate all of the top tier menu items that are lined */
/* up from left to right. In other words, this width needs to be the width of the individual */
/* top tier menu items multiplied by the number of items. */
.PrettyMenu .AspNet-Menu-Horizontal ul.AspNet-Menu
{
    width: 45em;
}

/* This rule effectively says: style all tiers EXCEPT THE TOP TIER in the menu this way... */
/* In other words, this rule can be used to style the second and third tiers of the menu without impacting */
/* the topmost tier's appearance. */
/* Remember that only the topmost tier of the menu is horizontal.  The second and third tiers are vertical. */
/* So, they need a much smaller width than the top tier.  Effectively, the width specified here is simply */
/* the width of a single menu item in the second and their tiers. */
.PrettyMenu .AspNet-Menu-Horizontal ul.AspNet-Menu ul
{
    width: 10.5em;
    left: 0;
    top: 100%;
}

.PrettyMenu .AspNet-Menu-Horizontal ul.AspNet-Menu ul ul
{
    top: -0.3em;
}

.PrettyMenu .AspNet-Menu-Horizontal ul.AspNet-Menu ul ul
{
    width: 11.5em;
}

/* Generally, you use this rule to set style properties that pertain to all menu items. */
/* One exception is the width set here.  We will override this width with a more specific rule (below) */
/* That sets the width for all menu items from the second tier downward in the menu. */
.PrettyMenu .AspNet-Menu-Horizontal ul.AspNet-Menu li
{
    width: 9em;
    text-align:center;
}

/* This rule establishes the width of menu items below the top tier.  This allows the top tier menu items */
/* to be narrower, for example, than the sub-menu items. */
/* This value you set here should be slightly larger than the left margin value in the next rule. See */
/* its comment for more details. */
.PrettyMenu .AspNet-Menu-Horizontal ul.AspNet-Menu ul li
{
    text-align:left;
    width: 10.5em;
}

.PrettyMenu .AspNet-Menu-Horizontal ul.AspNet-Menu ul ul li
{
    width: 11.5em;
}

/* Third tier menus have to be positioned differently than second (or top) tier menu items because */
/* they drop to the side, not below, their parent menu item. This is done by setting the last margin */
/* value (which is equal to margin-left) to a value that is slightly smaller than the WIDTH of the */
/* menu item. So, if you modify the rule above, then you should modify this (below) rule, too. */
.PrettyMenu .AspNet-Menu-Horizontal ul.AspNet-Menu li ul li ul
{
    margin: -1.4em 0 0 10.35em;
}

