html
{
	height: 100%;
	
}
body
{
	margin-left: auto;
	margin-right: auto;
	margin-top: 0;
	margin-bottom: auto;
	width: 100%;
	
	min-height: 700px;
	font-family: Verdana, Arial;
	font-size: small;
	background: url(/images/UJC_bg.png) #ffffff no-repeat 50% 0px;
}

.hometable
{
	margin-left: auto;
	margin-right: auto;
	margin-top: 0;
	margin-bottom: auto;
	font-family: Verdana, Arial;
	font-size: small;
	color:black;
	background-color:white;
	border-width:1px;
	border-color:black;

}


img
{
	border: 0;
}

h1
{
	font-size:large;
}

h2
{
	font-size:medium;
	font-weight:bold;
}

h3
{
	font-size: small;
	font-weight: bold;
}

h4
{
		font-size: smaller;
	color:Red;
	font-weight:bold;
}


div#HeaderTitle
{
	float:right;
	width: 300px;
	text-align: center;
	margin-top: 20px;
}

div#HeaderTitle h2
{
	color: #ffaf32;	
	text-transform:uppercase;
	margin: 0px;
	padding: 0px;
	font-size: 10pt;
}

div#HeaderTitle h1
{
	color: #ffaf32;	
	text-transform:uppercase;
	margin: 0px;
	padding: 0px;
	font-size: 10pt;
}

div#HeaderTitle h1
{
	font-size: 18pt;
	margin-top: 7px;
}

div#BGContainer
{
		margin-left:auto; 
	margin-right:auto; 
	/*background-position: right top;
	background-image: url(/images/UJC_bg.png);
	background-repeat: no-repeat;*/
	height: 100%;
	width:834px;
	/*background-color: White;
	border: solid 1px black;*/
	
}

div#Container
{
	height:100%;
}

div#Header
{
	margin-top: 50px;
	background-image: url(/images/ujc_header_white.png);
	width: 834px;
	height: 92px;	
}

div#MainContent
{
	text-align:left;
	color:Black;
	padding: 5px 0px 5px 0px;
	width: 820px;
	
	
	overflow:auto;
	
}

div#ContentBG
{
	background-image: url(/images/ujc_content_bg.png); /*background-color: #261d6c;
	opacity: .2;
	filter: alpha(opacity=20);	*/
	padding-top: 10px;
	padding-left: 5px;
	float: right;
	clear: none;
	width: 635px;
	background-repeat: repeat;
}



div#ContentContent
{
	position:relative;
	z-index:1;
	opacity: 1.0;
	filter: alpha(opacity=100);	
}
    
div#MainNavContainer
{
	text-align:center;
	margin-left: 26px;
}

div#SubNav
{
	float:left;
	padding-right: 5px;
	width: 140px;
	margin-left: 26px;
	position: relative;
	z-index: 5;	
	height: 100%;
}

div#SubNav h2
{
	margin: 5px 0px 3px 0px;
	padding: 0;
}

div#SubNavTitle
{
	/*border: solid 1px black;
	background-color: #A38CBB;
	width: 99%;
	color: Black;*/
	text-transform: uppercase;
	margin: 10px 0px 10px 0px;
	font-weight: bold;
	color: #6a78a5;
}

div#LeftAdSpace
{
	clear:both;
}

div#LeftColumn
{
	width: 40%;
	float:left;
}

div#RightColumn
{
	float:right;
	text-align:center;
	padding-left: 5px;
}

div#Footer
{
	text-align:center;
}

div#Footer a
{
	color:#d9b253;
}

#HomeTopPicture
{
	padding-top: 50px;
	clear:both;
	
}

#HomeBottomPicture img
{
	margin: 10px 2px 0px 2px;
}

/* NAV */
.SubNavStaticMenuItem
{
	text-align:center;
	height: 27px;
	font-size: 7pt;
	background-image: url(/images/nav_bg.gif);
	color: White;
	margin: 0px 2px 0px 2px;
	padding: 0px 3px 0px 3px;
}

.StaticMenuItem
{
	text-align:center;
	height: 27px;
	font-size: 7pt;
	background-image: url(/images/nav_bg.gif);
	color: White;
	margin: 0px 2px 0px 2px;
	padding: 0px 3px 0px 3px;
}

.SubNavStaticMenu
{
	border: solid 1px black;
	width: 100%;
	margin: 0px 0px 0px 0px;
	background-color: White;
}

.SubNavStaticMenuItem
{
	margin: 0;
	text-align:left;
	background-image: none;
	background-color: #A38CBB;
	color: Black;
}

.StaticMenuItem A:visited
{
	background-image: none;
}

.StaticMenuItem A:link
{
	background-image: none;
}

.StaticMenuItemSelected
{
	color: #FF95A4;
}

