﻿/************************************************************************
*  Standard Page Layout 
************************************************************************/

.body{
    max-width: 1500px;
    margin: 0px;
    font-family:  Arial, sans-serif, Verdana, Helvetica, Helvetica-Narrow;
    max-width: 1500px;
    margin: 0px;
    font-size: 11px;
}

#body{
    width: 800px;
    margin-right: auto;
    margin-left: auto;
    position: relative;
}

#columnleft{
    float: left;
}

#columnmidle{
    float: left;
}

#columnright{
    float: left;
}

.columnleft{
    width:200px;
    height:800px;
    border-width:1px; 
    border-top-width:0px;
    border-style:solid;
}

.columnmidle{
    width:446px;
    height:800px;
    border-width:1px;
    border-left-width:0px;
    border-top-width:0px;
    border-style:solid;
}

.columnright{
    width:150px;
    height:800px;
    border-width:1px;
    border-left-width:0px;
    border-top-width:0px;
    border-style:solid;
}

.leftblock{
    width:190px;
    border-width:0px; 
    padding-top:0px;
    padding-left:5px;
    padding-bottom:2px;
    padding-right:5px;
}

.mainblock{
    width:436px;
    margin-top:3px;
    border-width:0px;
    padding-top:0px;
    padding-bottom:2px;
    padding-left:5px;
    padding-right:5px;
}

.rightblock{
    width:140px;
    margin-top:3px;
    border-width:0px;
    padding-top:0px;
    padding-left:5px;
    padding-bottom:2px;
    padding-right:5px;
}
#fullwidth{
    float: left;
}

.fullwidth{
    width:798px;
    border-width:1px; 
    border-top-width:0px;
    border-style:solid;
}

.fullblock{
    width:788px;
    margin-top:3px;
    border-width:0px;
    padding-top:0px;
    padding-bottom:2px;
    padding-left:5px;
    padding-right:5px;
}



/************************************************************************
*  Standard Page Format Items 
************************************************************************/

.mainContent{
    width:434px;
    margin-left:auto;
    margin-right:auto;
}

.mainItemHeader
{
    font-size:16px;
    font-weight:bold;
}

.RightContent{
  width:482px;
}

.LeftContent{
  width:188px;
}

/************************************************************************
*  Top Banner and Poster Layout
************************************************************************/


#topbanner{
    margin-right: auto;
    margin-left: auto;
    position: relative;
}

.topbanner{
    width: 798px;
}

#poster{
    margin-right: auto;
    margin-left: auto;
    position: relative;
}

.poster{
    width:798px;
     padding-bottom:0px;
}

/************************************************************************
*  Bottom Banner and Footer Layout
************************************************************************/

#bottombanner{
    margin-right: auto;
    margin-left: auto;
    position: relative;
}

.bottombanner{
    width: 798px;
}

#footer{
    margin-right: auto;
    margin-left: auto;
    position: relative;
}

.footer{
    width: 798px;
    text-align:center;
    font-size:12px;
}


/************************************************************************
*  Site Administrator column/page layout
************************************************************************/

#AdminColumnLeft{
    padding-top:10px;
    padding-right:10px;
    float: left;
}

.AdminLeftBlock{
    border: 1px solid #DBDB79;
    padding: 0px;
    background-color: Silver;
    vertical-align: top;
    height: 340px; 
    width: 209px;
}

/*margin-left: 219px;*/

#AdminColumnRight{
 padding-top:10px;
 float: left;
}

.AdminRightBlock{
    vertical-align: top;
    border: 1px solid #DBDB79;
    background-color: Silver;
    position: relative; 
    width:577px;
    height: 340px;
}


/************************************************************************
*  Item/Page Seperator
************************************************************************/
.SeperatorFullWidth{
    width:788px; 
}
.SeperatorLeft{
    width:190px; 
}
.SeperatorMain{
    width:436px; 
}
.SeperatorRight{
    width:140px; 
}
.SeperatorRecord
{
  width:400px;
  margin-left:5px; 
  margin-top:2px;
}

.FullWidthSeperator{
    margin-top:5px;
    margin-bottom:5px;   
    padding-left:auto;
    padding-right:auto;
    width:695px;
}
.RightSeperator{
    width:482px;
}

.btnEdit{  
    background: url(App_Themes/Default/images/Icons/Pencil.jpg);
}


/************************************************************************
*  Events list
************************************************************************/

.eventlistdate{
    padding-right: 4px;
}

.eventlisticon{
    text-align: center;
}

.eventlisttime{
    text-align: center;
    width: 95px;
}

.eventlistevent{
    font-weight: bold;
}

.eventlist td{
    padding-bottom: 4px;
}

/* Events List Details */
.EventsListDetails{
    width:315px; 
    height:80px;
    vertical-align: top; 
    padding-left:5px;
}

/* Events List Photo */
.EventsListPhoto{
    width:80px; 
    vertical-align: top;
}

/************************************************************************
*  News list
************************************************************************/

