html, body, ul, li
{
	margin: 0;
	padding: 0;
	list-style: none;
}
img
{
	border: 0;
}
a
{
	font-weight: bold;
	text-decoration: none;
}
a:hover
{
	text-decoration: underline;
}
.more
{
	text-align: right;
}
.more a
{
	font-weight: normal;
}

.staticPointer 
{
	cursor:pointer !important;
}

.left
{
	float: left;
}
.clear
{
	clear: both;
}

body, h1, h2, h3, form
{
	/*font: 12px tahoma, arial, sans-serif;*/
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	margin: 0;
	padding: 0;
	color: #3E3E3E;
}

body
{
	text-align: center;
}
#wrapper
{
	text-align: left;
	margin: auto;
	width: 100%;
}

#menuBg
{
	height: 33px;
	background: url(images/menu_bg.jpg);
	vertical-align: middle;
}

#contentBg
{
	vertical-align: middle;
	height: 27px;
	background: url(images/content_bg.jpg);
	text-align: right;
}

#header
{
	vertical-align: middle;
	height: 111px;
	background: url(images/header_bg.jpg);
	text-align: right;
}

#logo
{
	vertical-align: middle;
	background: url(images/header_bg.jpg);
	text-align: left;
}

#header h1
{
	margin-top: 44px;
}
#header h1 img
{
	display: block;
}
#nav
{
	margin-top: 7px;
}
#nav img
{
	float: left;
}

#headline
{
	padding-top: 205px;
}

video
{
	border: 5px solid #D8D8D8;
	padding: 2px;
}

#photo
{
	float: none;
	width: 100%;
	height:170px;
	background: url(images/Nature.jpg) no-repeat;
}
#photo div 
{
	border: 1px solid #D8D8D8;
	padding: 2px;
}
#photo img
{
	display: block;
}

#free-classes
{
	float: right;
	padding-left: 10px;
	padding-right: 10px;
}

#breadCrumb
{
    font: 11px tahoma, arial, sans-serif;
}

#search, #news, #events, #links, #leftnavContainer
{
	font: 10px tahoma, arial, sans-serif;
	float: left;
	width: 160px;
	padding-left: 8px;
	padding-right: 20px;
}
#search div, #news div, #events div, #links div
{
	font: 10px tahoma, arial, sans-serif;
	padding: 3px 0;
	margin: 0;
}
#search #q, #news #q, #events #q, #links #q
{
	font: 10px tahoma, arial, sans-serif;
	width: 140px;
	border: 1px solid #37539D;
}
#search .downcast, #news .downcast, #events .downcast, #links .downcast
{
	font: 10px tahoma, arial, sans-serif;
	background: #E6E7E7;
	border-top: 1px solid #CFD0D0;
	padding: 3px 4px 4px 4px;
	margin: 2px 0 0 0;
	font-weight: bold;
}

#search h3
{
	font: 10px tahoma, arial, sans-serif;
	font-weight: bold;
	margin: 1em 0 0.4em 0;
}

#news h3, #events h3, #links h3
{
	font: 10px tahoma, arial, sans-serif;
	background: url(images/bullet_letter.gif) no-repeat;
	padding-left: 15px;
	font-weight: bold;
	margin: 1em 0 0.4em 0;
}

#search p, #news p, #events p, #links p
{
	padding-left: 15px;
	padding-right: 2px;
	margin: 0.1em 0;
}

a
{
	font-weight: bold;
	color: #3E3E3E;
}

#body
{
	padding-top: 2em;
	text-align: justify;
}

#body-left
{
	float: left;
	width: 408px;
}

#body
{
	width: 100%;
}

#body-right
{
	float: right;
	width: 330px;
}

.plussbullets
{
	padding: 0;
	font-weight: normal;
}
.plussbullets li
{
	background: center left url(images/bullet_plus.gif) no-repeat;
	margin: 0 0 10px 0;
	padding: 0 0 0 25px;
	vertical-align: top;
}

#body h2, #body p
{
	margin: 0.3em 0;
}

#body-right p
{
	margin-right: 2em;
}

#body a.green
{
	color: #9AAB68;
	font-weight: normal;
	text-decoration: underline;
}

#gallery img
{
	float: left;
}

