/* this body and container combo center the inner page */
/* without them, same layout will stretch across the window width */

body {
	background-color: #666600;
	color: #000;
	margin-right : 20px;
	margin-left : 20px;
	font-family: verdana, arial, helvetica, sans-serif;
	color: #FFFFCC;
}

/*#container {
	position: relative;
	background-color: #fff;
	top: 0px;
	width: 770px;
	text-align: left;
	margin: auto;
}
*/

p, h1, h2, h3, h4, h5, h6, li, ol, ul {
	font-family: verdana, arial, helvetica, sans-serif;
	color: #FFFFCC;
}


p, li, ol, ul {
	font-size: 12px;
}



h1 {
font-family: myriad, arial, helvetica, verdana, sans-serif;
	font-size: 18px;
	font-weight: 800;
}

h2 {
	font-family: myriad, arial, helvetica, verdana, sans-serif;
	font-size: 16px;
	font-weight: 800;
	font-style: italic; 
	margin: 2px;
	padding: 2px;
}

h3 { /*same as h4 but BLACK */
	font-family: myriad, arial, helvetica, verdana, sans-serif;
	font-size: 16px;
}


 h4  {
	font-size: 14px;
}
	
	



a {
	color: #FFCC33;
	text-decoration: none;
	font: bolder;
	font-weight: bolder;
}

/* CLASSES FOR FORMAT MOSTY CALENDAR */


.plainlink  {
    color : #FFFFCC;
    text-decoration : none;
}

.calworkshop {
	color: #FF99FF;
	text-decoration : none;
}


.calworkindent {
	color: #FF99FF;
	margin-right : 30px;
	margin-left : 30px;
	}

.caljewish {
	color: #33FFFF;
	text-decoration : none;
}



.caljewappindent {
	color: #33FFFF;
	margin-right : 30px;
	margin-left : 30px;
}

.calapplink {
	color: #33FFFF;
	text-decoration : none;
}

a.calapplink:visited {
	color: #33FFFF;
	text-decoration : none;
}

.calretlink {
	color: #FFCC33;
	text-decoration : none;
}

a.calretlink:visited {
	color: #FFCC33;
	text-decoration : none;
}

.bodyindent {
	margin-right : 30px;
	margin-left : 30px;
}


.calatm {
	color: #FFCC33;
	text-decoration : none;
}

a.calatm:visited {
	color: #FFCC33;
	text-decoration : none;
}


a:hover {
	color: #FFFF66;
}

.form_field {
	font-family: arial, helvetica, sans-serif; 
	width: 130px;
}

.footer {
	font-family: arial, helvetica, sans-serif;
	font-size: 10px;
	text-align : center;
}
.padding {
	padding: 15px 15px 0px 15px;
}

.tarheel {
	background-image: url(images/tarheel.gif);
	background-repeat: repeat;
}
.nav {
	background-color : #999966;
	padding-top : 5px;
	vertical-align : middle;
	padding-bottom : 5px;
}
.ednote {
	color: red;
	background-color : White;
}
.error {
	color: red;
	font-weight: bold;
}

.textonly{
	font-family: arial, helvetica, sans-serif;
	font-size: 11px;
}

#logo {
	float: left;
	width: 165px;
	margin: 0px;
	padding: 2px;
	clear: left;
	background: transparent;
} 

#nav {
	float: left;
	width: 165px;
	margin: 0px;
	padding: 2px;
	clear: left;
	background: transparent;
	display: block;
} 

html>body #nav {
		width: 139px; /* whenever you see html>body it's to fool IE */ 
		/*box model hack -- subtract padding from div AND a styles to equal IE appearance */	
}


#nav a {
	font-family: myriad, arial, helvetica, verdana, sans-serif;
	background: #666600;
	text-decoration: none; 
	font-size: 12px;
	font-weight: bolder;
	color: #FFFFCC;
	border: 2px solid #FFFFCC;
	width: 100%;
	text-align: center;
	margin: 5px;
	padding: 3px;
	display: block;
}