/* News List Details */
.NewsListDetails{
    width:315px; 
    height:80px;
    vertical-align: top; 
    padding-left:5px;
}

/* News List Photo */
.NewsListPhoto{
    width:80px; 
    vertical-align: top;
}


/************************************************************************
*  List Item Format
************************************************************************/

.listItemHeader
{
    font-size:12px;
    font-weight:bold;
}

.listItemBody
{
    font-size:11px;
    font-weight:normal;
}

.listItemBodyBold
{
    font-size:11px;
    font-weight:bold;
}

.listItemBodyBoldPad5
{
    font-size:11px;
    font-weight:bold;
    padding-left:5px;
}

/* Center Text */
.CenterText{
    text-align:center;
}

/* Left Text */
.LeftText{
    text-align:left;
}

/* Right Text */
.RightText{
    text-align:right;
}

/* represents each item in a vertical list */
.listitem{
    padding-left: 5px;
    margin:0px 0px 0px 0px;
    width:457px;
}

/* surrounds the buttons for list items */
.editbuttons{
    padding-top: 6px;
}

/* floats the thumbnail off to the right */
.thumbnail{
    float: right;
    margin: 0 5px 0 5px;
}

/*used to clear the float for the thumbnail */
.clearlist{
    clear:right;
    margin:0;
    padding:0;
    height: 0px;
    font-size:0px;
    line-height:0px;
}

/* Used by the page number control */
.PageNumbers{
    display:inline;
}

.PageNumbers span{
    padding-left: 3px;
}

.newscrumbs {
    font-weight: bold;
    padding-right: 2px;
}

.fixedcard{
    padding-left: 3px;
    padding-top: 2px;
    margin-bottom: 0px;
    width: 200px;
    height:100px;
    border-width:1px;
    border-style:solid;
}

.membercard{
    padding-left: 3px;
    padding-top: 2px;
    margin-bottom: 0px;
    height:130px;
    width: 200px;
}

.clearcard{
    clear:left;
    height:0;
    margin:0;
    padding:0;
}

#membercardcolumnleft{
    float: left;
    position: relative;
}

#membercardcolumnright{
    position: relative;
    margin-left: 5px;
    float: left;
}

.membercard p{
    margin: 5px;
}

/* Member List Details */
.MemberListDetails{
    width:110px; 
    height:125px;
    vertical-align: top; 
    padding-left:0px;
}

/* Member List Photo */
.MemberListPhoto{
    width:75px;
    height:125px;
    vertical-align: top;
}

.PhotoPanel{
    width:190px;
    margin-top:5px;
    margin-left:auto;
    margin-right:auto;
    margin-bottom:5px;
}



input, select, textarea{
    font-size:1em; 
    font-family: arial, Verdana, Helvetica, Helvetica-Narrow, sans-serif;
}

h1, h2, h3, h4, h5, h6{
    margin: 2px 0 2px 0;
}

h1 {
    font-size: x-large;
	font-weight:bold;
}

h2 {
	font-size: larger;
	font-weight:bold;
}

h3 {
	font-size: large;
	font-weight:bold;
}

h4 {
	font-size:medium;
	font-weight:bold;
}

h5 {
	font-size:small;
	font-weight:bold;
}

h1 a:link, h1 a:visited, h1 a:hover, h1 a:active{
    text-decoration: none;
    color: white;
}

.membercard h3{
    font-size: 1em;
}
     
#loginbanner h2{
    font-size: 1em;
    font-weight: normal;
    margin-top: 8px;
}

#1h1{
    color :white;
    font-size: 24pt;
    font-weight: bold;
    MARGIN-TOP: 10px;
    margin-left: 40px;
}

#2h2{
    font-size: 13px;
    font-weight: bold;
    color: white;
    MARGIN-TOP: 30px;
    margin-left: 30px;
}

.rightblock h3{
    font-size: 1em;
    font-weight: bold;
    margin: 0px;
    padding: 0px;
    display: block;
}

.eventmonth h3{
    padding-left: 20px;
    padding-right: 20px;
}

.eventlist label{
    font-weight: bold;
    padding-right: 4px;
}


.columnpadding{
  margin-top:5px;
  margin-left:7px;
  margin-right:7px;
  padding-bottom:5px;
}

.columnpadding2
{
  margin-left:5px;
  margin-right:5px;
  padding-bottom:5px;
}

.columnpadding3{
  margin-top:5px;
  margin-left:15px;
  margin-right:10px;
  padding-bottom:5px;
}

.contentpadding{
  margin-top:2px;
  margin-left:5px;
  margin-right:0px;
  padding-bottom:0px;
}

.smallMargenTop
{
    margin-top:5px;
}

.CenterIt{
  margin-left:auto; 
  margin-right:auto;  
}

.PnlContentMenu{
    Width:175px; 
    Height:150px;
    position:relative; 
    margin-left:auto; 
    margin-right:auto; 
    margin-top:0px;
}

.DownLoadsPanel{
  margin-top:5px; 
  margin-left:auto;
  margin-right:auto;
  Width:180px;
  padding-bottom:5px;
}

