/* HTML elements */
	body {
		background-color : #003366; 
		font-size : 100%; 
		font-family : Arial, Helvetica, sans-serif; 
		padding : 0; 
		margin : 0; 
	
		background-attachment:scroll;
		background-repeat : repeat-x;
	} 
	a:link {
		text-decoration : none;
	}
	a:active {
		text-decoration : none;
	}
	a:hover {
		text-decoration : underline;
	}
	a:visited {
		text-decoration : none;
	}
			
	ul li {
		list-style:square;
	}

	img {
border: 0px;
behavior: url("http://www.stmarytx.edu/stylesheets/pngbehavior.htc");
}

	

div.navHeader {
	font-size: 90%; 
	font-style:italic;
	font-weight:bold; 
	color:#F2BF49; 
	margin:3px; 
} 
div.requiredNote {
	float: right;
	font-size: 70%;
	color:#333333;
}
div.errors {
	display: block;
	width: 80%;
	font-size: 80%;
	color: #990000;
	background-color:#FFE6E6;
	border: 1px solid #990000;
	text-align: left;
	padding : 5px;
	margin-bottom : 5px;
}
div.confirmation {
	display: block;
	width: 80%;
	font-size: 80%;
	color:#000000;
	background-color:#CCCCCC;
	border: 1px solid #000000;
	text-align: left;
	padding : 5px;
	margin-bottom : 5px;
}
span.errors {
	color: #990000;
	text-decoration: none;
	padding-bottom : 5px;
	vertical-align : middle;
	width : auto;
	margin-bottom : 5px;
	line-height : 18px;
}
.formButton {
	color:	#000000;
	background-color: #ffffff;
	font-size: 85%;
	padding: 0pt;
	margin: 0pt;
	width: 65%;
	border: 1px;
}
div.formHeading {
	display: block;
	width:98%;
	background-color:#FFEABA;
	color: #000;
	font-size: 120%;
	font-weight: bold;
	padding: 6px;
}

	/* FORM TABLES */
	table#formTable  {
		margin-top: 15px;
		font-size: 80%;
	}
	table#formTable td {
		padding: 4px;
		border-bottom: 1px solid #C0C0C0;
	}
	table#formTable td.borderRight {
		border-right: 1px solid #C0C0C0;
	}	
	table#formTable tr td textarea,input  {
		border: 1px solid #003366;
		background-color: #E8F4FF		
	}
	table#formTable tr td select {
		border: 1px solid #003366;
		background-color: #E8F4FF		
	}	
	fieldset	{
		border: 1px solid #003366;
		width: 95%;
		padding: 0;
		margin: 0;
	}
	legend {
		background: #FFEABA;
		color: #003366;
		font-size:80%;
		text-transform:uppercase;
		border: 1px solid #003366;
		padding: 2px 5px;
		margin-left: 6px;
	}

/* FOR QUICK VIEW OPTIONS */	
table#quickViewOptions {
	font-size: 65%;
	background-color:#FFFFFF;
	padding: 0;
	margin: 0;
	border-right: 1px solid #003366;
	border-left: 0;
	border-top: 4px solid #0059B3;
	border-bottom: 4px solid #0059B3;	
}
table#quickViewOptions td {
	padding: 1px;
	margin: 0;
	border:0;
}
table#quickViewOptions td a  {
	color: #000;
	font-size: 100%;
}
table#quickViewOptions td ul {
	margin:0;
	padding:0;
	list-style:none;
	position:relative;
}
table#quickViewOptions td ul  li {
	display:inline;
	margin:0;
	position:relative;
}
table#quickViewOptions td ul  li a{
	display:block;
	margin:1px 0 1px 1px;
	padding:5px 14px;
	text-decoration:none;
	font-weight:bold;
	text-transform:uppercase;
	width:auto;
	text-align:left;
}
table#quickViewOptions td ul li a:hover{
	color:#FFF;
	background:#2C446D;
}	
	
