﻿/*-----RESET-----*/
html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote,  
pre, form, fieldset, table, th, td { margin: 0; padding: 0; }

img {border:none;}



/*-----BASIC ELEMENTS-----*/

a 
{
	color:#3E3535;
	text-decoration:none;	
}

a:link
{
	color:#3E3535;
}

a:hover
{
	color:#3E3535;
	text-decoration:underline;
}

h1
{
	color:#993333;
	font-size:18pt;
	margin:15px 0;
}

h2
{
	color:#993333;
	font-family: Arial, Helvetica, sans-serif;
	font-size:14pt;
	margin:15px 0;
}

h3
{
	color:#993333;
	font-size:12pt;
	margin:8px 0;
}

h4
{
	color:#993333;
	font-size:10pt;
	margin:5px 0;
}

h5
{
	color:#993333;
	font-size:10pt;
	margin:0;
}

li
{
	margin-left:15px;
}

p
{
	margin:10px 0;
	line-height:1.4em;
}

ul
{
	margin-left:10px;
}


/*-----GENERIC CLASSES-----*/

.center
{
	text-align:center;
}

.clear
{
	clear:both;
}

.floatLeft
{
	float:left;
}

.floatRight
{
	float:right;
}

.header
{
	color: #9f7210;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9pt;
	font-weight: bold;
}

.hide
{
	display:none;
}

.margin20
{
	margin:20px 0;
}

.margin10All
{
	margin:10px;
}

.subtitle
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12pt;
	font-weight: bold;
	color: #9f7210;
}

.title
{
	color: #9f7210;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14pt;
	font-weight: bold;
}


/*-----BASIC LAYOUT-----*/

body
{
	background:#333333;
	color:#000000;
	font: 8pt Verdana, Arial, Helvetica, sans-serif;
}

#pageWrapper
{
	border:solid 1px #999999;
	margin:0 auto;
	margin-top:10px;
	width:920px;
}

#header
{
	height:108px;
	position:relative;
	width:100%;
}

#main
{
	position:relative;
	width:100%;
}

#footer
{
	color:#CCCCCC;
	font-size:8pt;
	margin:0 auto;
	width:920px;
}




/*-----HEADER-----*/

#headerLeft
{
	float:left;
	height:108px;
	width:272px;
}

#headerRight
{
	background: url(/images/masterpage/wideheaderRight.jpg) repeat-x;
	float:right;
	height:108px;
	text-align:right;
	width:648px;
}


/*-----MAIN-----*/

#contentWrapper
{
	background:#F7F3E0;
	float:left;
	min-height:450px;
	width:735px;
}

.equalHeight
{
	/* THIS CLASS IS USED WITH JQUERY TO SET THE COLUMN HEIGHTS TO BE EQUAL */
}

#navLeft
{
	background:#0B0505 url(/images/masterpage/menuBackground.jpg) no-repeat top;
	float:left;
	font-size:10pt;
	min-height:450px;
	width:185px;
}

#navLeft .menuItem
{
	color:#9F7210;
	margin:5px 0 8px 20px;
	font-family:Trebuchet MS, Arial, Helvetica, sans-serif;
	font-size:11pt;
	font-weight:bold;
}

#navLeft .menuItem a
{
	color:#EEB661;
	text-decoration:none;
}

#navLeft .menuItem a:hover
{
	color:#F7F3E0;
}

#navTop
{
	background:#E2A44D; /*url(/images/masterpage/topNavBackground.jpg) repeat-x;*/
	font-family:Trebuchet MS, Arial, Helvetica, sans-serif;
	font-size:10pt;
	font-weight:bold;
	height:25px;
	line-height:25px;
	position:relative;
	text-align:center;
	width:100%;
}

#navTop a
{
	color:#000033;
	text-decoration:none;
}

#navTop a:hover
{
	color:#F7F3E0;	
}

#navTop .MainMenu
{
	position:absolute; 
	left:650px; 
	height:25px; 
	line-height:25px;
}

#phMain
{
	margin:10px;
}


/*-----FOOTER-----*/

#footerLeft
{
	float:left;
}

#footerRight
{
	float:right;
	text-align:right;
}

#footer a
{
	color:#CCCCCC;
}

/*---CLASSES COPIED FROM OLD USHJA PAGE ---*/

.atomic {
	font-size: 11px;
}

