/* CSS Document */

html, body, ul, li {
	margin: 0px;
	padding: 0px;
}

ul.marginUL { margin-left:30px; margin-top:3px;}
li.marginIL { margin-left:10px; margin-top:3px;}

.clear {
	clear: both;
}

body {
	font: 11px tahoma, verdana, sans-serif;
}
img { border:0px;  }

#body-bot 
{
    padding-top:8px; 
    }

.WhiteLinkTxt { color:White; text-decoration: none;}

#outer {
	/*background: url(VBimages/bg_top.jpg) repeat-x;*/
	min-height: 897px;
	padding: 0px 0px;
	text-align: center;
}
#wrapper {
	text-align: left;
	margin: auto;
	position: relative;
	width: 897px;
	/*background: url(images/Container.jpg) repeat-y;*/
}
#nav-BG { 
	background: url(images/Logo.jpg) no-repeat; height:68px; width:100%; 
}

#nav-Top { 
	background: url(images/Banner2.jpg) no-repeat; height:153px; width:897px; 
}

#bannerImg { }

#contained { margin-top:10px;}

#nav { 
background: url(images/Nav.jpg) no-repeat; height: 34px; font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#003366; 
}



#nav ul {
  padding-top: 9px; margin-left:12px;
}
#nav li {
  display: inline; 
  padding: 0px 10px;
}

.normul ul{ margin-left:15px; list-style-type: disc;}
.normul li{ margin-bottom:3px;}

#HeadImage {
  margin-left:2px;
}

#items {
/* padding: top right bottom left; */
padding: 0px 0px 0px 35px;
}

#item {
font: 11px arial, tahoma, verdana, sans-serif; color:#ffffff;
}

#contentTxt {
padding-right:10px;
}

.altcolour {
font: 11px arial, tahoma, verdana, sans-serif; color:#bebaae;
}

#RightNav {
  float:right; width:298px; margin-right:0px; padding-left:0px;
}

* html #RightNav {
  float:right; width:288px; margin-right:0px; padding-left:0px;
}

#RNavTxt {
font: 10px arial, verdana, sans-serif; padding-left:5px; padding-right:35px; padding-top:5px; color:#2f2f30;
}

.RNavTabs { 
background-color:#dfe6ec; width:150px; height:23px; margin-left:-8px; padding-left:8px; padding-top:6px; margin-top:4px; font: 11px arial, verdana, sans-serif; color:#003366;
}

#RNavLgTab { 
background-color:#f4f4f3; width:150px; height:150px; margin-left:-8px; padding-left:8px; padding-top:10px; margin-top:4px; font: 11px arial, verdana, sans-serif; color:#4c5560;
}

#mid{
font: 11px arial, tahoma, verdana, sans-serif; color:#2f2f30;
}

#midblock{
width:420px; margin-left:0px; padding-top:7px; padding-right:0px; padding-left:0px; background:right top url(images/BottomLeftBG.jpg) no-repeat;
}

#midblocktxt{
margin-left:38px; padding-top:10px; padding-right:10px;
}

#midblockright{
width:280px; margin-right:0px; padding-top:12px; padding-right:10px; padding-left:0px; float:right;
}

#midblockrighttxt{
padding-left:0px; text-align:right; margin-right:28px; 
}

#caltxt{
    margin-right:25px; color:#767575; font: 10px arial, tahoma, verdana, sans-serif;
}

#midblockrighttxt ul {
 margin-left:0px;
}

#midblockrighttxt li{
 padding-bottom:0px;
}

#foot { background-color:#2b2b2b; width:871px; margin:auto; text-align:center;}

#footBG {background-color:#2b2b2b; width:auto; height:146px;}

#footer {
background:top url(images/footer.jpg) no-repeat; height:53px; width:723px;
}

#footertxt {
text-align:center; font: 11px arial, tahoma, verdana, sans-serif; color:#bbbbbb; padding-top:5px;
}

#footerBases {
background:top url(VBimages/Index_29.jpg) repeat-y; height:250px; width:741px; text-align:center; font: 9px tahoma, verdana, sans-serif; color:#fbfbfb; padding-top:3px;
}
#footerEnd {
height:250px; width:741px;
}
.HeadingImg {
margin-left:2px;
}
a.N1 {
	color: #4c5560;
	text-decoration: underline;
}
a.N1:hover {
	color: #4c5560;
	text-decoration: none;
}

