/* MAIN.CSS - file for classes used anywhere other than the home page */
/* this file should never be called at the same time as home.css */


#col1 { 
	width: 206px; 
	text-align: left;
	margin-top: 34px;
	float: left; 
}

#col2 { 
	width: 500px; 
	text-align: left;
	margin-top: 36px;
	padding-bottom: 80px;
	float: left; 
}

#col2Wellness { 
	width: 250px; 
	text-align: left;
	float: left; 
}

#col3Wellness { 
	width: 250px; 
	text-align: left;
	float: left; 
}

#col2Full { 
	width: 750px; 
	text-align: left;
	margin-top: 36px;
	padding-bottom: 80px;
	float: left; 
}

#col4 { 
	width: 250px;
	margin-top: 70px;
	padding-bottom: 14px;
	text-align: left;
	float: right; 
	clear: right;
}

#col4Wellness { 
	width: 250px;
	margin-top: 35px;
	padding-bottom: 14px;
	text-align: left;
	float: right; 
	clear: right;
}

#container, #containerFull, #containerWellness, #containerWellnessHome {
	width: 966px;
	margin: 0px;
	border-left: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
	position: absolute;
}

#container, #containerWellness {
	background-image: url(/mit/images/bg_rule2_slice.gif);
	background-repeat: repeat-y;
}

#containerCols { 
	width: 716px; 
	text-align: left;
	float: left; 
}

#containerFull {
	background-image: url(/mit/images/bg_rule_slice.gif);
	background-repeat: repeat-y;
}

#containerHeader { 
	width: 966px; 
	text-align: left;
	border-bottom: 1px solid #FFFFFF;
	float: left; 
}

#containerNav {
	width: 966px;
	text-align: left;
	float: left;
}

#containerWellness {
	background-image: url(/mit/images/bg_rule2_slice_beigectr.gif);
	background-repeat: repeat-y;
}

#footer, #footerWellness { 
	width: 966px;
	font-size: 11px;
	text-transform: uppercase;
	text-align: left;
	background-color: #B3D141;
	padding: 3px 0px;
	float: left; 
	clear: both;
}

#footer {
	border-top: 9px solid #FFFFFF;
}

#footerWellness {
	border-top: 3px solid #FFFFFF;
}

#headerLeft {
	width: 716px;
	height: 113px;
	float: left;
}

#headerRight {
	width: 250px;
	height: 113px;
	background-color: #CB6D2D;
	float: right;
}

#navAbout {
	width: 141px;
	background-color: #CB6D2D;
}

#navAboutActive {
	width: 141px;
	background-color: #FFFFFF;
}

#navDirectory {
	width: 113px;
	background-color: #5E6BA0;
}

#navDirectoryActive {
	width: 113px;
	background-color: #FFFFFF;
}

#navEmergencies {
	width: 250px;
	color: #FFFFFF;
	background-color: #921530;
	text-align: left;
}

#navHome {
	width: 60px;
	background-color: #721576;
}

#navHow {
	width: 110px;
	background-color: #921530;
}

#navHowActive {
	width: 110px;
	background-color: #FFFFFF;
}

#navPlans {
	width: 142px;
	background-color: #721576;
}

#navPlansActive {
	width: 142px;
	background-color: #FFFFFF;
}

#navRight {
	width: 250px;
	height: 38px;
	float: right;
}

#navWellness {
	width: 150px;
	background-color: #849A30;
}

#navWellnessActive {
	width: 150px;
	background-color: #FFFFFF;
}

#serviceContact { /* need this to create an ID for the service tables */
}

#serviceHeader { /* used on service pages that have subpages */
	color: #EDEDEF;
	border-top: 1px solid #EDEDEF;
	border-bottom: 1px solid #EDEDEF;
	padding: 2px 0px;
	margin-left: 13px;
	margin-bottom: 20px;
}

#tablePurpleDiv { /* need this for links to display properly within purple tables */
}

/* TAG REDEFINITIONS AND CUSTOM CLASSES */

.alignRight {
	text-align: right;
}

.blue {
	color: #49547F;
}

.blueBGLight {
	background-color: #E7E9F1;
}

body { 
	font-family: Tahoma, Helvetica, sans-serif;
	font-size: 13px;
	line-height: 16px;
	color: #555555;
	margin: 0px; 
	padding: 0px; 
	width: 966px; 
}

.calendarPadding {
	padding-bottom: 12px;
}

.calendarText {
	color: #000000;
	font-weight: normal;
	margin: 0px;
	padding: 0px;
}

.calendarText a, .calendarText a:link, .calendarText a:visited {
	color: #000000;
	text-decoration: underline;
}

.calendarText a:hover, .calendarText a:active {
	color: #000000;
	text-decoration: none;
}

#col1 h3, #col1 h4, #col1 h5 {
	font-size: 13px;
	line-height: 16px;
	font-weight: normal;
	margin: 0px 6px 0px 0px;
}

#col1 h3 {
	padding-bottom: 2px;
}

