/* CSS Document */

* { font-family: Arial, Helvetica, sans-serif; }

body {
	margin: 0;
}

/*   Layout styles   */
#wrapper {
	width: 722px;
	text-align: left;
}

.subnav {
	margin-top: 20px;
	margin-bottom: 20px;
	padding-left: 5px;
	width: 718px;
}

.search {
	width: 180px;
}

.nav { background: #274E75; }

.contents {
	background: #fff;
	border: 1px #274E75 solid;
	padding: 20px 0 20px 0;
}

.leftside {
	width: 150px;
	padding-left: 20px;
}

.rightside {
	width: 500px;
	margin-right: 15px;
	font-size: 1.2em;
}

.foot {
	background: #274E75;
	color: #fff;
	text-transform: uppercase;
	padding: 5px;
	text-align: right;
}

p.module {
	padding-top: 0;
	margin-top: 0;
	margin-bottom: 15px;
}

.menuContainer {
	background-color: #274E75;
	text-align: left;
	color: #FFF;
	border: 1px solid #274E75;
}

.headerimg img {width: 500px; }

.menuCell td, .menuCellOver td { color: #FFF; padding-right: 5px; }
.menuCellOver td { color: #274E75; }

.menuCell { padding-left: 6px; }
.menuCell a, .menuCell a:hover, .menuCell a:visited { color: #fff; text-decoration: none; }

.menuCellOver { background-color: #EDDAB8; padding-left: 6px; }
.menuCellOver a, .menuCellOver a:visited, .menuCellOver a:hover { color: #274E75; text-decoration: none; }

/*   text styles   */
body {
	font-size: 72.5%;
}

body, tr, td, div, ul, ol, li, p {
	color: #666;
}

.docheader, .section {
	color: #9c0000;
	font-size: 1.4em;
}

h3 {
	text-transform: uppercase;
	font-weight: bold;
	color: #274E75;
	font-size: .9em;
	margin-bottom: 3px;
}

.subnav {
	color: #9c0000;
	text-align: left;
	font-weight: bold;
	text-transform: uppercase;
}

.footer, sup { color: #274E75; }
sup {font-size: .8em; }

/*   link styles   */
a, a:hover, a:visited { color: #9c0000; }
.foot a { color: #EDDAB8; }
.subnav a,.subnav a:hover, .subnav a:visited { color: #9C0000; text-decoration: none; }
a.footer { color: #274E75; text-decoration: none; }
a.pageutil, a.pageutil:hover, a.pageutil:visited { color:#fff; text-decoration: none; }

/*   utility styles   */
.noborder { border: 0; }
.floatright { float: right; }
.floatleft { float: left; }
.clear { clear: both; }
#document-display { padding: 0px; }
#poster { filter: blendTrans(.5); }

/* Calendar styles (adjust as needed) */

table #calendar
{
	width: 100%;
	background-color: #CFCFCF;

}

table #calendar caption 	
{ 
	background-color: #274E75; 
	color: #fff; 
	font-weight: bold;
	padding: 10px;
	font-size: 18px; 
}

table #calendar th 		
{ 
	background-color: #8799B6; 
	color: #fff; 
	padding: 4px; 
	font-weight: bold; 
	font-size: 14px; 
}

#calendar td.present {
	text-align: left;
	height: 90px;
	overflow: hidden;
	background-color: #FFFFFF;
	width: 14%;
	padding: 3px;
	-moz-border-radius: 5px;
}

#calendar td.past
{
	background-color: #ededed;
	height: 90px;
	width: 14%;
}

#calendar td.future 
{
	text-align: left;
	height: 90px;
	overflow: hidden;
	background-color: #f5f5f5;
	padding: 3px;
	width: 14%;
	-moz-border-radius: 5px;
}

#calendar td.none 
{
	background-color: #FFFFFF;
	width: 14%;
}

#calendar td.past:hover, 
#calendar td.future:hover, 
#calendar td.present:hover {
	background-color: #EDDAB8;
}

#calendar .date {
	color: #03174B;
	padding: 0px;
	width: 14px;
	text-align: center;
	font-size: 12px;
	font-weight: bold;
}

#calendar td ul {
	margin-left: 0;
	margin-right: 0;
	padding-left: 0;
	padding-right: 0;
	margin-top: 0;
}

#calendar td.past ul li,
#calendar td.present ul li,
#calendar td.future ul li 
{
	list-style: none;
	font-size: 11px;
	font-style: normal;
	cursor: pointer;
	padding: 3px;
}

#calendar td.past ul li:hover,
#calendar td.present ul li:hover,
#calendar td.future ul li:hover  
{
	
}

#calendar td.past ul li a:link, 
#calendar td.past ul li a:visited, 
#calendar td.past ul li a:active, 
#calendar td.future ul li a:link, 
#calendar td.future ul li a:visited, 
#calendar td.future ul li a:active, 
#calendar td.present ul li a:link, 
#calendar td.present ul li a:visited, 
#calendar td.present ul li a:active
{
	text-decoration: none;
	color: #C42A3A;
	width: 100%;
	padding: 3px;
	
}

#calendar td.past ul li a:hover,
#calendar td.future ul li a:hover,
#calendar td.present ul li a:hover
{
	text-decoration: underline;	
	padding: 3px;
	
}

.calendarItemDisplay
{
	position: absolute;
	overflow: hidden;
	top: 400px; 
	left: 200px;
	visibility: hidden;
	background-color: #FFFFFF;
	padding: 10px;
	border: 3px outset grey;
	opacity: 1;
	filter: alpha(opacity=100) blendTrans(duration=.3);
	height: 400px;
	width: 415px;
}

#shadow
{

	position: absolute;
	left: 0px;
	top: 0px;
	background-color: black;
	filter: alpha(opacity=45) blendTrans(duration=.35);
	opacity: 0.45; 
	visibility: hidden; 
}