.DynamicMenuItem:Hover
{
	/*color: #C2986C;*/
	font-weight: bold;
}

.DynamicMenuItemSelected
{
	/*color: #C2986C;*/
	font-weight: bold;
}

.SubNavStaticMenuItemSelected
{
	/*color: #C2986C;*/
	font-weight: bold;
}
.DynamicMenu
{
	border: solid 1px black;
}

.DynamicMenuItem
{
	font-size: 7pt;
	background-color: #A38CBB;
	color: black;
	padding: 2px 5px 2px 5px;
	text-align:left;
}

/* SIDE BOX CALENDAR */

.CalendarSideBox
{
	width: 100%;
	font-size: 6pt;
}

.CalendarSideBox_Day
{}

.CalendarSideBox_Header
{}

.CalendarSideBox_Today
{
	color: Red;
}

.CalendarSideBox_Title
{
	font-weight: bold;
	background-color: #A38CBB;
}

.CalendarSideBox_Selected
{
	font-weight: bold;
}

.UpcomingEvent
{
	font-size:smaller;
	cursor: pointer;
	border-bottom: solid 1px black;
}

.UpcomingEventDayCell
{
	font-weight: bold;
	background: #c0c0c0;
	cursor:pointer;
}
/* CALENDAR */

.Calendar
{
	width: 630px;
	margin-top: 10px;
}

.CalendarDay
{
	text-align:left;
	border: white 1px solid;
	font-size: 6pt;
	background-color: #dcdcdc;
	height: 100px;
	vertical-align: top;
}

.CalendarDate
{
	font-size: 6pt;
	/*float: left;*/
	vertical-align: top;
	text-align: left;
	background-color: #dcdcdc;
}

.CalendarMO
{
	margin: 5pt;
	float: left;
	width: 10pt;
	height: 10pt;
	border: black 1px solid;
	cursor: pointer;
}

.CalendarOtherMonth
{
	font-size: 6pt;
	color: #c0c0c0;
	background-color: #c0c0c0;
	border: white 1px solid;
	vertical-align: top;
	text-align: left;
}

.CalendarDayContainer
{
	height: auto;
	width: 100%;
	vertical-align: top;
}

.CalendarDayView {
	/*background-color:#ffffdd;*/
	background-color:#e9e8df;
	border-width:3px;
	border-style:solid;
	border-color:Gray;
	padding:10px;
	width:600px;
	height: 600px;
	/*height: auto;*/
	z-index: 199;
	/*overflow: auto;*/
}

.CalendarDayItem
{
	border: black 1px solid;
	cursor: pointer;
	background-color: #c0c0c0;
}

.CalendarDayItem:hover
{
	/*font-size: 10pt;
	position: absolute;
	background-color:;
	padding: 4px;
	display: block;
	width: 200px;*/
	background-color:  #dddddd;
}

#CalendarDayItemSite
{
	display: none;
}

#CalendarDayItem:hover  #CalendarDayItemSite
{
	display: block;
	font-size: 8pt;
	padding: 2px;
	clear: none;
}

.CalendarDayView
{
	display: none;
	/*position: absolute;
	top: -20px;
	background-color: Gray;
	left: -50px;
	width: 400px;
	z-index: 100;*/
	
	left: 540px;
	position: absolute;
	top: 450px;
	width: auto;
	height: auto;
	z-index: 1;
}

.CalendarDayView:hover
{
	display: block;
}
.CalendarDayViewTitle
{
	font-weight:bold;
	text-align:center;
	border-bottom: black thin solid;
	width: auto;
}

.CalendarDayViewSite
{
	padding-left: 4pt;
	font-size: 8pt;
}

.CalendarDayViewItem
{
	padding: 4px;
	white-space:nowrap;
	font-size: 10pt;
	width: auto;
	cursor: pointer;
}

.CalendarDayViewItem:hover
{
	background-color: Gray;
}

.DeleteButton
{
	float:right;
	cursor: pointer;
	margin-bottom: 10px;
	margin-right: 10px;
	width: 120px;
}
.DeleteButton:hover
{
	background-color: #ffffef;
}

/**
 * POPUP CONTAINER STYLES
 */
#popupMask {
	position: absolute;
	z-index: 300;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	opacity: .4;
	filter: alpha(opacity=40);
	/* this hack is so it works in IE
	 * I find setting the color in the css gives me more flexibility 
	 * than the PNG solution.
	 */
	background-color:transparent !important;
	background-color: #333333;
	/* this hack is for opera support
	 * you can uncomment the background-image if you don't care about opera.
	 * this gives you the flexibility to use any bg color that you want, instead of the png
	 */
	background-image: url("/images/maskBG.png") !important; /*For browsers Moz, Opera, etc.*/
	background-image:none;
	background-repeat: repeat;
	display:none;
}
#popupContainer {
	position: absolute;
	z-index: 301;
	top: 0px;
	left: 0px;
	display:none;
	padding: 0px;
}
#popupInner {
	border: 2px solid #000000;
	background-color: #ffffe1;
}