#col1 h4, #col h5 {
	padding: 0px;
}

#col1 ul {
	margin-top: 0px;
	margin-left: 4px;
	padding-left: 14px;
}

#col2 a, #col2 a:link, #col2 a:visited, #col2Full a, #col2Full a:link, #col2Full a:visited {
	color: #49547F;
	text-decoration: underline;
}

#col2 a:hover, #col2 active, #col2Full a:hover, #col2Full active {
	color: #49547F;
	text-decoration: none;
}

#col2 p, #col2Full p, #col2Wellness p, #col3Wellness p {
	padding: 0px 17px;
}

#col2Wellness li, #col3Wellness li {
	padding: 6px 0px;
	border-bottom: 1px dotted #666666;
}

#col2Wellness ul, #col3Wellness ul {
	list-style-image: url(/mit/images/bullet_green.gif);
	margin-left: 13px;
	padding-left: 17px;
	padding-right: 30px;
	list-style-type: default;
	list-style-position: default;
}

#col4 h3.promoHead, #col4Wellness h3.promoHead {
	font-family: Georgia, "Times New Roman", serif;
	font-size: 16px;
	line-height: 17px;
	font-weight: bold;
	color: #FFFFFF;
	text-transform: none;
	letter-spacing: 1px;
	padding: 10px 14px 10px 0px;
}

#col4 h3.sidebarBoxHead, #col4Wellness h3.sidebarBoxHead {
	font-family: Tahoma, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 15px;
	font-weight: bold;
	color: #FFFFFF;
	text-transform: uppercase;
	letter-spacing: 1px;
	padding: 10px 14px 10px 0px;
}

#containerWellness #col2 ul {
	list-style-image: url(/mit/images/bullet_orange_beigebg.gif);
	margin-left: 20px;
	padding-left: 17px;
	padding-right: 30px;
	list-style-type: default;
	list-style-position: default;
}

.directoryFilters {
	font-size: 12px;
	margin-left: 7px;
}

.directoryFiltersRule {
	border-top: 3px solid #FFFFFF;
	margin: 0px 13px;
}

.directoryTable {
	font-size: 11px;
	line-height: 15px;
	color: #555555;
	padding-left: 13px;
}

.directoryTable a, .directoryTable a:link, .directoryTable a:visited {
	color: #555555;
	font-weight: bold;
	text-decoration: underline;
}

.directoryTable a:hover, .directoryTable a:active {
	text-decoration: none;
}

.directoryTableImage {
	 width: 90px;
	 text-align: center;
}

.directoryTablePadding {
	 width: 90px;
	padding-bottom: 30px;
}

.filterBox { /* used for Ask Lucy archive filter; could be used elsewhere */
	width: 100%;
	background-color: #FFFFFF;
	margin: 0px 0px 8px 0px;
	padding: 1px 4px 4px 4px;
}

.green {
	color: #596920;
}

.marginLeft13px { /* enables promo boxes to work around IE6 box model problems */
	margin-left: 13px;
}

.marginTop16px { /* push calendar down below header in IE6 */
	margin-top: 16px;
}

.marginTop36px { /* push wellness home page col2 & col3 down */
	margin-top: 36px;
}

#navAbout li, #navAboutActive li, #navDirectory li, #navDirectoryActive li, #navHow li, #navHowActive li {
	width: 141px;
}

#navPlans li, #navPlansActive li {
	width: 142px;
}

#navWellness li, #navWellnessActive li {
	width: 150px;
}

.orange {
	color: #CB6D2D;
}

.paddingFilters { /* for directory filter widgets */
	padding: 4px 6px 4px 12px;
	margin: 0px;
}

.paddingLeft90px {
	padding-left: 90px;
}

/* always enclose one of these boxes in a marginLeft13px div to work around IE6 box model problems */
.sectionPromo, .sidebarBoxBlue, .sidebarBoxGreen, .sidebarBoxPurple {
	width: 220px;
	margin: 0px 0px 16px 0px; 
	float: left;
}

.sectionPromo {
	background-color: #F8AD5B;
}

.sectionPromoHead {
	background-color: #CB6D2D;
}

#serviceContact h3 {
	font-family: Tahoma, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 12px;
	line-height: 13px;
	color: #5E6BA0;
	margin: 6px 13px 0px 13px;
}

#serviceContact p {
	padding-left: 13px;
	margin-top: 0px;
}

#serviceHeader a, #serviceHeader a:link, #serviceHeader a:visited {
	text-decoration: none;
}

#serviceHeader a:hover, #serviceHeader a:active {
	text-decoration: underline;
}

#serviceHeader h1, #serviceHeader h2 {
	font-weight: normal;
	margin: 0px;
	padding-top: 4px;
	padding-bottom: 4px;
}

#serviceHeader h1 {
	padding-right: 36px;
	padding-left: 0px;
	display: inline;
}

#serviceHeader h2 {
	padding-right: 0px;
	padding-left: 18px;
	display: inline;
}