.LabelPad3{
  padding-left:3px;
}

.LabelPad5{
  padding-left:5px;
}
.LabelPad5Right{
  padding-right:5px;
}

.LabelPad7{
  padding-left:7px;
}

.LabelPad10{
  padding-left:10px;
}

.LabelPad16{
  padding-left:16px;
}

.clear2column{
    margin:0;
    padding:0;
    line-height:0;
    font-size:0px;
    height:0px;
    clear: both;
}
    
/************************************************************************
*  AJAX Controls 
************************************************************************/

/*Modal Popup*/

.dynamicPopulate_Normal 
{	
	border:silver 1px inset;
	padding:2px;
	text-align:center;
	height:2em;
	margin:5px;
	width:200px;
}

.dynamicPopulate_Updating 
{
	background-image:url(images/loading.gif);
	background-repeat:no-repeat;
	border:silver 1px inset;
	text-align:center;
	padding:2px;
	height:2em;
	margin:5px;
	width:200px;
}

/*Modal Popup*/

.modalBackground 
{
	background-color:Gray;
	filter:alpha(opacity=70);
	opacity:0.7;
}

.NewMemberPopup {
	background-color:ButtonFace;
	border-width:3px;
	border-style:ridge;
	border-color:Silver;
	padding:3px;
	width:400px;
	height:225px;
}

.NewImageMapPopup {
	background-color:ButtonFace;
	border-width:3px;
	border-style:ridge;
	border-color:Silver;
	padding:3px;
	width:430px;
	height:175px;
}
.modalPopup {
	background-color:ButtonFace;
	border-width:3px;
	border-style:ridge;
	border-color:Silver;
	padding:3px;
	width:400px;
	height:150px;
}

.modalPopup2 {
	background-color:ButtonFace;
	border-width:3px;
	border-style:ridge;
	border-color:ActiveBorder;
	padding:3px;
	width:400px;
	height:185px;
}

/*Hover Menu*/
.popupMenu {
	position:absolute;
	visibility:hidden;
	background-color:#F5F7F8;
	opacity:.9;
	filter: alpha(opacity=90);
}

/*Hover Menu
background-image:url(images/header-opened.png);
background-repeat:repeat-x;
*/
.popupHover {
	background-position:left top;
	background-color:Silver;
}


/*Watermark Text Boxes*/
.watermarked {
	height:17px;
	width:150px;
	padding:2px 0 0 2px;
	border:1px solid #BEBEBE;
	background-color:#F0F8FF;
	color:gray;
}	

.AccordionPadding{
    margin-top: 5px;
    padding-left:15px;
    padding-right:15px;
    margin-left:0px;
    margin-right:0px;
    margin-bottom:5px;
}

.accordionHeader{
    background-color:#F5F5F5;
	border-style:groove;
	border-width:1px;
	border-color: Gray;
	font-size: 10px;
	font-weight: bold;
    padding: 0px;
    margin-top: 0px;
    cursor:pointer;
    background: none;
	text-decoration: none;
}

.ForumHead{
  background-color:#F5F5F5;
  margin-left:0px;
  margin-right:0px;  
}

.accordionContent{
    background-color:#F5F5F5;
    border: 1px dashed #2F4F4F;    
    color:Black;
    padding: 5px;
    padding-top: 0px;
}

.ForumContentHead{
   color:Black; 
   padding-top:5px; 
   font-size:11px; 
   font-weight:bold; 
   height:18px; 
}  

.ForumContentPanel{
  background-color:White;  
  height:140px;
  margin-left:0px;
  margin-right:0px;
  border-style:Solid;
  border-color:Gray;
  border-width: 1px;
}  

.ForumPainHeadTabel{
padding-bottom:0px;
margin-bottom:0px;
}

/* Rating */
.ratingStar {
    font-size: 0pt;
    width: 13px;
    height: 12px;
    margin: 0px;
    padding: 0px;
    cursor: pointer;
    display: block;
    background-repeat: no-repeat;
}

.filledRatingStar {
    background-image: url(Images/MenuBarButtons/General/FilledStar.png);
}

.emptyRatingStar {
    background-image: url(Images/MenuBarButtons/General/EmptyStar.png);
}

.savedRatingStar {
    background-image: url(Images/MenuBarButtons/General/SavedStar.png);
}

/* for the login block picks up most of its properties from .fullwidth */
#loginbanner{
  padding-bottom: 0px;
}

/* Goes around controls that need to be presented as a block of functionality  */
.controlblock{
    border: 1px solid #DBDB79;
    padding: 3px;
    margin: 2px 0 5px 0;
    vertical-align: top;
}

/* shows a visual seperation */
.dashedline{
    border-bottom: 1px dashed #DBCE6A;
    padding-top: 10px;
    margin-bottom: 10px;
    clear:right;
}

/* Command buttons on pages */
.actionbuttons{
  text-align:right;
  position: relative; 
  padding: 1px 1px 1px 1px;
}

