/* CSS Document */

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

body { 
	font-size: 74%;
	color: #333;
}

#wrapper {
	width: 986px; 
	background: #017743;
	margin: 0 auto 0 auto;
	text-align: left;
	padding: 5px;
}
.navigation {
	padding: 3px;
}
.contents {
	background: #FFF; 
	width: 983px;
	padding-top: 4px;
}
.sidebar {
	background: #FFF;
	width: 205px; 
	text-align: center;
	padding-top: 20px;
}
.modules {
	width: 180px; 
	text-align: left;
	margin: 28px auto 0 auto;
}
.rightside {
	width: 777px;
}
.subnav {
	background: #017743;
	height: 25px; 
	text-align: right;
	padding-top: 6px;
}
.placards {
	margin-top: 7px;
}
.doc {
	padding: 5px 15px 20px 0;
}
.pagefooter {
	color: #FFF;
	background: #017743;
	height: 125px; 
	text-align: left;
	padding: 8px;
}
.homepagecal {
	margin-top: 80px;
}

#homepagelogos { width: 178px; float:right; text-align:center; }
.homepagelogo { float: left; }

.bgcolor {
	background: #9C6;
}



.menuContainer 	{
	font-size: 11px; 
	background-color: #017743;
	padding: 1px;
	text-align: left;
	border: #017743 1px solid;
}

.menuCell { }
.menuCell a, .menuCell a:visited { color: #FFF; text-decoration: none; }

.menuCellOver { background-color: #0c975a; }
.menuCellOver a, .menuCellOver a:visited, .menuCellOver a:hover { color: #FFF; }


a.menu, 
a.menu:visited,
a.menu:hover { font-size: 11px; color: #FFF; padding-left: 4px; font-weight: bold}
a.menu:hover { }

a.menu td 	{ 
	color: #FFF; 
	padding-right: 8px;
}

.body { }
.bodybold { font-weight: bold; }
.sub { font-size: 11px; }
.altbody { }
.footer { }

a,
a:visited,
a:hover {
	color: #4376BA;
}

a.navlink,
a.navlink:visited,
a.navlink:hover {
	color: #FFF;
	text-decoration: none; 
	margin-right: 15px;
	font-size: 12px;
}
.modules a,
.modules a:visited,
.modules a:hover {
}
.pagefooter a,
.pagefooter a:visited,
.pagefooter a:hover {
	color: #FFF;
	text-decoration: none;
}

.docheader, 
.section {
	color: #017743;
	font-size: 1.5em;
	font-weight: bold;
}

.modules h3 {
	color: #017743;
	font-size: 1.3em;
	border-bottom: #017743 1px solid;
	font-weight: normal;
	padding-bottom: 5px;	
}

.qotd {
	color: #017743;
	font-size: 16px;
}
.qotd b {
	font-weight: normal;
	font-size: 10px;
}


.floatright { float: right; }
.floatleft { float: left; }
.clear	{ clear: both; }
.noborder { border: none; }


/* Calendar styles */

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

}

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

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

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

#calendar td.past
{
	background-color: #DEDEDE;
	height: 90px;
}

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

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

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

#calendar .date {
	color: #000000;
	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
{
	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
{
	padding: 3px;
	
}

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

#shadow
{

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