a.N2 {
	color: #003366;
	text-decoration: none;
}
a.N2:hover {
	color: #003366;
	text-decoration: underline;
}

a.Footer {
	color: #bbbbbb;
	text-decoration: none;
}
a.Footer:hover {
	color: #bbbbbb;
	text-decoration: underline;
}

a.Nav {
	color: #003366;
	text-decoration: none;
}
a.Nav:hover {
	color: #fdfdfd;
	text-decoration: underline;
}
.AltLink {
	font: 10px arial, tahoma, verdana, sans-serif; color:#90a7b5;
	border-bottom: 1px #90a7b5 dotted; text-decoration:none;
}

.AltLink:hover {
	font: 10px arial, tahoma, verdana, sans-serif; color:#bebaae;
	border-bottom: dotted 0px #666; text-decoration: none; 
}

.Link {
	font: 11px arial, tahoma, verdana, sans-serif; color:#ffffff;
	border-bottom: 1px #7b786e dotted; text-decoration:none;
}

.Link:hover {
	font: 11px arial, tahoma, verdana, sans-serif; color:#ffffff;
	text-decoration: none; border-bottom: dotted 0px #666; 
}

.Link2 {
	font: 11px arial, tahoma, verdana, sans-serif; color:#2f2f30;
	border-bottom: 1px #7b786e dotted; text-decoration:none;
}

.Link2:hover {
	font: 11px arial, tahoma, verdana, sans-serif; color:#2f2f30;
	text-decoration: none; border-bottom: dotted 0px #666; 
}
.List2{ padding-bottom:3px;}

.underdash {border-bottom: 1px #fff solid; text-decoration:none;} 
.underdash a:hover {border-bottom: 1px #000 dashed} 


body {
	background-image: url(images/megpnBG.jpg);
	background-repeat: repeat-x;
	background-color: #ffffff;
}

.adjustedZIndex {z-index: 1000;}

#container { 
	width: 897px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	text-align: left; /* this overrides the text-align: center on the body element. */
	
} 
#sidebar1 {
	float: left; /* since this element is floated, a width must be given */
	margin-left:20px; border-right:1px solid #e2e1dd; margin-top:10px;
	width: 270px; /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */
	padding: 10px 10px 15px 20px; /* padding keeps the content of the div away from the edges */
	font: 11px arial, tahoma, verdana, sans-serif; color:#191c1f;
}

#sidebar1a {
	float: left; /* since this element is floated, a width must be given */
	margin-left:20px; margin-top:10px;
	width: 560px; /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */
	padding: 10px 10px 15px 20px; /* padding keeps the content of the div away from the edges */
	font: 11px arial, tahoma, verdana, sans-serif; color:#191c1f;
}
#sidebar2 {
	float: right; /* since this element is floated, a width must be given */
	margin-right:0px;  margin-top:0px;   
	width: 286px; /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */
	 /* padding keeps the content of the div away from the edges T R B L*/
}

#fade1 {background:url(images/fade1.jpg) no-repeat; width:256px; height:222px; padding: 20px 0px 0px 30px;}

#fade2 {background:url(images/fade2.jpg) repeat-y; width:256px; height: auto; padding: 0px 0px 0px 30px; margin-top:-20px;}

#fade3 {background:url(images/fade3.jpg) no-repeat; width:256px; height:237px; padding: 5px 0px 0px 30px;}

#Content {
	float: left; /* since this element is floated, a width must be given */
	margin-left:10px; margin-top:10px;
	width: 500px; /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */
	padding: 0px 10px 15px 20px; /* padding keeps the content of the div away from the edges */
	font: 11px arial, tahoma, verdana, sans-serif; color:#191c1f;
}
#mainContent { 
	width: 270px; float:left; /* the right and left margins on this div element creates the two outer columns on the sides of the page. No matter how much content the sidebar divs contain, the column space will remain. You can remove this margin if you want the #mainContent div's text to fill the sidebar spaces when the content in each sidebar ends. */
	padding: 10px 0px 0px 10px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	margin-top:10px; 
}