table#quickViewOptions td ul li a.quickActive {
	color:#FFF;
	background:#00468C;
}

		/* MINI CALENDAR */
		table#calendar  {
			font-size: 65%;
			background-color:#FFFFFF;
			padding: 0;
			margin: 0;
			border-right: 1px solid #003366;
			border-left: 0;
			border-top: 2px solid #0059B3;
			border-bottom: 2px solid #0059B3;	
		}
		table#calendar td {
			padding: 1px;
			margin: 0;
			border:0;
		}
		table#calendar td a  {
			color: #000;
			font-size: 100%;
		}
		table#calendar tr td a span.arrow  {
			font-size: 140%;
			font-weight: bold;
		}
		table#calendar td span.heading  {
			font-size: 110%;
			font-weight: bold;
		}

			/* YEAR CALENDAR */
			table#calendarYear  {
				font-size: 65%;
				background-color:#FFFFFF;
				padding: 0;
				margin: 0;
				border: 1px solid #003366;
			}
			table#calendarYear td {
				padding: 1px;
				margin: 0;
				border:0;
			}
			table#calendarYear td a  {
				color: #000;
				font-size: 100%;
			}
			table#calendarYear tr td a span.arrow  {
				font-size: 140%;
				font-weight: bold;
			}
			table#calendarYear td span.heading  {
				font-size: 110%;
				font-weight: bold;
			}
			table#calendarYear td ul {
				margin:0;
				padding:0;
				list-style:none;
				position:relative;
			}
			table#calendarYear td ul  li {
				display:inline;
				margin:0;
				position:relative;
			}
			table#calendarYear td ul  li a{
				display:block;
				margin:1px 0 1px 1px;
				padding:5px 14px;
				text-decoration:none;
				color:#C0D7FF;
				font-size:85%;
				font-weight:bold;
				text-transform:uppercase;
				width:auto;
				text-align:center;
				background:#007EBB;
			}
			table#calendarYear td ul li a:hover{
				color:#FFF;
				background:#2C446D;
			}


input#formButton {
	display:block;
	background-color:#003366; 
	color:#FFFFFF;
	font-size: 60%;
	font-weight:bold;
	text-transform:uppercase;
	vertical-align:middle;
	padding: 1px;
	margin-right: 5px;
	border: 1px solid #FFF;
	cursor : pointer;	
}
input#searchField {
	display: block;
	width: 90%;
	font-size: 90%; 
	border: 1px solid #000;
	padding: 3px; 
	color:#000000; 
	margin: 0;
}
input#submitButton {
	background-color:#003366; 
	color:#FFFFFF;
	font-size: 80%;
	font-weight:bold;
	text-transform:uppercase;
	vertical-align:middle;
	padding: 5px;
	margin: 2px 0;
	border: 1px solid #000;
}
div#submitButton {
	display:block;
	width: auto;
	background-color:#333333; 
	color:#FFFFFF;
	font-size: 100%;
	font-weight:bold;
	text-transform:uppercase;
	vertical-align:middle;
	padding: 1px;
	margin: 2px 0;
	border: 1px solid #000;
}
span#menu a {
	display: block;
	width: 175px;
	font-size: 80%;
	padding: 5px 5px;
	margin: 0;
	text-transform:uppercase;
	text-decoration: none;
	border-bottom: 1px solid #003366;
	color: #FFF;
}
span#menu a:hover {
	background-color: #0059B3;
}	

a#instructions {
	display: block;
	font-size: 65%;
	padding: 5px 10px;
	text-transform:uppercase;
	color:#FFFFFF;
	text-decoration: none;
	margin:0;
	border-bottom: 1px solid #003366;
	border-left: 1px solid #003366;
}
a#instructions:hover {
	background-color: #0059B3;
}	
div.viewType {
	font-size: 120%; 
	padding: 6px; 
	font-weight: bold; 
	color: #003366;
}