#nav a:visited {
font-family: myriad, arial, helvetica, verdana, sans-serif;
	background: #666600;
	text-decoration : none; 
	font-size: 12px;
	font-weight: bolder;
	color : #FFFFCC;
	border : 2px solid #FFFFCC;
	width: 100%;
	text-align : center;
	margin: 5px;
	padding: 3px;
	display: block;
} 

#nav a:hover {
font-family: myriad, arial, helvetica, verdana, sans-serif;
	background : #999966;
	text-decoration : none; 
	font-size : 12px;
	font-weight: bolder;
	color : #FFFFCC;
	border : 2px solid #FFFFCC;
	width: 100%;
	text-align : center;
	margin: 5px;
	padding: 3px;
	display: block; /* this causes the term's border to stretch to fill div */
}

#nav-on {
	float: left;
	width: 165px;
	margin: 0px;
	padding: 0px;
	clear: left;
	display: block;
}

html>body #nav-on {
		width: 139px; /* box model hack -- subtract padding from div AND a styles to equal IE appearance */
}

#nav-on a {
	font-family: myriad, arial, helvetica, verdana, sans-serif;
	background : #CAE6B4;
	text-decoration : none;
	font-size : 11px;
	font-weight : bolder;
	color : #000000;
	border : 2px solid #A0A39D;
	width: 100%;
	text-align : center; 
	margin : 5px;
	padding : 3px;
	display: block;
}

#nav-on a:visited {
	font-family: myriad, arial, helvetica, verdana, sans-serif;
	background: #CAE6B4;
	text-decoration : none;
	font-size : 11px;
	font-weight : bolder;
	color : #000000;
	border : 2px solid #A0A39D;
	width: 100%;
	text-align : center; 
	margin : 5px;
	padding : 3px;
	display: block;
}

#nav-on a:hover {
	font-family: myriad, arial, helvetica, verdana, sans-serif;
	background : #CAE6B4;
	text-decoration : none;
	font-size : 11px;
	font-weight : bolder;
	color : #000000;
	border : 2px solid #7AC53E;
	width: 100%;
	text-align : center; 
	margin : 5px;
	padding : 3px;
	display: block;
}

/* subnav div for the submenu links that appear under the main button of a section */
/* 	when the visitor is inside that section */

/* NOTES ON BELOW SUBNAV */
/* float works like old align=left but for any element */
/* clear value of left moves the element below any floating element on its left */
#subnav {
	float: left; 
	clear: left; 
	width: 132px;
	text-align: left;
	margin : 0px 0px 0px 12px;
	padding: 0px 3px;
	display: block;
}

html>body #subnav {
	width: 110px; /* box model hack - it had to be a couple pixels off to fit "from director" text */
	float: left; /* tag must not be within nav tag */
	margin : 0px 0px 0px 16px;
	padding: 0px;
}

#subnav a {
	font-family: myriad, arial, helvetica, verdana, sans-serif;
	background: #666600;
	text-decoration: none;
	color: #FFFFCC;
	border : 3px solid #666600;
	width: 100%;
	text-align: center;
	font-size: 12px;
	font-weight: bold;
	margin :  0px 3px; 
	padding: 0px;  
	display: block;
}

#subnav a:visited {
font-family: myriad, arial, helvetica, verdana, sans-serif;
	background: #666600;
	text-decoration : none;
	color: #FFFFCC;
	border : 3px solid #666600;
	width: 100%;
	text-align : center; 
	font-size : 12px;
	font-weight : bold;
	margin :  0px 3px; 
	padding: 0px;  
	display: block;
}

#subnav a:hover {
	font-family: myriad, arial, helvetica, verdana, sans-serif; 
	background : #999966;
	text-decoration : none;
	color: #FFFFCC;
	border : 3px solid #FFFFCC;
	width: 100%;
	text-align : center; 
	font-size : 12px;
	font-weight : bold;
	margin :  0px 3px; 
	padding: 0px;  
	display: block;
}


