/* CSS Document */

/*
blue:  #6AB2E7;
dark gray:  #4D4D4D;
*/



/* ----- LAYOUT ----- */

#header {
	width: 660px;
	}
#contentShell {
	width: 670px;
	margin: 20px auto 75px auto;
	padding: 0;
	}
#navColumn {
	float: left;
	width: 330px;
	}
#photoColumn {
	float: right;
	width: 255px;
	}



/* ----- CONTENT SHELL ----- */

#contentShell {
	background: #000;
	}
#contentShell,
#contentShell p,
#contentShell td,
#contentShell th,
#contentShell ul,
#contentShell a:link,
#contentShell a:visited {
	color: #FFF;
	}



/* ----- NAV COLUMN ----- */

#navigation {
	margin: 15px 0 30px 20px;
	}
#navigation a {
	width: 265px;
	height: 18px;
	}
#navigation .navCalendar a {
	background: url(../images/home/nav-calendar.gif) no-repeat;
	}
#navigation .navCalendar a:hover {
	background: url(../images/home/nav-calendar-over.gif) no-repeat;
	}
#navigation .navCompany a {
	background: url(../images/home/nav-company.gif) no-repeat;
	}
#navigation .navCompany a:hover {
	background: url(../images/home/nav-company-over.gif) no-repeat;
	}
#navigation .navRegistration a {
	background: url(../images/home/nav-registration.gif) no-repeat;
	}
#navigation .navRegistration a:hover {
	background: url(../images/home/nav-registration-over.gif) no-repeat;
	}
#navigation .navContact a {
	background: url(../images/home/nav-contact.gif) no-repeat;
	}
#navigation .navContact a:hover {
	background: url(../images/home/nav-contact-over.gif) no-repeat;
	}
#navigation .navMailing a {
	background: url(../images/home/nav-mailing.gif) no-repeat;
	}
#navigation .navMailing a:hover {
	background: url(../images/home/nav-mailing-over.gif) no-repeat;
	}
#upcomingBox {
	width: 300px;
	background: #4D4D4D;
	}
#upcomingBox a:link,
#upcomingBox a:visited {
	text-decoration: none;
	}
#upcomingBox a:hover,
#upcomingBox a:active {
	color: #6AB2E7;
	}
#upcomingBox .header {
	height: 30px;
	background: url(../images/home/upcoming-hdr.gif) no-repeat;
	}
#upcomingBox .footer {
	height: 18px;
	background: url(../images/home/upcoming-ftr.gif) no-repeat;
	}
#upcomingBox ul {
	margin: 5px 20px 0 20px;
	padding: 0;
	color: #FFF;
	list-style: url(../images/home/upcoming-bullet.gif);
	}
#upcomingBox li {
	margin: 0 0 10px 0;
	padding: 0;
	}



/* ----- PHOTO COLUMN ----- */

.photoBox {
	margin: 0 5px 10px 5px;
	}