/************************************************************************
* Calendar specific formatting 
************************************************************************/

/* Surrounds the calendar */
.eventmonth{
    border: 1px solid #DBDB79;
    width: 694px;
    margin-right: auto;
    margin-left: auto;
    background: #FEFFAB url(images/background_fullwidth.jpg) repeat-y;
    margin-bottom: 10px;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 10px;
    text-align: center;
}

/* used as the cssclass of the actual calendar */
.eventmonthtable{
    width: 694px;
    margin-right: auto;
    margin-left: auto;
    position: relative;
    margin-bottom: 15px;
    border: 1px solid #DBDB79;
    border-collapse:collapse;
}

.dayNumber{
    float: right;
    border-bottom: 1px solid #C7C272;
    border-left: 1px solid #C7C272;
    clear: none;
    padding: 2px;
}

.calcurrentmonth
{
    /* no styles needed at this time */
}
.calothermonth{
    background-color: #DCD78E;
}
.calcurrentday{
    background-color: #FFFFC1;
}
.calweekend{
    background-color: #FEEB95;
}

.calcurrentmonth , .calcurrentmonth , .calothermonth , 
.calcurrentday , .calweekend
{
    text-align: left;
    border: 2px solid #C7C272;
    height: 60px;
    vertical-align: top;
    /* needed for positioning the dayNumber part */
    position:relative;
     border-collapse:separate;
     border-spacing: 5px;
}


/************************************************************************
* Global formatting
************************************************************************/

/* all the legend tags use this same style */

legend{
    font-weight: bold;
    color: #666666;
    font-size: 1em;
    padding-left: 4px;
    padding-right: 4px;
    margin-bottom: 7px; 
}

/* apply zero margin to all forms and hide fieldset borders. 
Keep fieldset borders in the markup for better accessibility 
form
{
    
    margin: 0px 0px 0px 0px;
}


fieldset{
    margin: 0px;
    padding: 0px;
    border: none;
}
*/

/* Aligns Layout At Bottom*/
.clear2column
{
    margin:0px;
    padding:0px;
    line-height:0px;
    font-size:0px;
    height:0px;
    clear: both;
}

/* sometimes we hide elements from display in visual browsers (
but leave them in the source for non visual browsers and for accessibility) */

.hidden{
    visibility: hidden;
}
.none{
    display: none;
}

/************************************************************************
* 
* Image functionality
*
************************************************************************/

.photo{
    background: #FEFFC8 url(images/background_thumbnail.jpg) repeat-x center;
    border: solid 1px #E8DCA3;
    padding: 5px;    
}

.picture{
    background: #FEFFC8 url(images/background_thumbnail.jpg) repeat-x center;
    border: solid 1px #E8DCA3;
    padding: 5px;
    margin: 5px;  
}


/************************************************************************
* Rollover buttons
************************************************************************/

.buttonsmall, .buttonsmall-ovr{
    background: url(images/Button2B.JPG) repeat-x;
    border: none;
    color: #FFFFFF;
    height: 22px;
    font-weight: normal;
    font-size: 9px;
    padding-bottom: 9px;
    padding-left: 3px;
    padding-right: 3px;
    cursor: pointer;
    font-family: Verdana, Arial, Helvetica, sans-serif;
}

.buttonsmall-ovr{
    text-decoration: underline;
    background: url(images/Button2B.JPG) repeat-x;
}

/************************************************************************
* Page specific 
************************************************************************/

/* even dowload button */
.downloadevent img
{
    margin-right: 5px;
    vertical-align: middle;
    border: none;
}

/* Header on view details type pages */
.itemdetails
{
    font-size: 1.3em;
}

/************************************************************************
* Photo selection controls
************************************************************************/
#popupbody{
    font-family: Tahoma, Verdana, Helvetica, Helvetica-Narrow, sans-serif;
    margin: 0px;
    background: #FED36B;
    font-size: 0.7em;
}

#popupinner{
    border: 1px solid #DBDB79;
    margin: 5px;
    background: #FEFFAB;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 10px;
    padding-bottom: 10px;
}

#popupbody h2{
    font-weight: bold;
    margin: 0px;
    padding: 1px 0px 5px 5px;
    display: block;
}

.selected, .unselected{
    width: 80px;
    height: 100px;
    text-align: center;
    padding: 2px 2px 2px 2px;
}

.unselected{
    background-color: transparent;
    border: solid 1px #FEFFAB;
}

.selected{
     background: #FED36B;
     border: solid 1px #DBDB79;
}

.ImLstSelected, .ImLstUnselected{
    width: 80px;
    height: 20px;
    text-align: center;
    padding: 2px 2px 2px 2px;
}

.ImLstUunselected{
    background-color: transparent;
    border: solid  2px #000000;
}

.ImLstSelected{
     background: #FFFFFF;
     border-style: solid;
     border-width: thick;
      border-color : #FFFFFF;
}

.scrollablelist{
    overflow: auto;
    height: 230px;
    width: 460px;
    border: solid 1px #DBDB79;
}