/* LAYOUT */

#innerbanner {
	position: relative;
	margin: 0px;
	padding: 0px;
	height : 124px;
	background-repeat : no-repeat;
}

#homebanner {
	margin: 0px;
	padding: 0px;
	background-image : url(images/770_banner.gif); 
	height : 92px; /* note diff height */
	background-repeat : no-repeat;
}


#content {
	margin-left: 192px; /* this margin moves text past the navigation div on the left */
	clear: none; /* this keeps it from being pushed below other divs on the page  */
	z-index: 20;
	background: transparent;
	/* padding: 7px 10px 5px 10px; top padding must match nav top padding for top alignment */
}

html>body #content {
	margin-left: 198px; 	/* gets it past the navigation div -- */
	clear: none;			/* cont'd -- margin size is the nav width +whatever padding, margin, etc. + 10 px */
	background: transparent;
	/* padding: 7px 10px 5px 10px;*/
}

#contentWide {
    margin-left: 40px;
	clear: both;         /* allow it to be pushed down by the nav. div */
	z-index:20;
	background: transparent;
}	

#lowbox {
	position: relative;
}

html>body #lowbox {
	position: relative;
	left: 15px;
	top: 351px;
	width: 316px;
	height: 120px;
}

 #footer {
	float: left;
	clear: left;
	margin: 0px;
	padding: 0px;
	height : 4px;
	background-repeat : no-repeat;
}

/* CLASSES FROM TRANSITWORKS */

.spotlight {
	font-family: myriad, arial, helvetica, verdana, sans-serif;
	background: #FFFFFF;
	color: #000000;
	border : 2px dotted #7AC53E;
	margin : 1px 0px;
}


.charsmall {
	font-family: myriad, arial, helvetica, verdana, sans-serif;
	color: #7AC53E;
	font-size: 10px;
	font-weight: 100;
	font-style : italic;
}
.charbig {
	font-family: myriad, arial, helvetica, verdana, sans-serif;
	font-size: 16px;
	font-weight: 700;
	color: #000;
}

.homehotlinks {
	text-decoration:none; 
	color:#000000;
}

	
.tw-green {
	color: #7AC53E;
}

a.textnav  { /* this is for home page */
	font-family: myriad, arial, helvetica, verdana, sans-serif;
	text-decoration: none;
	font-size: 11px;
	color: #000000;
	font-weight: bolder;
	margin: 0px;
	line-height: 8pt;
}

a.textnav:hover  { /* this is for home page */
	font-family: myriad, arial, helvetica, verdana, sans-serif;
	text-decoration: underline;
	font-size: 11px;
	color: #000000;
	font-weight: bolder;
	margin: 0px;
	line-height: 8pt;
}

#textnav {
	position: absolute;
	top: 0px;
	right: 25px;
	z-index: 100;
}

	
#textnav a {
	font-family: myriad, arial, helvetica, verdana, sans-serif;
	text-decoration: none;
	font-size: 11px;
	color: #000000;
	font-weight: bolder;
	margin: 0px;
	line-height: 8pt;

}

#textnav a:visited {
	font-family: myriad, arial, helvetica, verdana, sans-serif;
	text-decoration: none;
	font-size: 11px;
	color: #000000;
	font-weight: bolder;
	margin: 0px;
	line-height: 8pt;
}

#textnav a:hover {
	font-family: myriad, arial, helvetica, verdana, sans-serif;
	text-decoration: underline; 
	font-size: 11px;
	color: #000000;
	font-weight: bolder;
	margin: 0px;
	line-height: 8pt;
}

li {
	/* list-style : inside;
	*/
	list-style-position : inherit;
	text-indent : inherit;
}
/*
.licontent {
	margin-left: 198px; /* this margin moves text past the navigation div on the left */
	clear: none; /* this keeps it from being pushed below other divs on the page  */
	z-index: 25;
	background: transparent;
}

.calBoston {
	background-color: #669966;
}