#maincontainer #footer
{
	font: 10px tahoma, arial, sans-serif;
	color: #FFFFFF;
	background: #42453D url(images/footer_bg.gif) repeat-x;
	padding: 6px 0 5px 0;
	margin-top: 2em;
	font-weight: bold;
}
#maincontainer #footer p
{
	margin: 0;
	padding: 0;
}

#menu, #menu a
{
	/*font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;*/
	font: 12px tahoma, arial, sans-serif;
	font-weight: normal;
	text-decoration: none;
}

#welcomeUser
{
	font: 12px tahoma, arial, sans-serif;
	font-weight: normal;
	text-decoration: none;
	color: #ffffff;
}

#topLinks, #topLinks a
{
	font: 10px tahoma, arial, sans-serif;
	font-weight: bold;
	color: #ffffff;
}

hr
{
	border: 0;
	background-color: #eeeeee;
}
/* new fonts */

#ctl00_rightcolumn h1
{
	/*font-family: "Century Gothic" , "Trebuchet MS" , "Arial Narrow" , Arial, sans-serif;*/
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: 600;
	border-bottom: 1px solid #eeeeee;
	color: #466FAE;
	text-align: left;
}

#ctl00_rightcolumn h2, #contentwrapper h2
{
	/*font-family: "Century Gothic" , "Trebuchet MS" , "Arial Narrow" , Arial, sans-serif;*/
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: 600; /*	border-bottom:1px solid #eeeeee;*/
	color: #728c40;
	text-align: left;
	padding: 0;
}

#contentwrapper a
{
	color:#0000FF;
	font-weight: normal;
}

#ctl00_rightcolumn h4
{
	/*font-family: "Century Gothic" , "Trebuchet MS" , "Arial Narrow" , Arial, sans-serif;*/
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px; /*	border-bottom:1px solid #eeeeee;*/
	color: #000000;
	text-align: left;
	padding: 0;
}

#ctl00_rightcolumn h5
{
	/*font-family: "Century Gothic" , "Trebuchet MS" , "Arial Narrow" , Arial, sans-serif;*/
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px; /*	border-bottom:1px solid #eeeeee;*/
	color: #000000;
	text-align: left;
	padding: 0;
}



#contentwrapper h1
{
	/*font-family: "Century Gothic" , "Trebuchet MS" , "Arial Narrow" , Arial, sans-serif;*/
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: 600; /*	border-bottom:1px solid #eeeeee; */
	color: #466FAE;
	text-align: left;
	border-bottom: 1px dashed #728c40;
	padding-bottom: 8px;

}

#ctl00_rightcolumn h3, #contentwrapper h3
{
	/*font-family: "Century Gothic" , "Trebuchet MS" , "Arial Narrow" , Arial, sans-serif;*/
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold; /*	border-bottom:1px solid #eeeeee;*/
	font-style: italic;
	color: Gray;
	text-align: left;
	padding: 0;
}

INPUT[type=submit]
{
	background-color: #466FAE;
	padding: 1px 5px 1px 5px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
	border: 1px solid #000000;
	margin-bottom: 1px;
	height: 22px;
}


/* CSS Template - Layout */

b
{
	font-size: 110%;
}
em
{
	color: red;
}

#topsection
{
	background: #EAEAEA;
	height: 171px; /*Height of top section*/
}

#topsection h1
{
	margin: 0;
	padding-top: 14px;
}

#contentwrapper
{
	float: left;
	width: 100%;
}

#ctl00_contentcolumn
{
	margin: 0 210px 0 180px; /*Margins for content column. Should be "0 RightColumnWidth 0 LeftColumnWidth*/
	text-align: left;
}

#ctl00_leftcolumn
{
	float: left;
	width: 160px; /*Width of left column*/
	margin-left: -1100px;
	text-align: left;
}

#ctl00_rightcolumn
{
	float: left;
	width: 200px; /*Width of right column*/
	margin-left: -200px; /*Set left marginto -(RightColumnWidth)*/
	text-align: left;
}

#footer
{
	clear: left;
	width: 100%;
	background: black;
	color: #FFF;
	text-align: center;
	padding: 4px 0;
}

#footer a
{
	color: #FFFF80;
}

.innertube
{
	margin: 2px; /*Margins for inner DIV inside each column (to provide padding)*/
	margin-top: 0;
}


/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	LISTS

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