.scrollablelist2{
    overflow: auto;
    height: 230px;
    width: 210px;
    border: solid 1px #DBDB79;
}

 .selectablephoto{
    background: #FEFFC8 url(images/background_thumbnail.jpg) repeat-x center;
    border: 1px solid #E8DCA3;
    padding: 2px;
}

.contextbuttons{
  margin: 5px 3px 5px 3px; 
}

/************************************************************************
* Entry Forms
************************************************************************/

.adminBackColors{
    width:165px;
}

/* label column */
.formlabel{
    width:150px; 
    vertical-align: top;
}

/* value column */
.formvalue{
    vertical-align: top;
}

/* label column */
.formlabel2{
    width:80px; 
    vertical-align: top;  
}
/* value column */
.formvalue2{
    width:80px; 
    vertical-align: top;
}

/* label column */
.formlabel3{
    width:100px; 
    vertical-align: top;  
}

/* label column */
.formlabel4{
    width:150px; 
    vertical-align: top;
    font-size:11px;
}

.txtfield{
    width:150px;
}

.txtfieldLong{
    width:200px;
}

.txtfieldShort{
    width:50px;
}

.txtfieldShorter{
    width:15px;
}

.txtblock{
    width:150px;
}

.txtblockLong{
    width:200px;
}

/*
************************************************************************
Main Menu Settings
The following Main Menu styles 
(one for each forground color) are 
select durring the master page Page_Load Event.

************************************************************************
*/

.menubuttonbar
{
    font-family: Verdana, Helvetica, Helvetica-Narrow, Tahoma, sans-serif;
	font-size: 9px;
    font-weight: bold;
}

/* The menu style is generic. Nothing is overriden.   */
.MainMenu {
    width: 800px;
    margin-right: auto;
    margin-left: auto;
	margin-top: -2px;
	font-family: Verdana, Helvetica, Helvetica-Narrow, Tahoma, sans-serif;
	font-size: 10px;
    font-weight: bold;
    border-spacing:0px;
}


/* The menuItem style includs one for each color*/
.menuItemSlide1 td, .menuItemSlide2 td, 
.menuItemSlide3 td, .menuItemSlide4 td,
.menuItemSlide5 td, .menuItemSlide6 td, 
.menuItemSlide7 td, .menuItemSlide8 td,
.menuItemSlide9 td, .menuItemSlide10 td, 
.menuItemSlide11 td, .menuItemSlide12 td,
.menuItemSlide13 td, .menuItemSlide14 td, 
.menuItemSlide15 td, .menuItemSlide16 td,
.menuItemSlide17 td, .menuItemSlide18 td, 
.menuItemSlide19 td, .menuItemSlide20 td,
.menuItemSlide21 td, .menuItemSlide22 td, 
.menuItemSlide23 td, .menuItemSlide24 td
{
	height: 30px;
	width: 200px;
	text-align: center;
	font-family: Verdana, Helvetica, Helvetica-Narrow, Tahoma, sans-serif;
	font-size:10px;
    font-weight:bold;
}

/* The menuItem a:hover style includs one for each color*/
.menuItemSlide1 a:hover, .menuItemSlide2 a:hover, 
.menuItemSlide3 a:hover, .menuItemSlide4 a:hover,
.menuItemSlide5 a:hover, .menuItemSlide6 a:hover, 
.menuItemSlide7 a:hover, .menuItemSlide8 a:hover,
.menuItemSlide9 a:hover, .menuItemSlide10 a:hover, 
.menuItemSlide11 a:hover, .menuItemSlide12 a:hover,
.menuItemSlide13 a:hover, .menuItemSlide14 a:hover, 
.menuItemSlide15 a:hover, .menuItemSlide16 a:hover,
.menuItemSlide17 a:hover, .menuItemSlide18 a:hover, 
.menuItemSlide19 a:hover, .menuItemSlide20 a:hover,
.menuItemSlide21 a:hover, .menuItemSlide22 a:hover, 
.menuItemSlide23 a:hover, .menuItemSlide24 a:hover
{
	text-decoration:none;
	cursor: pointer;
}




/* The menuItem style includs one for each color*/
.menuPopupItemSlide1 td, .menuPopupItemSlide2 td, 
.menuPopupItemSlide3 td, .menuPopupItemSlide4 td,
.menuPopupItemSlide5 td, .menuPopupItemSlide6 td, 
.menuPopupItemSlide7 td, .menuPopupItemSlide8 td,
.menuPopupItemSlide9 td, .menuPopupItemSlide10 td, 
.menuPopupItemSlide11 td, .menuPopupItemSlide12 td,
.menuPopupItemSlide13 td, .menuPopupItemSlide14 td, 
.menuPopupItemSlide15 td, .menuPopupItemSlide16 td,
.menuPopupItemSlide17 td, .menuPopupItemSlide18 td, 
.menuPopupItemSlide19 td, .menuPopupItemSlide20 td,
.menuPopupItemSlide21 td, .menuPopupItemSlide22 td, 
.menuPopupItemSlide23 td, .menuPopupItemSlide24 td
{
	height: 30px;
	width: 150px;
	padding-left: 3px;
	text-align:left;
	font-family: Verdana, Helvetica, Helvetica-Narrow, Tahoma, sans-serif;
	font-size:10px;
    font-weight:bold;
}

