/***********************************************/
/* HTML tag styles                             */
/***********************************************/ 

body{
	font-family: Arial,sans-serif;
	color: #333333;
	line-height: 1.166;	
	padding: 0px;
	margin-top:0;
	margin-left:0;
	margin-right:0;
	font-size:13px;
	background: white;
}

.csHide {display:none}

.tabButton 
{
    border: solid 1px #00a;
    border-bottom-color: #ccc;
    background-color:#fff;
    color: #000;
    cursor:hand;
}

.tabButtonActive
{
    color: #fff;
    background-color: #00a;
    border: solid 1px #00a;
    border-bottom-color: #ccc;
}

table
{
    font-size:inherit;
    border: solid 0px #ccc;
}

tr.Plain {background-color:#FFFFFF;}
tr.Alternate {background-color:#ffffcc;}

td.MainContent { padding:10px 0 0 10px;}

th {
	background-color:#CBE0EA;
	color:#000;
	border-bottom: 2px solid #ccc;
	height: 18px;
	font-size:15px;
}

a:link, a:visited, a:hover {
	color:#006699;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}
/* overrides decoration from previous rule for hovered links */

h1, h2, h3, h4, h5, h6 {
	font-family: Arial,sans-serif;
	margin: 0px;
	padding: 0px;
}

h1{
 font-family: Verdana,Arial,sans-serif;
 font-size: 150%;
 color: #1874A3;
 text-decoration:none;
 padding-bottom: 0px;
 border-bottom: dashed 1px #ccc;
}

h2{
 font-size: 114%;
 color: #000;
}

h2.special
{
    color:#6600dd;
}

h3{
 font-size: 100%;
 color: #334d55;
}

h4{
 font-size: 100%;
 font-weight: normal;
 color: #333333;
}

h5{
 font-size: 100%;
 color: #334d55;
}

ul{
 list-style-type: square;
}

ul ul{
 list-style-type: disc;
}

ul ul ul{
 list-style-type: none;
}

label{
 font: bold 100% Arial,sans-serif;
 color: #334d55;
}
				

/***********************************************/
/* Layout Divs                                 */
/***********************************************/

#masthead{
	margin: 0;
	padding: 0px 0px;
	width: 100%;
}


/*********** new #navigationMenu link styles ***********/	
#navID a:link, #navID a:visited, #navID a:hover {color: #000;text-decoration: none;}

.nav {
    font-weight:bold;
    font-size:12px;
}

ul.nav {
	margin: 0;
	padding: 0;
	list-style: none;
	width: 190px; /* Width of Menu Items */
	border-bottom: 1px solid #fff;
	}

ul.nav li {
	position: relative;
	}
		
ul.nav li ul {
	position: absolute;
	left: 189px; /* Set 1px less than menu width */
	top: 0;
	display: none;
	z-index:99;
	}

/* Styles for Menu Items */
ul.nav li a {
	display: block;
	text-decoration: none;
	color: #000;
	background: #fff; /* IE6 Bug */
	padding: 3px;
	border: 2px solid #fff; /* IE6 Bug */
	border-bottom: 0;
	background-color:#CBE0EA;
    z-index:99;
	}
ul.nav li.navMember a {
	background-color:#C4D3B5;
	}
ul.nav li.navAdmin a {
	background-color:#C40000;
	color: #fff;
	}
	
/* Holly Hack. IE Requirement \*/
* html ul.nav li { float: left; height: 1%; z-index:99; color: #000;}
* html ul.nav li a { height: 1%; }
/* End */

ul.nav li a:hover { color: #000; background: #9CC4D7; } 
ul.nav li.navMember a:hover { background: #99B27F; } 
ul.nav li.navAdmin a:hover { color: #fff; background: #990000; } 

ul.nav li:hover ul, ul.nav li.over ul {
    display: block; 
    } 
ul.nav li.over a {color: #000;text-decoration: none;}

/***********************************************/
/*Component Divs                               */
/***********************************************/

#pageheader1{
	margin: 0px;
	padding: 0px 0px 0px 10px;
}

#pageheader2{
	margin: 0px;
	padding: 3px 0px 3px 10px;
	border-bottom: 1px solid #cccccc;
	border-top: 1px solid #cccccc;
	background-color:#eeeeee;
	font-size: 75%;
	font-weight:bold;
}

/*************** #pageName styles **************/

#pageName{
	padding: 0px 0px 10px 10px;
}

/************* #siteInfo styles ***************/

#siteInfo{
	border-top: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	background-color:#FFFFFF;
	font-size: 75%;
	color: #000;
	padding: 10px 10px 10px 10px;
	margin-top: 0px;
	text-align:center;
}
/************* #admin styles ***************/

#adminInfo{
	border-top: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	background-color:#FFFFcc;
	font-size: 100%;
	color: #000;
	padding: 3px 3px 3px 3px;
	margin-top: 0px;
	font-weight:bold;
}

/************************************************************************
* 
* Calendar specific formatting 
*
************************************************************************/

/* used as the cssclass of the actual calendar */
.eventmonthtable
{
    width: 694px;
    margin-right: auto;
    margin-left: auto;
    position: relative;
    margin-bottom: 0px;
    border: 0px solid #DBDB79;
    border-collapse:collapse;
    z-index:10;
}


.dayNumber
{
    float: right;
    border-bottom: 1px solid #C7C272;
    border-left: 1px solid #C7C272;
    clear: none;
    padding: 2px;
}

.dayHeaderStyle 
{
    font-size:75%;
}

.allDays
{
    padding: 2px;
    vertical-align:top;
}

.calcurrentmonth
{
    background-color: #fff;/* ffffff */
    height:0px;
}
.calothermonth
{
    background-color: #ccc;/* DCD78E */
}
.calcurrentday
{
    background-color: #FFFFC1;
}
.calweekend
{
    background-color: #FEEB95;
  /*  width: 15%; */
}

.allDays , .calcurrentmonth , .calothermonth , .calcurrentday , .calweekend /*,. calcurrentmonth*/
{
    height: 60px;
    vertical-align: top;
    text-align:right;
    /* needed for positioning the dayNumber part 
    position:relative;
     border-collapse:separate;
     border-spacing: 5px;*/
     
}

/* Event Color Styles*/
#Blue {
	background-color:#C1D1F0;
	padding: 2px 2px 2px 2px;
	border: 1px solid #fff;	
	color:#000;
}
#Red {
	background-color:#FFD1B2;
	border: 1px solid #fff;	
	padding: 2px 2px 2px 2px;
	color:#000;
}
#Green {
	background-color:#D6FFEB;
	border: 1px solid #fff;	
	padding: 2px 2px 2px 2px;
	color:#000;
}
#Yellow {
	background-color:#ffc;
	border: 1px solid #fff;	
	padding: 2px 2px 2px 2px;
	color:#000;
}
#Pink {
	background-color:#fff;
	border: 1px solid #FF99CC;
	padding: 2px 2px 2px 2px;
	color:#FF99CC;
}