.button {
	background-color : #FFFFFF;
	background-image: url("/images/calendar/btn_bg.gif");
	border: 1px solid #bfb9aa;
	color:#595740;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	padding: 2px;
}

.caldaydigits {
	font-size: 11px;
	font-weight:bold;
	text-align:left;
}

.cattitle, .usertitle, .grouptitle {
	font-size: 13px;
	color: #78755f;
	text-decoration: none;
	font-weight: bold;
}

.cattitle:hover, .usertitle:hover, .grouptitle:hover {
	color: #a1a381;
	text-decoration: underline;
}

.catdesc, .userdesc, .groupdesc {
	font-size: 12px;
	color: #78755f;
}

.currentmonth, .currentday, .currentweek 
{
	background-color: #E3E1D8;
	border-left: 1px solid #FFFFFF;
	border-top: 1px solid #FFFFFF;
	color: #78755f;
	text-decoration: none;
	font-size: 14px;
	font-weight: bold;
	padding: 3px 10px;
	text-align:center;
}

.eventdesc {
	font-size: 12px;
	color: #78755f;
}

.eventdesclarge {
	font-size: 14px;
	color: #69664f;
	line-height: 18px;
}

.eventfull 
{
	background-color: #e8e6e3;
	border-top: 1px solid #d4d2cf;
	
	border-bottom: 1px solid #FFFFFF;
	
	cursor: hand;
}

.eventmiddle 
{
	background-color: #e8e6e3;
	border-top: 1px solid #d4d2cf;
	border-bottom: 1px solid #FFFFFF;	
	cursor: hand;
}

.eventstyle 
{
	border-bottom: 2px solid #505054;
	font-size: 11px;
	font-weight: bold;
	padding: 3px;
	text-align: left;
}

.eventtitle {
	font-size: 12px;
	color: #78755f;
	text-decoration: none;
	font-weight: bold;
}

.eventtitle:hover {
	color: #a1a381;
	text-decoration: underline;
}

.maintable 
{
	background-color:White;
	border: 1px solid #a9ab9a;
	padding:0;
	margin-top: 0;
	margin-bottom: 0px;
	width:600px;
}

.maintableMonth
{
	background-color:White;
	border: 1px solid #a9ab9a;
	padding:0;
	margin-top: 0;
	margin-bottom: 0px;
	width:695px;
}

.nextmonth, .nextday, .nextweek 
{
	background-color: #e3e1d8;
	border-left: 1px solid #FFFFFF;
	border-right: 1px solid #FFFFFF;
	border-top: 1px solid #FFFFFF;
	color: #78755f;
	font-size: 10px;
	padding: 3px 10px;
	text-align:center;
	text-decoration: none;
}

.nextmonth a:hover, .nextday a:hover, .nextweek a:hover {
	color: #a1a381;
	text-decoration: underline;
}

.previousmonth, .previousday, .previousweek 
{	
	background-color: #e3e1d8;
	border-left: 1px solid #FFFFFF;
	border-top: 1px solid #FFFFFF;
	color: #78755f;
	font-size: 10px;
	padding: 3px 10px;
	text-align:center;
	text-decoration: none;
}

.previousmonth a:hover, .previousday a:hover, .previousweek a:hover 
{
	color: #a1a381;
	text-decoration: underline;
}

.searchdesc 
{
	color: #78755f;
	font-size: 12px;
}

.searchlink 
{
	color: #78755f;
	font-size: 12px;
	font-weight: bold;
	text-decoration: underline;
}

.searchlink:hover 
{	
	color: #a1a381;
	text-decoration: underline;
}

.sundaytopclr {
	background-color: #929470;
}

.tableh1 
{
	background-image:   url(/images/calendar/tile_back1.gif);
	border-left: 1px solid #FFFFFF;
	border-right: 1px solid #FFFFFF;
	border-bottom: 1px solid #d6d6ce;
	color:#78755f;
	font-size: 13px;
	height: 30px;
	padding-top: 8px 12px 8px 8px;
}

.tableh2 {
	background-image:  url(/images/calendar/tile_sub.gif);
	background-color: #87836f ;
	border-left: 1px solid #ada995;
	border-right: 0px solid #7a7662;
	color : white;
	font-size: 12px;
	font-weight: bold;
	margin: 0px;
	padding: 6px 10px;
}