/* The menuPopupItem a:hover style includs one for each color*/
.menuPopupItemSlide1 a:hover, .menuPopupItemSlide2 a:hover, 
.menuPopupItemSlide3 a:hover, .menuPopupItemSlide4 a:hover,
.menuPopupItemSlide5 a:hover, .menuPopupItemSlide6 a:hover, 
.menuPopupItemSlide7 a:hover, .menuPopupItemSlide8 a:hover,
.menuPopupItemSlide9 a:hover, .menuPopupItemSlide10 a:hover, 
.menuPopupItemSlide11 a:hover, .menuPopupItemSlide12 a:hover,
.menuPopupItemSlide13 a:hover, .menuPopupItemSlide14 a:hover, 
.menuPopupItemSlide15 a:hover, .menuPopupItemSlide16 a:hover,
.menuPopupItemSlide17 a:hover, .menuPopupItemSlide18 a:hover, 
.menuPopupItemSlide19 a:hover, .menuPopupItemSlide20 a:hover,
.menuPopupItemSlide21 a:hover, .menuPopupItemSlide22 a:hover, 
.menuPopupItemSlide23 a:hover, .menuPopupItemSlide24 a:hover
{
	text-decoration:none;
	cursor: pointer;
	
}


/*MenuItem and MenuPopupItem Images*/
.menuItemSlide1, .menuPopupItemSlide1
{
    background:url("images/MainMenu/Slide1.JPG") repeat;
    z-index:100;
}
.menuItemSlide2, .menuPopupItemSlide2
{
    background:url("images/MainMenu/Slide2.JPG") repeat;
    z-index:100;
}
.menuItemSlide3, .menuPopupItemSlide3
{
    background:url("images/MainMenu/Slide3.JPG") repeat;
    z-index:100;
}
.menuItemSlide4, .menuPopupItemSlide4
{
    background:url("images/MainMenu/Slide4.JPG") repeat;
    z-index:100;
}
.menuItemSlide5, .menuPopupItemSlide5
{
    background:url("images/MainMenu/Slide5.JPG") repeat;
    z-index:100;
}
.menuItemSlide6, .menuPopupItemSlide6
{
    background:url("images/MainMenu/Slide6.JPG") repeat;
    z-index:100;
}
.menuItemSlide7, .menuPopupItemSlide7
{
    background:url("images/MainMenu/Slide7.JPG") repeat;
    z-index:100;
}
.menuItemSlide8, .menuPopupItemSlide8
{
    background:url("images/MainMenu/Slide8.JPG") repeat;
    z-index:100;
}
.menuItemSlide9, .menuPopupItemSlide9
{
    background:url("images/MainMenu/Slide9.JPG") repeat;
    z-index:100;
}
.menuItemSlide10, .menuPopupItemSlide10
{
    background:url("images/MainMenu/Slide10.JPG") repeat;
    z-index:100;
}
.menuItemSlide11, .menuPopupItemSlide11
{
    background:url("images/MainMenu/Slide11.JPG") repeat;
    z-index:100;
}
.menuItemSlide12, .menuPopupItemSlide12
{
    background:url("images/MainMenu/Slide12.JPG") repeat;
    z-index:100;
}
.menuItemSlide13, .menuPopupItemSlide13
{
    background:url("images/MainMenu/Slide13.JPG") repeat;
    z-index:100;
}
.menuItemSlide14, .menuPopupItemSlide14
{
    background:url("images/MainMenu/Slide14.JPG") repeat;
    z-index:100;
}
.menuItemSlide15, .menuPopupItemSlide15
{
    background:url("images/MainMenu/Slide15.JPG") repeat;
    z-index:100;
}
.menuItemSlide16, .menuPopupItemSlide16
{
    background:url("images/MainMenu/Slide16.JPG") repeat;
    z-index:100;
}
.menuItemSlide17, .menuPopupItemSlide17
{
    background:url("images/MainMenu/Slide17.JPG") repeat;
    z-index:100;
}
.menuItemSlide18, .menuPopupItemSlide18
{
    background:url("images/MainMenu/Slide18.JPG") repeat;
    z-index:100;
}
.menuItemSlide19, .menuPopupItemSlide19
{
    background:url("images/MainMenu/Slide19.JPG") repeat;
    z-index:100;
}
.menuItemSlide20, .menuPopupItemSlide20
{
    background:url("images/MainMenu/Slide20.JPG") repeat;
    z-index:100;
}
.menuItemSlide21, .menuPopupItemSlide21
{
    background:url("images/MainMenu/Slide21.JPG") repeat;
    z-index:100;
}
.menuItemSlide22, .menuPopupItemSlide22
{
    background:url("images/MainMenu/Slide22.JPG") repeat;
    z-index:100;
}
.menuItemSlide23, .menuPopupItemSlide23
{
    background:url("images/MainMenu/Slide23.JPG") repeat;
    z-index:100;
}
.menuItemSlide24, .menuPopupItemSlide24
{
    background:url("images/MainMenu/Slide24.JPG") repeat;
    z-index:100;
}