.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}
.SearchTxt{font: 10px tahoma, verdana, sans-serif; color:#ffffff; padding-right:10px;}

.DateLabel{font: 11px arial, tahoma, verdana, sans-serif; color:#ffffff; text-align:right; padding-right:55px; padding-top:7px; width:auto;}

.LNHeadingTxt {
font: 14px arial, tahoma, verdana, sans-serif; color:#2b2b2b;
font-weight:bold; border-bottom:1px dotted #c9c7c7; padding-bottom:5px; margin-bottom:-5px; padding-top:5px;
}
.LNDateTxt {
font: 11px arial, tahoma, verdana, sans-serif; color:#56595b;
font-style:italic; padding-bottom:3px;
}

.LNItalTxt {
font: 11px arial, tahoma, verdana, sans-serif; color:#2b2b2b;
font-style:italic; padding-bottom:3px;
}

.MainHeadingImg {padding-left:2px;}

.RedTxt {font: 11px arial, tahoma, verdana, sans-serif; color:#ae3606; font-style:italic; }
.BlueTxt {font: 11px arial, tahoma, verdana, sans-serif; color:#214694; font-style:italic; }
.OrangeTxt {font: 11px arial, tahoma, verdana, sans-serif; color:#f7be29; font-style:italic; }
.GreenTxt {font: 11px arial, tahoma, verdana, sans-serif; color:#77b247; font-style:italic; }

.LNMore {
font: 11px arial, tahoma, verdana, sans-serif; color:#ae3606;
font-style:italic; padding-top:5px; border-bottom: dotted 0px #ae3606; text-decoration: none; 
}
.LNMore:hover {
	font: 11px arial, tahoma, verdana, sans-serif; color:#ae3606;
	font-style:italic; padding-top:5px; border-bottom: dotted 0px #ae3606; text-decoration: underline; padding-bottom:-2px; 
}
.EventLinks {  color:#000000; text-decoration: none;  padding-top:5px;}
.EventLinks:hover {   color:#000000; border-bottom: dotted 1px #000000; text-decoration: none;  padding-top:5px;}

.LNLinkTxt {
font: 14px arial, tahoma, verdana, sans-serif; color:#2b2b2b; font-weight:bold;
}
.quotepad {
background: url(images/quotes.jpg) no-repeat; padding-left:30px;
}

.imagehld{background: url(Images/Nav_Home.jpg) no-repeat;}
.imageft{background: url(Images/Nav_Home.jpg) no-repeat; z-index:0;}
.imagebg{background:transparent url(Images/Nav_HomeAlt.jpg) no-repeat; z-index:1000;}
.NavMen { margin-top:-2px; margin-bottom:0px; z-index:1000}


#menujs {width:626px; height:42px; margin-left:271px; margin-top:0px;}
#Menu1 { margin-left:271px; padding:0px; border-width:0px; margin-top:50px }

#menujs td { padding-bottom:0px; padding-top:1px; }

.test { padding:3px 10px 3px 5px; height:25px;}

/* Nav */

/* Step 10 - Clearing the float */
#menu {display:block; width:626px; height:32px; margin-left:271px;}

/* Step 3 - get rid of the bullets and margin */
#menu ul {margin:0; padding:0; list-style-type:none;}

/* Step 4 and 7 - make the list horizontal and giving a 1px gap */
#menu li {float:left; margin-right:0px; margin-bottom:0px;}

/* Step 5 - Adding the initial images */

/*#menu li.list0 {background:transparent url(images/AppliedLeft.jpg);}*/
#menu li.list1 {background:transparent url(images/Nav_Home.jpg);}
#menu li.list2 {background:transparent url(images/Nav_Division.jpg);}
#menu li.list3 {background:transparent url(images/Nav_Programs.jpg);}
#menu li.list4 {background:transparent url(images/Nav_Resources.jpg);} 
#menu li.list5 {background:transparent url(images/Nav_Events.jpg);}
#menu li.list6 {background:transparent url(images/Nav_NewsMedia.jpg);} 
#menu li.list7 {background:transparent url(images/Nav_Community.jpg);} 
#menu li.list8 {background:transparent url(images/Nav_GPMap.jpg);}
#menu li.list9 {background:transparent url(images/Nav_Contact.jpg);}
#menu li.list10 {background:transparent url(images/Nav_End.jpg); width:61px; height:32px;}
/*#menu li.list8 {background:transparent url(images/GPMap.jpg); width:238px; height:35px; text-align:right;}
#menu li.list9 {background:transparent url(images/NavAlt_Right.jpg); width:148px; height:35px;}*/

/* Step 6 - General link styling */

/*#menu a {display:block; height:0; padding-top:35px; color:#000; overflow:hidden;}*/
#menu a {display:block; height:0; padding-top:32px; color:#000; overflow:hidden;}

/* hack for older versions of IE with incorrect box model */

* html #menu a:link, * html #menu a:visited {height:32px; he\ight:0;}

/* Step 8 - Adding the background images to the link tags */

/*#menu a#item0 {background:transparent url(images/AppliedLeft.jpg) -0px -30px no-repeat; width:15px;}*/
#menu a#item1 {background:transparent url(images/Nav_HomeAlt.jpg) -0px -190px no-repeat; width:60px;}
#menu a#item2 {background:transparent url(images/Nav_DivisionAlt.jpg) -0px -190px no-repeat; width:58px;}
#menu a#item3 {background:transparent url(images/Nav_ProgramsAlt.jpg) -0px -190px no-repeat; width:64px;}
#menu a#item4 {background:transparent url(images/Nav_ResourcesAlt.jpg) -0px -190px no-repeat; width:68px;}
#menu a#item5 {background:transparent url(images/Nav_EventsAlt.jpg) -0px -190px no-repeat; width:50px; }
#menu a#item6 {background:transparent url(images/Nav_NewsMediaAlt.jpg) -0px -190px no-repeat; width:78px;}
#menu a#item7 {background:transparent url(images/Nav_CommunityAlt.jpg) -0px -190px no-repeat; width:73px;}
#menu a#item8 {background:transparent url(images/Nav_GPMapAlt.jpg) -0px -190px no-repeat; width:57px;}
#menu a#item9 {background:transparent url(images/Nav_ContactAlt.jpg) -0px -190px no-repeat; width:57px;}
/*#menu a#item7 {background:transparent url(images/AppliedRight.jpg) -0px -190px no-repeat; width:15px;}*/

/* Step 9 - Adding the :hover style */

#menu a#item1:hover {background-position:0 0; z-index:50;}
#menu a#item2:hover {background-position:0 0; z-index:50;}
#menu a#item3:hover {background-position:0 0; z-index:50;}
#menu a#item4:hover {background-position:0 0; z-index:50;}
#menu a#item5:hover {background-position:0 0; z-index:50;}
#menu a#item6:hover {background-position:0 0; z-index:50;}
#menu a#item7:hover {background-position:0 0; z-index:50;}
#menu a#item8:hover {background-position:0 0; z-index:50;}
#menu a#item9:hover {background-position:0 0; z-index:50;}
/*#menu a#item10:hover {background-position:0 0; z-index:50;}
#menu a#item8:hover {background-position:0 0; z-index:50;}*/

* html #menu a:hover {height:32px; he\ight:0;}

#datetxt{ 
color:#caccc9; font: 10px arial, tahoma, verdana, sans-serif;
}

#ImgArea{
    position:relative; margin-left:22px;
    }

/* Gallery */

		ul#gallery, ul#gallery li{
			margin:0;
			padding:0;
			list-style:none;
			}
		ul#gallery{
			width:403px;
			height:390px;
			position:relative; margin-left:22px;
			background: url(images/ImageGallery1_.jpg) no-repeat;
			}
		ul#gallery li{
			float:left;
			display:inline;
			margin-top:300px;
			}								
		ul#gallery a span{
			display:none;
			}
		ul#gallery a:hover{
			background:none;
			z-index:1;
			}	
		ul#gallery a:hover span{
			position:absolute;
			width:400px;
			height:300px;
			float:left;
			top:0;
			left:0;
			display:block;
			}	


.MeasureBar { width:100%; height:15px; background-color:#f2efef; padding:5px; margin-bottom:3px;}
.SubBar{}