ul
{
	margin: 0;
	padding: 0;
}

li
{
	list-style: none;
	background: url(images/list-bullet-02.gif) no-repeat 0 .8em;
	padding: .2em 0 .2em 1em;
	margin-left: 0.4em;
}

#leftnav ul.list-of-links
{
	/*border-bottom: 1px dotted #B2B2B2;*/
}

#leftnav ul.list-of-links li
{
/*	border-top: 1px dotted #B2B2B2;*/
	background-image: url(images/list-bullet-01-link.gif);
}

#leftnav ul.list-of-links li.current
{
	background-color: #E5E5E5;
}


#leftnav ul.no-lines, #leftnav ul.no-lines li
{
	border: none;
}

#leftnav a:link
{
	text-decoration: none;
	font-weight: normal;
}

#leftnav a:visited
{
	text-decoration: none;
	font-weight: normal;
}

#leftnav a:hover
{
	text-decoration: none;
	font-weight: normal;
}

#leftnav a:active
{
	font-weight: normal;
}


/*************************************************/
/**  BEGIN - LEFTNAV				 			**/
/*************************************************/

#leftnavContainer{ font: 12px tahoma, arial, sans-serif;}

.leftnav {background:transparent;}
.leftnav span {text-align:center; color:#fff; margin:0; font-weight:normal; padding-bottom:3px; font-weight: bold}

.lntop {display:block; background:transparent; font-size:1px;}
.lnround1, .lnround2, .lnround3, .lnround4 {
display:block; 
overflow: hidden; 
}
.lnround1, .lnround2, .lnround3 {height:1px;}
.lnround2, .lnround3, .lnround4 {background:#0092C8; border-left:1px solid #466FAE; border-right:1px solid #466FAE;}
.lnround1 {margin:0 5px; background:#466FAE;}

.lnround2 {margin:0 3px; border-width:0 2px;}
.lnround3 {height:1px; margin:0 1px;}

.lnround4 {height:2px; margin:0 1px;}

.lncontent {display:block; background:transparent; border:0 solid #466FAE; border-width:0 1px 1px 1px; line-height:16px;}

.MainNavbar	
{
	background-color: #F5F6F8;
	color: #000000;
	font-size: 13px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-style: solid;
	border-color: #466FAE;
	border-width: 0;
}


.leftNavBg /* provides the background for the left nav */
{
	background-color: #FFFFFF;
}

.NavBarMenuTitle	/**  MI DOES NOT HAVE A MATCING CLASS  NEEDS TO BE ADDED TO MI **/
{
	background: #466FAE url(images/bg-menu-main.png) repeat-x;
	color: #FFFFFF;
	font-size: 12px;
	font-weight: bold;
	text-align: left;
	vertical-align: middle;
}

.NavBarMenuContent
{
	padding-left: 2;
}

.lNavLinkL2_On	/** Used to be .NavBarMenuItemSelected **/
{
	color: black;
	font-size: 10px;
	font-weight: bold;
	text-align: left;
	text-decoration: none;
	vertical-align: middle;
	line-height: 1.75;
}

.lNavLinkL2_On_Hover_On /** Used to be done with a literal style **/
{
	color: black;
	font-size: 10px;
	font-weight: bold;
	text-align: left;
	text-decoration: none;
	vertical-align: middle;
	background-color: #D2D0D1;
	line-height: 1.75;
}

.lNavLinkL2_On_Hover_Off /** Used to be done with a literal style **/
{
	color: black;
	font-size: 12px;
	font-weight: bold;
	text-align: left;
	text-decoration: none;
	vertical-align: middle;
	background-color: #F5F6F8;
	line-height: 1.75;
}
.lNavLinkL2_On	/** Used to be .NavBarMenuItemSelected **/
{
	color: black;
	font-size: 12px;
	font-weight: bold;
	text-align: left;
	text-decoration: none;
	vertical-align: middle;
	line-height: 1.75;
}
/*************************************************/
/**  END - LEFTNAV					 			**/
/*************************************************/

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	IMAGES & PHOTOS

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

img {
	border:none;
	}

.photo-border {
	border:1px solid #cecece;
	padding:4px;
	background:#d9d9d9 url(images/bg-photo.png) top repeat-x;
	margin-bottom:5px;
	display:block;
}

.photo-float-left {
	float:left;
	margin-right:10px;
	}

.image-border-none {
	border:none;
}



/* Menu */

/* ACTIVE PAGES */
a.StaticSelectedStyle:link,
a.StaticSelectedStyle:visited 
{
	padding-left: 10px;
	text-decoration:underline;
}

/* Login View */

.login .label {
	display:block;
}

.login .textbox, input[type=text], input[type=password] {
	border: 1px solid #929292;
	width: 140px;
	vertical-align: middle;
	padding: 3px;
	margin: 2px 0 5px 0;
}

.login .button {
	display:block;
	margin-top:8px;
	margin-bottom:8px;
}

/* Selectors for menu inside the banner */

.MainMenu .AspNet-Menu-Horizontal ul ul
{
    background: #E6F0FA;
}

.MainMenu .AspNet-Menu-Horizontal ul.AspNet-Menu
{
    width: 21em;
}

.MainMenu .AspNet-Menu-Horizontal ul.AspNet-Menu ul
{
    left: 2px;
    top: 100%;
    width: 7em;
    padding: 5px;
    border:2px solid #165EA9;
}

.MainMenu .AspNet-Menu-Horizontal ul.AspNet-Menu ul ul
{
    left: 6.8em;
    top: -1em;
    width: 9em;
}

.MainMenu .AspNet-Menu-Horizontal ul.AspNet-Menu li
{
    width: 7em;
    padding: 2px 0 2px 0;
}

.MainMenu .AspNet-Menu-Horizontal ul.AspNet-Menu ul ul li
{
    width:9em;
}

/* Start: rules to make the horizontal menu's top tier use proportional width for its items. */
.MainMenu .AspNet-Menu-Horizontal ul.AspNet-Menu li a,
.MainMenu .AspNet-Menu-Horizontal ul.AspNet-Menu li span
{
    display: inline;
}

.MainMenu .AspNet-Menu-Horizontal ul.AspNet-Menu ul li a,
.MainMenu .AspNet-Menu-Horizontal ul.AspNet-Menu ul li span
{
    display: block;
}
/* End: proportional rules */

.MainMenu .AspNet-Menu-Horizontal ul.AspNet-Menu li a,
.MainMenu .AspNet-Menu-Horizontal ul.AspNet-Menu li span
{
    color: #124500;
    border-style: none;
    text-align: center;
    padding:0 5px;
}

.MainMenu .AspNet-Menu-Horizontal ul.AspNet-Menu ul li a,
.MainMenu .AspNet-Menu-Horizontal ul.AspNet-Menu ul li span
{
    background: transparent url(images/arrowRight.gif) right center no-repeat;
}

.MainMenu .AspNet-Menu-Horizontal ul.AspNet-Menu li ul li a:hover,
.MainMenu .AspNet-Menu-Horizontal ul.AspNet-Menu li ul li.Asp-Menu-Hover span
{
    background: transparent url(images/activeArrowRight.gif) right center no-repeat;
}

.MainMenu .AspNet-Menu-Horizontal ul.AspNet-Menu li.AspNet-Menu-Leaf a,
.MainMenu .AspNet-Menu-Horizontal ul.AspNet-Menu li.Asp-Menu-Leaf span
{
    background-image: none !important;
}

.MainMenu .AspNet-Menu-Horizontal ul.AspNet-Menu li li a,
.MainMenu .AspNet-Menu-Horizontal ul.AspNet-Menu li li span
{
    text-align: left;
}

.MainMenu .AspNet-Menu-Horizontal ul.AspNet-Menu li:hover,
.MainMenu .AspNet-Menu-Horizontal ul.AspNet-Menu li.AspNet-Menu-Hover
{
    background: url(images/bg-menu-main.png) repeat-x;
}

.MainMenu .AspNet-Menu-Horizontal ul.AspNet-Menu li a:hover,
.MainMenu .AspNet-Menu-Horizontal ul.AspNet-Menu li.Asp-Menu-Hover span
{
    color: White;
}

/* --------------------------------------------------------------------------------------------------- */
/* Used when the Menu adapter is NOT used. */
/* These styles are used by the Menu's skin, found in this theme's skin file. */

.Menu-Skin-DynamicHover
{
	font-weight:bold;
    background-color:#77ABE5; 
    border:1px solid #165EA9;
}