#serviceHeader ul, #serviceHeader ul li {
    margin: 0px;
    padding: 0px;
    list-style:none;
    display: inline;
}

.serviceTable, .serviceTableFirst {
	padding: 9px 6px;
}

.serviceTable {
	border-left: 1px solid #FFFFFF;
}

.sidebarBoxBlue {
	background-color: #7C99E3;
}

.sidebarBoxBlueHead {
	background-color: #5E6BA0;
}

.sidebarBoxGreen {
	background-color: #D9E8A0;
}

.sidebarBoxGreenHead {
	background-color: #849A30;
}

.sidebarBoxLucyHead { /* used ONLY on Ask Lucy pages as graphic background */
	background-color: #FBEEC2;
}

.sidebarBoxPurple {
	background-color: #A1188C;
}

.sidebarBoxPurpleHead {
	background-color: #721576;
}

.staffTitle {
	font-style: italic;
	margin-top: -20px;
}

li.subnav1, li.subnav1Blue, li.subnav1Green, li.subnav1Orange {
	border-top: 1px dotted #666666;
	padding: 6px 14px;
	margin-right: 6px;
	list-style-type: none;
	list-style-position: default;
}

.subnav1 a, .subnav1 a:link, .subnav1 a:visited, .subnav2Purple a, .subnav2Purple a:link, .subnav2Purple a:visited {
	color: #721576;
	text-decoration: none;
}

.subnav1 a:hover, .subnav1 a:active, .subnav2Purple a:hover, .subnav2Purple a:active {
	color: #721576;
	text-decoration: underline;
}

.subnav1Blue a, .subnav1Blue a:link, .subnav1Blue a:visited {
	color: #49547F;
	text-decoration: none;
}

.subnav1Blue a:hover, .subnav1Blue a:active {
	color: #49547F;
	text-decoration: underline;
}

.subnav1Green a, .subnav1Green a:link, .subnav1Green a:visited, .subnav2Green a, .subnav2Green a:link, .subnav2Green a:visited {
	color: #596920;
	text-decoration: none;
}

.subnav1Green a:hover, .subnav1Green a:active, .subnav2Green a:hover, .subnav2Green a:active {
	color: #596920;
	text-decoration: underline;
}

.subnav1Orange a, .subnav1Orange a:link, .subnav1Orange a:visited, .subnav2Orange a, .subnav2Orange a:link, .subnav2Orange a:visited {
	color: #CB6D2D;
	text-decoration: none;
}

.subnav1Orange a:hover, .subnav1Orange a:active, .subnav2Orange a:hover, .subnav2Orange a:active {
	color: #CB6D2D;
	text-decoration: underline;
}

.subnav3Orange a, .subnav3Orange a:link, .subnav3Orange a:visited {
	color: #596920;
	text-decoration: none;
}

.subnav3Orange a:hover, .subnav3Orange a:active {
	color: #596920;
	text-decoration: underline;
}

.subnav2Green {
	color: #596920;
	list-style-type: default;
	list-style-image: url(/mit/images/nav2_triangle_green_beigebg.gif);
	list-style-position: default;
	margin-left: 4px;
}

.subnav2Orange {
	color: #CB6D2D;
	list-style-type: default;
	list-style-image: url(/mit/images/nav1_triangle_orange.gif);
	list-style-position: default;
	margin-left: 4px;
}

.subnav2Purple {
	color: #721576;
	list-style-type: default;
	list-style-image: url(/mit/images/nav2_triangle_purple.gif);
	list-style-position: default;
	margin-left: 4px;
}

.subnav3Green {
	color: #596920;
	list-style-type: default;
	list-style-image: url(/mit/images/bullet_green_beigebg.gif);
	list-style-position: default;
	margin-left: 4px;
}

.subnav3Green a, .subnav3Green a:link, .subnav3Green a:visited {
	color: #596920;
	text-decoration: none;
}

.subnav3Green a:hover, .subnav3Green a:active {
	color: #CB6D2D;
	text-decoration: underline;
}

.subnav3Orange {
	color: #596920;
	list-style-type: default;
	list-style-image: url(/mit/images/bullet_orange_sm_beigebg.gif);
	list-style-position: default;
	margin-left: 4px;
}

.tablePurple {
	background-color: #F2E8F1;
	margin-left: 13px;
}

#tablePurpleDiv a, #tablePurpleDiv a:link, #tablePurpleDiv a:visited {
	color: #731576;
	text-decoration: underline;
}

#tablePurpleDiv a:hover, #tablePurpleDiv a:active {
	color: #731576;
	text-decoration: none;
}

.tablePurple th {
	font-size: 10px;
	color: #731576;
	font-weight: bold;
	text-transform: uppercase;
	text-align: left;
	vertical-align: bottom;
	border-bottom: 2px solid #FFFFFF;
	padding: 5px 8px;
}

.tablePurplePadding {
	padding: 5px 8px;
}

.tablePurpleRule {
	border-bottom: 1px solid #FFFFFF;
}