/* 
****************************************************************
 The Remaining styles are for menu item forground color choices.
****************************************************************

/* The menuItemSilver style */
.menuItemSilver a:link, .menuItemSilver a:visited, 
.menuPopupItemSilver a:link, .menuPopupItemSilver a:visited 
{
    color: Silver;
	text-decoration: none;
	z-index:100;
}

/* The menuItemViolet style */
.menuItemViolet a:link, .menuItemViolet a:visited, 
.menuPopupItemViolet a:link, .menuPopupItemViolet a:visited 
{
    color: Maroon;
	text-decoration: none;
	z-index:100;
}

/* The menuItemBlue style */
.menuItemBlue a:link, .menuItemBlue a:visited, 
.menuPopupItemBlue a:link, .menuPopupItemBlue a:visited 
{
    color: Blue;
	text-decoration: none;
	z-index:100;
}

/* The menuItemGreen style */
.menuItemGreen a:link, .menuItemGreen a:visited, 
.menuPopupItemGreen a:link, .menuPopupItemGreen a:visited 
{
    color: Green;
	text-decoration: none;
	z-index:100;
}

/* The menuItemOrange style */
.menuItemOrange a:link, .menuItemOrange a:visited, 
.menuPopupItemOrange a:link, .menuPopupItemOrange a:visited 
{
    color: Orange;
	text-decoration: none;
	z-index:100;
}

/* The menuItemRed style */
.menuItemRed a:link, .menuItemRed a:visited, 
.menuPopupItemRed a:link, .menuPopupItemRed a:visited 
{
    color: Red;
	text-decoration: none;
	z-index:100;
}

/* The menuItemOlive style */
.menuItemOlive a:link, .menuItemOlive a:visited, 
.menuPopupItemOlive a:link, .menuPopupItemOlive a:visited 
{
    color: Olive;
	text-decoration: none;
	z-index:100;
	 
}

/* The menuItemBlack style */
.menuItemBlack a:link, .menuItemBlack a:visited, 
.menuPopupItemBlack a:link, .menuPopupItemBlack a:visited 
{
    color: Black;
	text-decoration: none;
	z-index:100;
}

/* The menuItemYellow style */
.menuItemYellow a:link, .menuItemYellow a:visited, 
.menuPopupItemYellow a:link, .menuPopupItemYellow a:visited  
{
    color: Yellow;
	text-decoration: none;
	z-index:100;
}

/* The menuItemWhite style */
.menuItemWhite a:link, .menuItemWhite a:visited, 
.menuPopupItemWhite a:link, .menuPopupItemWhite a:visited 
{
    color: White;
	text-decoration: none;
	z-index:100;
}



/* The SideBar style Menu on Left Side*/
.SideBarMenu
{
    width: 150px;
    margin-right: auto;
    margin-left: auto;
    margin-top: 0px;
	font-family: Verdana, Helvetica, Helvetica-Narrow, Tahoma, sans-serif;
	font-size: 9px;
    font-weight: bold;
    
}

/* The SideBar Popup style is selected in the master page asp. */
.SideBarPopup 
{
	width: 150px;
}

/* The SideBar Item style includs one for each image*/
.Slide1 td, .Slide2 td, 
.Slide3 td, .Slide4 td,
.Slide5 td, .Slide6 td, 
.Slide7 td, .Slide8 td
{
	height: 20px;
	width: 150px;
	margin-bottom:0px;
	margin-top:0px; 
	text-align: center;	
}

/* The menuItem a:hover style includs one for each image*/

.Slide1 a:hover, .Slide2 a:hover, 
.Slide3 a:hover, .Slide4 a:hover,
.Slide5 a:hover, .Slide6 a:hover, 
.Slide7 a:hover, .Slide8 a:hover

{
	text-decoration: underline;
	 cursor: pointer;
}

