body  {
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	margin:0 auto;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	background: url(/images/mainbgrd.png) center repeat-y #777777;
}

.homemaintab {
	background-color: #D9D9D9;
}

.homemaintabtext {
	font-family: arial;
	font-size: 24px;
	padding: 0px 8px 4px 8px;
	color: #2B2B2B;
}

.homemaintabseparator {
	background-color: #575656;
}

.submaintab {
	background-color: #D9D9D9;
}

.submaintabtext {
	font-family: arial;
	font-size: 24px;
	padding: 0px 8px 4px 8px;
	color: #2B2B2B;
}

.submaintabseparator {
	background-color: #575656;
}

.submaintabtext a {
	color: #2B2B2B !important;
	text-decoration: none;
}

.submaintabtext a:hover {
	text-decoration: underline;
}

.mainsubtitle {
	font-family: arial;
	font-size: 20px;
	padding: 0px 8px 4px 8px;
	color: #2B2B2B;
}

.mainsubtitle a {
	color: #2B2B2B !important;
	text-decoration: none;
}

.mainsubtitle a:hover {
	text-decoration: underline;
}

.mainsubtitlecrumble {
	font-family: arial;
	font-size: 12px;
}


.maincontent {
	width: 990px;
	text-align: left;
	margin:0 auto; 
	height: 100%;
	background-color: white;
}

.regularfonts {
	font-family: arial;
	font-size: 12px;
	color: 1A1A1A;
}

.smallfonts {
	font-family: arial;
	font-size: 10px;
	color: 1A1A1A;
}

.regularfonts a {
	color: #00629C;
}

.maintitle {
	font-family: arial;
	font-size: 24px;
	padding: 0px 8px 4px 8px;
	color: #2B2B2B;
}

.maintitlebgrd {
	background-color: #D9D9D9;
}

.maincontenttitle {
	font-family: arial;
	font-size: 18px;
	margin: 8px 4px 12px 4px;
	color: #2B2B2B;
}

.maincontentmedia {
	float: left;
	margin: 0px 8px 8px 4px;
}

.maincontentdescription {
	font-family: arial;
	font-size: 12px;
	line-height: 16px;
	margin: 0px 4px 10px 4px;
}

.mediacalce {
	font-family: arial;
	font-size: 10px;
	line-height: 12px;
	padding: 4px 0px 4px 0px;
}



.mainsubsubtitle {
	font-family: arial;
	font-size: 14px;
	padding: 8px 8px 4px 8px;
	color: #2B2B2B;
	font-weight: bold;
}

.mainsubsubtitle a {
	color: #2B2B2B;
	text-decoration: none;
}

.mainsubsubtitle a:hover {
	text-decoration: underline;
}

.relatedtitle {
	font-family: arial;
	font-size: 14px;
	padding: 0px 8px 4px 8px;
	color: #2B2B2B;
	font-weight: bold;
}

.mainsubcontentdescription {
	font-family: arial;
	font-size: 12px;
	line-height: 16px;
	margin: 6px 4px 6px 6px;
}

.mainsubcontentmedia {
	float: left;
	margin: 0px 4px 4px 4px;
}

.moduletitle {
	font-family: arial;
	font-size: 17px;
	font-weight: bold;
	padding: 17px 2px 2px 2px;
	color: #00629C;
}

.calendarmonth {
	font-family: arial;
	font-size: 10px;
	font-weight: bold;
	color: 1A1A1A;
}

.calendarday {
	font-family: arial;
	font-size: 19px;
	font-weight: bold;
	color: 1A1A1A;
}

.calendardetails {
	font-family: arial;
	font-size: 11px;
	color: 1A1A1A;
}

.contenttitle {
	font-family: arial;
	font-size: 26px;
	padding: 0px 8px 4px 8px;
	color: #2B2B2B;
}

.contenttitle a {
	color: #2B2B2B;
	text-decoration: none;
}

.contenttitle a:hover {
	text-decoration: underline;
}

.media_tab_on {
	font-family: arial;
	font-size: 12px;
	font-weight: bold;
	color: white; 
	background-color: #575656;
}

.media_tab_on a {
	color: white; 
	text-decoration: none;
}

.media_tab_off {
	font-family: arial;
	font-size: 12px;
	color: black; 
	background-color: #D9D9D9;
}

.media_tab_off a {
	color: black; 
	text-decoration: none;
}