#popupFrame {
	margin: 0px;
	width: 100%;
	height: 100%;
	position: relative;
	z-index: 302;
}
#popupTitleBar {
	background-color: #000000;
	color: #ffffff;
	font-weight: bold;
	height: 1.3em;
	/*padding: 5px;*/
	border-bottom: 1px solid #000000;
	border-top: 1px solid #000000;
	border-left: 1px solid #000000;
	border-right: 1px solid #000000;
	position: relative;
	z-index: 303;
}
#popupTitle {
	float:left;
	font-size: 1.1em;
	z-index: 303;
}
#popupControls{
	float: right;
	cursor: pointer;
	cursor: hand;
	z-index: 304;
	
	background-color:Black;

	
}

a#popCloseBox:visited
{
	color: White;
	text-decoration: none;
}

a#popCloseBox:hover
{
	color: White;
	text-decoration: none;
}

a#popCloseBox
{
	color: White;
	text-decoration: none;
}

body#PopUpModalPage
{
	margin:0px;
	padding:0px;
	background-color: Black;
	position:relative; 
	z-index:400;
}

/*GridView

*/

.GridView
{
	border: solid 1px black;
	background-color: #808080;
	
}

.GridViewHeader
{
	background-color:Black;
	color: White;
	font-size: 8pt;
}

.GridViewAltRow
{
	background-color:#efebdd;
	padding: 50px;
}

.gvSubHeader
{
	background-color:White;
	font-size: 8pt;
}

.GridViewRow
{
	padding:50px;
	background-color:White;
}

.CustomPager
{
	/*border-bottom: solid 1px black;*/
	margin-bottom: 3px;
	padding-right: 5px;
	margin: right: 5px;
	text-align: right;
}

.SurveyRadioSector
{
	float: left;
	text-align: center;
	padding-right: 4px;
	border-right: solid 1px black;
	white-space:nowrap;
}

.SurveyItemTD
{
	width:350;
}

.SurveyCommentsTD
{
	width: 200;
}

.SurveyRadio
{
	float:left;
}

.LongTextBox
{
	width: 780px;
}

.MedTextBox
{
	width: 600px;
}

.SurveyMedTextBox
{
	width: 550px;
}

/* Accordion */
.accordionHeader
{
    border: 1px solid #2F4F4F;
    color: white;
    background-color: #c0c0c0;
	font-family: Arial, Sans-Serif;
	font-size: 12px;
	font-weight: bold;
    padding: 5px;
    margin-top: 5px;
    margin-bottom: 0px;
    cursor: pointer;
    height:15px;
}

.accordionHeader a
{
	color: #000000;
	background: none;
	text-decoration: none;
}

.accordionHeader a:hover
{
	background: none;
	text-decoration: underline;
}

.accordionContent
{
    background-color: #efebdd;
    border: 1px dashed #2F4F4F;
    border-top: none;
    padding: 25px;
    padding-top: 10px;
    height: 400px;
    font-size: 8pt;
    overflow: auto;
}

.PartnerAccordionInfo
{
	
}

.PartnerAccordionRule
{
	
	width: 99%;
	clear: both;

	margin-bottom: 5px;
	height: 10px;	
	border-bottom: black 1px dotted;
}


/*Contact*/
.ContactItem
{ 
	float:left;
	clear:none;
	vertical-align: middle;
	padding-top: 10px;
	padding-bottom: 10px;
}

.ContactImage
{
	width:190px;
	padding-left: 10px;
	vertical-align:middle;
	float:left;
	clear:none;
}

.ContactText
{
	font-size:small;
	font-weight: bold;
	float:left;	
	clear:none;
	width: 300px;
}

/* DONATE FORM */

.DonateFormSubHeading
{
	font-size: large;
	font-weight: bold;
	padding: 10px;
	border-bottom: solid 1px black;
}

.DonateFormLine
{
	margin: 5px 0px 5px 0px;
	clear:both;
}

.DonateFormLineSub
{
	margin: -5px 0px 5px 0px;
	clear:both;
}

.DonateFormLineSub label
{
	width: 150px;
	text-align:right;
	display:block;
	float:left;	
	padding-right: 5px;
	padding-top: 2px;
	vertical-align:bottom;
}

.DonateFormLine label
{
	width: 150px;
	text-align:right;
	display:block;
	float:left;	
	padding-right: 5px;
	padding-top: 2px;
	vertical-align:bottom;
}

.DonateValueLabel
{
	font-weight:bold;
}

.DonateConfirmMessage
{
	font-size: bold;
}