div.viewType a {
	color: #003366;
}

div.viewType a.arrows {
	font-size: 120%; 
	color: #003366;
}

div.prevNext {
	font-size: 70%; 
	margin: 0 0 0 3px; 
} 

td.headerLinks {
	color : #FFFFFF;
	font-size : 65%;	
}
td.headerLinks a {
	font-size: 100%;
	color : #FFFFFF;
}
td.headerLinks a:hover {
	color : #C0C0C0;
}

div.searchContext {
	display:block;
	width:100%;
	font-size: 65%;
	color: #999999;
	text-decoration: none;
}	


/* EVENT DISPLAY */
		div.athleticEvents{
			font-size: 100%;
			font-weight: bold;
			color: #333333;
			background-color:#A7CEDF;
			padding: 6px;
			border-bottom:#CACACA 1px solid;
			letter-spacing:1px;
		}
		div.calendarHeading {
			font-size: 100%;
			font-weight: bold;
			color: #333333;
			background-color:#EBEBEB;
			padding: 6px;
			border-bottom:#CACACA 1px solid;
			letter-spacing:1px;
			text-align:left;
		}
		div.suggestHeading {
			font-size: 100%;
			font-weight: bold;
			color: #333333;
			background-color:#FFECBF;
			padding: 6px;
			border-bottom:#F2BF49 1px solid;
			letter-spacing:1px;
			text-align:left;
		}
		div.dayHeading {
			font-size: 100%;
			font-weight: bold;
			color: #333333;
			background-color:#EBEBEB;
			padding: 6px;
			border-bottom:#CACACA 1px solid;
			letter-spacing:1px;
		}
		div.timeHeading {
			font-size: 105%;
			font-weight: bold;
			letter-spacing:1px;
			color: #333333;
			background-color:#FFFFFF;
			padding: 4px;
		}					
		div.eventTime {
			font-size: 80%;
			text-decoration: none;
			border-right: solid 1px #e1e1e1;
		}		
		div.dayTime	{
			font-size: 80%;
			text-decoration: none;
		}			
		td#eventCell {
			padding-left: 4px;
			padding-top: 5px;
			border-right: solid 1px #e1e1e1;
			border-top: solid 1px #e1e1e1;
		}


		a#allDayEvents {
			font-size: 90%;
			font-weight: bold;
			color: #189A1F;
		}		
		a#multiEvents {
			font-size: 90%;
			font-weight: bold;			
			color: #C144DE;
		}					
		a#allMultiEvents {
			font-size: 90%;
			font-weight: bold;			
			color: #FF6611;
		}					
		a#normalEvents {
			font-weight: bold;
			font-size: 90%;
			color: #000000;
		}			
		a#allDayEvents:visited {
			font-weight: normal;
		}		
		a#multiEvents:visited {
			font-weight: normal;
		}					
		a#allMultiEvents:visited {
			font-weight: normal;
		}					
		a#normalEvents:visited {
			font-weight: normal;
		}	
		a#allDayEvents:hover {
			text-decoration: underline;
		}		
		a#multiEvents:hover {
			text-decoration: underline;
		}					
		a#allMultiEvents:hover {
			text-decoration: underline;
		}					
		a#normalEvents:hover {
			text-decoration: underline;
		}					
		span.allDayEvents {
			font-size: 65%;
			color: #189A1F;
		}		
		span.multiEvents {
			font-size: 65%;
			color: #C144DE;
		}					
		span.allMultiEvents {
			font-size: 65%;
			color: #FF6611;
		}					
		div.searchContent {
			font-size: 65%;
			color:#333333;
		}