.Slide1
{
    background:#330099 url("images/SideBarMenu/Slide1.JPG") repeat;
}
.Slide2
{
    background:#3333CC url("images/SideBarMenu/Slide2.JPG") repeat;
}
.Slide3
{
    background:#663300 url("images/SideBarMenu/Slide3.JPG") repeat;
}
.Slide4
{
    background:#663300 url("images/SideBarMenu/Slide4.JPG") repeat;
}
.Slide5
{
    background:#663300 url("images/SideBarMenu/Slide5.JPG") repeat;
}
.Slide6
{
    background:#666633 url("images/SideBarMenu/Slide6.JPG") repeat;
}
.Slide7
{
    background:#003300 url("images/SideBarMenu/Slide7.JPG") repeat;
}
.Slide8
{
    background:Gray url("images/SideBarMenu/Slide8.JPG") repeat;
} 
.Slide9
{
    background:url("images/SideBarMenu/Slide9.JPG") repeat;
}
.Slide10
{
    background:url("images/SideBarMenu/Slide10.JPG") repeat;
}
.Slide11
{
    background:url("images/SideBarMenu/Slide11.JPG") repeat;
}
.Slide12
{
    background:url("images/SideBarMenu/Slide12.JPG") repeat;
}
.Slide13
{
    background:url("images/SideBarMenu/Slide13.JPG") repeat;
}
.Slide14
{
    background:url("images/SideBarMenu/Slide14.JPG") repeat;
}
.Slide15
{
    background:url("images/SideBarMenu/Slide15.JPG") repeat;
}
.Slide16
{
    background:url("images/SideBarMenu/Slide16.JPG") repeat;
} 
.Slide17
{
    background:url("images/SideBarMenu/Slide17.JPG") repeat;
}
.Slide18
{
    background:url("images/SideBarMenu/Slide18.JPG") repeat;
}
.Slide19
{
    background:url("images/SideBarMenu/Slide19.JPG") repeat;
}
.Slide20
{
    background:url("images/SideBarMenu/Slide20.JPG") repeat;
}
.Slide21
{
    background:url("images/SideBarMenu/Slide21.JPG") repeat;
}
.Slide22
{
    background:url("images/SideBarMenu/Slide22.JPG") repeat;
}
.Slide23
{
    background:url("images/SideBarMenu/Slide23.JPG") repeat;
}
.Slide24
{
    background:url("images/SideBarMenu/Slide24.JPG") repeat;
} 
 
   
/* 
****************************************************************
The SideBarPopupItem style (one for each color)
is selected durring the master page Page_Load Event.
The one that is selected is dependent on the SideBar border color.
****************************************************************
*/
/* The SideBarPopupItem style */
.SideBarPopupItemWhite, .SideBarPopupItemBlack,
.SideBarPopupItemOlive, .SideBarPopupItemRed,
.SideBarPopupItemOrange, .SideBarPopupItemYellow,
.SideBarPopupItemGreen, .SideBarPopupItemBlue,
.SideBarPopupItemViolet, .SideBarPopupItemSilver
{
	height:20px;
	width: 170px;
}


/* 
****************************************************************
 The Remaining styles are for menu item forground color choices.
****************************************************************

/* The menuItemSilver style */
.SideBarItemSilver a:link, .SideBarItemSilver a:visited, 
.SideBarPopupItemSilver a:link, .SideBarPopupItemSilver a:visited 
{
    color: Silver;
	text-decoration: none;
}

/* The SideBarItemViolet style */
.SideBarItemViolet a:link, .SideBarItemViolet a:visited, 
.SideBarPopupItemViolet a:link, .SideBarPopupItemViolet a:visited 
{
    color: Maroon;
	text-decoration: none;
}

/* The SideBarItemBlue style */
.SideBarItemBlue a:link, .SideBarItemBlue a:visited, 
.SideBarPopupItemBlue a:link, .SideBarPopupItemBlue a:visited 
{
    color: Blue;
	text-decoration: none;
}

/* The SideBarItemGreen style */
.SideBarItemGreen a:link, .SideBarItemGreen a:visited, 
.SideBarPopupItemGreen a:link, .SideBarPopupItemGreen a:visited 
{
    color: Green;
	text-decoration: none;
}

/* The SideBarItemOrange style */
.SideBarItemOrange a:link, .SideBarItemOrange a:visited, 
.SideBarPopupItemOrange a:link, .SideBarPopupItemOrange a:visited 
{
    color: Orange;
	text-decoration: none;
}

/* The SideBarItemRed style */
.SideBarItemRed a:link, .SideBarItemRed a:visited, 
.SideBarPopupItemRed a:link, .SideBarPopupItemRed a:visited 
{
    color: Red;
	text-decoration: none;
}

/* The SideBarItemOlive style */
.SideBarItemOlive a:link, .SideBarItemOlive a:visited, 
.SideBarPopupItemOlive a:link, .SideBarPopupItemOlive a:visited 
{
    color: Olive;
	text-decoration: none;
}

/* The SideBarItemBlack style */
.SideBarItemBlack a:link, .SideBarItemBlack a:visited, 
.SideBarPopupItemBlack a:link, .SideBarPopupItemBlack a:visited 
{
    color: Black;
	text-decoration: none;
}

/* The SideBarItemYellow style */
.SideBarItemYellow a:link, .SideBarItemYellow a:visited, 
.SideBarPopupItemYellow a:link, .SideBarPopupItemYellow a:visited  
{
    color: Yellow;
	text-decoration: none;
}

/* The SideBarItemWhite style */
.SideBarItemWhite a:link, .SideBarItemWhite a:visited, 
.SideBarPopupItemWhite a:link, .SideBarPopupItemWhite a:visited 
{
    color: White;
	text-decoration: none;
}