.tableb {
	background-color: #e8e6e3 ;
	padding: 6px 10px;
	border-left: 1px solid #FFFFFF;
	border-top: 1px solid #FFFFFF;
	line-height: 16px;
}

.tablec {
	background-color: #e3e1d8;
	padding: 3px 10px;
	border-left: 1px solid #FFFFFF;
	border-top: 1px solid #FFFFFF;
}

.tablev1 {
	background-color: #87836f ;
	border-top: 1px solid #ada995;
	border-left: 1px solid #ada995;
	border-right: 0px solid #7a7662;
	border-bottom: 0px solid #7a7662;
	color : #e3e1de;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	margin: 0px;
	text-align:center;
	text-decoration: none;
	text-transform: uppercase;
	vertical-align: middle;
	width:3%;
}

.tablev1 a {
	color : #e3e1de;
	text-decoration: none;
}

.tablev1 a:hover {
	color : #e3e1de;
	text-decoration: underline;
}

td 
{
	color:#000000;
	font-family:Arial,Helvetica,sans-serif;
	font-size:9pt;
}

.textinput {
	background-image:   url(/images/calendar/txtboxbg.gif);
	border-left: solid 1px #B0AB9D;
	border-bottom: solid 1px #BFB9AA;
	border-top: solid 1px #B0AB9D;
	border-right: solid 1px #B0AB9D;
	color: #686868;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	padding-left: 3px;
}

.today {
	font-size: 11px;
	color: #78755f;
	font-weight: bold;
}

.todayclr {
	background-color: #f5f2d0;
	color: #c7c7bf;
	font-size: 12px;
	border-left: 1px solid #FFFFFF;
	border-top: 1px solid #FFFFFF;
}

.weekdayclr {
	background-color: #f0efed;
	color: #c7c7bf;
	font-size: 12px;
	border-left: 1px solid #FFFFFF;
	border-top: 1px solid #FFFFFF;
}

.weekdayemptyclr
{
	background-color: #e8e6e3;
	border-left: 1px solid #FFFFFF;
	border-top: 1px solid #FFFFFF;
	color: #c7c7bf;
	font-size: 12px;
	text-align:center;
	width:14%;
}

.weekdaytopclr, .sundaytopclr
{
	background-image:  url(/images/calendar/tile_sub.gif);
	background-color: #808060 ;
	border-left: 1px solid #ada995;
	border-right: 0px solid #7a7662;
	color : #FFFFFF;
	font-size: 12px;
	font-weight: bold;
	margin: 0px;
	padding-top: 6px;
	padding-right: 12px;
	padding-bottom: 6px;
	padding-left: 12px;
	text-align:center;
	width:14%;
}

.zoneColor
{
	border: 1px solid #FFFFFF;
	height:5px;
	width:2%;
}

.zoneName
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	letter-spacing: 0.4pt;
	width:23%;
}


/*---DETAIL PAGE---*/
.detail h2
{
	background-image :   url(/images/calendar/box_left_icon.gif);
	background-repeat : no-repeat;
	background-position : left;
	color : #796f60;
	font-family: Verdana, Arial, Helvetica, sans-serif;	
	font-size: 11px;
	margin: 0px;
	padding-left : 13px;
}

.detail .td1
{
	
	width:277px;
}

.detail .td2
{
	width:276px;
}

.detail .td3
{
	color : #796f60;
	font-family: Verdana, Arial, Helvetica, sans-serif;	
	font-size: 11px;
	font-weight:bold;
	height:25px;
	margin: 0px;
	padding-left : 13px;
	width:25%;
}

.detail .td4
{
	width:75%;
}

/*----ZONE MENU----*/

.zoneNavTop
{
	background:#993333;
	color:#FFFFFF;
	font-family:sans-serif;
	font-size:11pt;
	font-weight:bold;
	height:25px;
	line-height:25px;
	margin:0 10px;
	position:relative;
	text-align:center;
}

.zoneNavTop a
{
	color:#FFFFFF;
}

.zoneNavTop a:visited
{
	color:#FFFFFF;
}

.zoneLink
{
	font-family: calibri;
	font-size:x-Large;
	margin:10px 0 5px 10px;
}

.zoneLink a
{
	color:Navy;
	text-decoration:none;
}

.zoneLink a:visited
{
	color:Navy;
	text-decoration:none;
}

.zoneLink a:hover
{
	color:Navy;
	text-decoration:underline;
}