html, body {
	width:  100%;
	height: 100%; }

body, table, tr, td {
	margin:  0;
	padding: 0;
	vertical-align: top;
	color: #000;
	font-family: Arial, Helvetica, Verdana, sans-serif; 
	font-size:   15px;
	line-height: 18px;
	letter-spacing:1px;
	word-spacing:-1.4px
	}

body {
	background-color: #FF0; }

a:link {
	color: #F00;
	text-decoration: none;
	/*font-weight: bold;*/ 
	}

a:visited {
	color: #F00;
	text-decoration: none;
	/*font-weight: bold;*/ 
	}

a:hover {
	color: #F00;
	font-weight: bold; 
	}

a:active {
	color: #FF0;
	text-decoration: none; 
	}
	
a.nav:hover {
color:#00F;
	text-decoration: none;
	}




img {
	border: none; }

ul, ol, li {
	margin: 0;
	padding: 0;
	list-style: none; }

em {
	font-style: italic; }

strong {
	font-style: bold; }




.logo {
	font-size: 48px; 
	line-height: 40px; 
	/* these were 72 px and 60 px */
	letter-spacing: 1px; 
	color: #000;
	font-weight: bold;
	/*text-shadow: 3px 3px 5px grey;*/ }

.box {
	float:  left;
	width:  280px;
	margin: 0 20px 20px 0; }

.box:hover {
	color: #000; }

.caption {
	font-size:   11px; 
	line-height: 13px;
	letter-spacing:0px;
	color: #000; 
	}




.calendar {
	float: left;
	border: 1px solid #000;
	color: #000;
	overflow: hidden;
	width: 138px;
	height: 138px; }

.calendar:hover {
	border: 1px solid #F00;
	color: #F00; }

.small {
	font-size:   12px;
	line-height: 14px; 
	}
	




.Menu {
	}
	
.Menu a:link {
	color: #F00;
	text-decoration: none; 
	}

.Menu a:visited {
	color: #F00;
	text-decoration: none; 
	}

.Menu a:hover {
	color: #F00;
	font-weight: bold;
	text-decoration: none;
	text-decoration: none; 
	}

.Menu a:active {
	color: #FF0;
	text-decoration: none; }
	
	
	

.blue {
	color: #00C; }




.gray {
	color: #999; }
	
.gray a:link {
	color: #999;
	text-decoration: none; }

.gray a:visited {
	color: #999;
	text-decoration: none; }

.gray a:hover {
	color: #999;
	text-decoration: none; }

.gray a:active {
	color: #999;
	text-decoration: none; }




.red { 
	color: #F00; }
	
.red a:link {
	color: #F00;
	text-decoration: none; }

.red a:visited {
	color: #F00;
	text-decoration: none; }

.red a:hover {
	color: #F00;
	text-decoration: none; }

.red a:active {
	color: #F00;
	text-decoration: none; }




.black {
	color: #000; }
	
.black a:link {
	color: #000;
	text-decoration: none; }

.black a:visited {
	color: #000;
	text-decoration: none; }

.black a:hover {
	color: #000;
	text-decoration: none; }

.black a:active {
	color: #000;
	text-decoration: none; }








.column1Container {
	position:  absolute;
	width: 283px;
	left: 8px;
	margin: 0 0px 0px 0; 
	}
	
.column2Container {
	position:  absolute;
	width: 284px;
	top: 0px;
	left: 310px;
	margin: 0 0px 0px 0; 
	}
	
.column3Container {
	position:  absolute;
	width: 284px;
	top: 0px;
	left: 608px;
	margin: 0 0px 0px 0; 
	}
	
.column4Container {
	position:  absolute;
	width: 284px;
	top: 0px;
	left: 910px;
	margin: 0 0px 0px 0; 
	}

.column34Container {
	position:  absolute;
	width: 560px;
	/*width: 290px;*/
	left: 608px;
	margin: 0 0px 0px 0; 
	background-color:#FF0;
	}
	
.column12Container {
	position:  absolute;
	width: 584px;
	left: 8px;
	margin: 0 0px 0px 0; 
	background-color:#FF0;
	z-index:+1;
	}
	
		
.column12-2columnContainer {
	position:  absolute;
	column-count: 2;
	width: 584px;
	left: 8px;
	margin: 0 0px 0px 0; 
	background-color:#FF0;
	z-index:+1;
	}	
	

.logoContainer {
	position: absolute;
	top: 10px;
	left: 10px;
	width: 200px;
	height: 180px;
	z-index:98;
	}	


.logoOnContainer {
	position: absolute;
	top: 10px;
	left: 10px;
	width: 200px;
	height: 180px;
	z-index: 99;
	visibility: hidden;
	}