html 						{margin: 0;	padding: 0;}
/* COLORS
font color #666666
light grey #9a9a9a
blue links #44618e
light blue #8aa6bb
bg green 8fa27b 94a285, 97a28a, 9aa291
body bg beige #d9dac3
menu yellow #ede872
full width content bg #eaebdb
*/
body 						{margin: 0;	padding: 0; background: #97a28a; color: #444; font: 80%/1.5 Verdana, Geneva, Arial, Helvetica, sans-serif;}


/* -------------------------------------------------- containers */

#container					{margin: 0 auto; padding: 0; width: 960px; text-align: left; background: #fff url(../images/content-bg.jpg) repeat-y top left;}

#header 					{margin: 0; padding: 0; position: relative; float: left;}

#maincontent 				{margin: 0;	padding: 0; float: left; background: #fff url(../images/content-bg.gif) repeat-y top right;}
#maincontent #leftSide		{width: 677px; float: left;}

div.homeContent				{margin: 2em;}

#contentWide				{margin: 0;	padding: 0; float: left; background: #eaebdb; width: 100%;}
#contentWide div.contentInner {padding: 2em;}
#contentWide div.contentInner div {padding: .5em 1.5em;}
#contentWide div.contentInner div.contact {font-size: 14px;}

#events						{margin: 0; width: 283px; float: left; font-size: 11px;}
#events div					{margin: 25px 20px;}
#events div p a				{font-weight: bold;}
#events div	hr				{color: #999; background-color: #999; height: 1px; border: none;}
#events	img 				{text-decoration: none; border: none;}
a img		 				{text-decoration: none; border: none;}
div.divline					{border-bottom: 2px solid #999;}

#footer 					{padding: 15px 0 15px 0; margin: 0 auto; color: #888; clear: both; width: 960px; font-size: 11px; text-align: center; background: #f2f3e9;}
#footer span 				{padding-right: 28px; padding-top: 0; margin-bottom: 2px;	float: right; line-height: normal; color: #ccc; font-size: 10px;}
#footer span a 				{color: #ccc; font-size: 10px;}

/* ----------------------------------------------------------- Headings */

h1 							{padding: .25em 0 .5em 0; margin: 0; color: #FF9600; color: #3D5796; font-size: 190%; font-family: 'Trebuchet MS', Arial, Helvetica, sans-serif; font-weight: normal; letter-spacing: normal; line-height: normal;}
h2 							{padding: 2px 0 2px 8px; margin: 0; background: #568a01 url(../images/title-bg.jpg) repeat-x top left; color: #fff; font-family: 'Trebuchet MS', Verdana, Arial, Helvetica, sans-serif; font-size: 18px; font-weight: normal;}
h3 							{padding: 0; margin: 16px 0 6px 0px; color: #9a9a9a; font-family: 'Trebuchet MS', Verdana, Arial, Helvetica, sans-serif; font-size: 100%; font-style: normal; font-weight: bold;}
div.homeContent h3			{padding: 0; margin: 16px 0 0 0px; color: #444; font-family: 'Trebuchet MS', Verdana, Arial, Helvetica, sans-serif; font-size: 16px; font-style: normal; font-weight: bold;}
#events h3					{padding: 0; margin: 16px 0 6px 0px; color: #44618e; font-family: 'Trebuchet MS', Verdana, Arial, Helvetica, sans-serif; font-size: 16px; font-style: normal; font-weight: bold;}
#contentWide h3				{padding: 0; margin: 16px 0 0 0px; color: #444; font-size: 150%;}
h4 							{padding: 0; margin: 2px 0 0 0px; color: #111; font-family: 'Trebuchet MS', Arial, Helvetica, sans-serif; font-size: 140%; font-style: normal; font-weight: normal;}
h5 							{padding: 0; margin: 16px 0 6px 0px; color: #990000; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 100%; font-style: normal; font-weight: bold;}

/* --------------------------------------------- Link styles */

a 							{color: #44618e; text-decoration: underline;}
a:visited 					{color: #44618e;}
a:hover 					{color: #000;}


/* ---------------------------------------------- paragraphs */


#events p					{margin: .5em 0 1em 0;}
#events p.eventDate			{margin: 1.5em 0 2px 0;}
#footer p 					{margin: 4px 0;}


/* --------------------------------------------------- lists */

ul 							{padding: 0px 0 0 18px;	margin: 0;}
ol 							{padding: 3px 0 0 26px;	margin: 0;}
ol li 						{padding: 4px;}

ul.programsMenu				{padding: 0; margin: 0;}
ul.programsMenu li			{margin: 10px 0; line-height: 1.33em; list-style: none;}


/* ------------------------------------------------------ misc */

div.flashBox {
	margin: 8px 0 12px 12px;
	padding: 12px 8px 8px 25px;
	background: #fff url(../images/video2.gif) no-repeat 2% 5%;
	width: 220px;
	border: 3px solid #44618e;
}
div.flashBox p {
	margin: 0 0 0 20px;
}

/* ------------------------------------------------------ navigation */


#navcontainer {
margin-left: auto;
margin-right: auto;
margin-bottom: 0px;
padding-top: 15px;
z-index: 1;
background: #2b485e url(../images/menu-bg.jpg) center center repeat-x;
border-bottom: 4px solid #8aa6bb;
height: 36px;
width: 960px;
}
#navcontainer ul {
list-style-type: none;
text-align: center;
padding: 15px 0;
padding-top: 0;
position: relative;
z-index: 2;
}
#navcontainer li {
margin: 0 3px;
padding: 0;
display: inline;
text-align: center;
}
#navcontainer li a {
padding: 1px 4px;
color: #ede872;
text-decoration: none;
text-transform: uppercase;
font-size: 12px;
font-weight: bold;
font-family: Arial, Helvetica, sans-serif;
}
#navcontainer li a:hover {
color: #fff;
}
#navcontainer li a#current {
color: #000;
border: 1px solid #666;
border-top: 2px solid #666;
border-bottom: 2px solid #666;
}

.indentmenu{
font: bold 13px Arial;
width: 100%; /*leave this value as is in most cases*/
background: #2b485e url(../images/menu-bg.jpg) center center repeat-x;
border-bottom: 4px solid #8aa6bb;
}
.indentmenu ul{
margin: 0;
padding: 0 0 0 30px;
height: 51px;
text-align: center;
}
.indentmenu ul li{
display: inline;
}
.indentmenu ul li a {
float: left;
color: #ede872;
padding: 17px 16px 11px 17px;
text-decoration: none;
text-transform: uppercase;
font-size: 12px;
}
.indentmenu ul li a:hover {color: #fff;}
.indentmenu ul li a:visited {color: #ede872;}