/* FOOTER TABLE */
table#footer {
	font-size : 60%;
	margin : 0;
	padding : 4px;
	color : #FFFFFF;
} 
table#footer td a {
	color : #FFFFFF;
	font-size : 100%;	
}
table#footer td a:hover {
	color : #C0C0C0;
	font-size : 100%;	
}



	/* DROP DOWN PRINT MENU  */ 
	div.viewResults {
		display: block;
		float: left;
		font-size: 75%; 
		font-weight: normal;
		padding: 6px; 
		color: #000000;
	}
	ul#printMenu {
		display: block;
		float: right;
		width:130px;
		background-color:#f2bf49;
		border:1px solid #FFEABA;
		list-style:none;
	}
	ul#printMenu, ul  {
		padding:2px;
		margin:0;
		list-style:none;
	}
	ul#printMenu ul {
		position:absolute;
		top:15px;
		left:-5px;
		width:130px;
		visibility:hidden;
		background-color:#FFEABA;
		border:1px solid #F2BF49;
		list-style:none;		
	}
	ul#printMenu li {
		position:relative;
		width:130px;
		list-style:none;		
	}
	ul#printMenu a {
		display:block;
		color:#003366;
		font-size: 65%;
		text-decoration:none;
		padding:2px;
		width:130px;
	
	}
	ul#printMenu a:hover, ul#printMenu li:hover a, ul#printMenu li.hover a {
		background-color:#f2bf49;
		color:#003366;
		list-style:none;		
	}
	ul#printMenu li:hover ul a, ul#printMenu li.hover ul a {
		background-color:#FFEABA;
		color:#003366;
		border:1px solid #FFEABA;
		list-style:none;		
	}
	ul#printMenu li:hover ul a:hover, ul#printMenu li.hover ul a:hover {
		background-color:#FFFFFF;
		color:#003366;		
		border:1px solid #F2BF49;
		list-style:none;		
	}
	a.submenu2 {
		background:url('http://www.stmarytx.edu/calendar/images/sub2.gif') right no-repeat; 
	}
	ul#printMenu li:hover ul, ul#printMenu li.hover ul {
		visibility:visible;
		list-style:none;		
	}
	ul#printMenu li li {
		border:none;
		padding:0;
		background-color:#FFEABA;
		list-style:none;		
	}
	ul#printMenu li {
		behavior: url('libraries/hover.htc');
	}
	

		/* TOP HORIZONTAL NAVIGATION */
		div#hnav ul{
			margin:0;
			padding:0;
			list-style:none;
			position:relative;
			bottom:1px;
			border-bottom:1px solid #003366;		
		}
		div#hnav ul li {
			float:right; 
			display:inline;
			margin:0;
			position:relative;
		}
		div#hnav ul li a{
			display:block;
			width:auto;
			float:left; 
			margin:1px 0 0px 1px;
			padding:5px 12px;
			color:#FFFFFF;
			text-decoration:none;
			letter-spacing:1px;
			font-size:75%;
			font-weight:bold;
			text-transform:uppercase;
			text-align:center;
			background:#007EBB;
		}
		div#hnav ul li a.activelink {
			display:block;
			width:auto;
			float:left; 
			margin:1px 0 0px 1px;
			padding:5px 12px;
			color:#003366;
			text-decoration:none;
			letter-spacing:1px;
			font-size:75%;
			font-weight:bold;
			text-transform:uppercase;
			text-align:center;
			background:#F8DC9C;
		}		
		div#hnav ul li a:hover{
			color:#F2BF49;
			background:#00468C;
		}
		html>body #hnav li a {
				width: auto;
		}


/* TOOL TIP STYLE */
div.tooltip {
	font-size: 70%;
	font-weight : bold;
	background: #003366;
	color: #FFFFFF;
	border: 0;
	width: 260px;
	height: 10px;
	line-height:10px;
	padding: 4px;
	
}
div.tooltip_body {
	font-size: 70%;
	background: #FFEABA;
	width: 260px;
	height: 100%;
	padding: 4px;
	border:0;
}
div.tooltip_container {
	border: 1px solid #003366;
	position:absolute; 
	display:none;
	z-index: 100;
}