body
{
    text-align:center !important;
    width:100%;
    margin:auto;
    
}
 #outline table,
#outline tbody
{
	margin:auto;
}
#outline
{
	margin:auto;	
}
 
/* Container = the span around all of the content in the control panel pages*/
.container
 {
    padding: 10px;
    display:inline-block;
    width:99%;
    font-size: small;
    text-align:center;
    margin:auto;
 }
 
 /* AddEditSection = the right hand side of the page on all Control Panel pages */
.addEditSection
{
    width: 45%;
    float:left;
    text-align:left;
    height: 300px;
    margin-left: 10px;
    font-size:small;
}

/* ListSection = the left hand side of the page on all Control Panel pages**/
.listSection
{
    float:left;
    width:50%;
    text-align:left;
    height: auto;
    font-size:x-small;
    border: 1px solid white;
    margin:5px;
    padding:5px;
}

/**Make elements in addedit section fill the space **/
.addEditSection input,
.addEditSection textarea
{
    width: 95%;
}

/* We set all inputs in the addEditSection to be 95%, but need to override this for checkboxes**/
.addEditSection .checkBox
{
    width:auto;
}
 .checkBox label
 {
    width:auto;
 }
 .checkBox input
 {
    width: 17px;
 }

.addEditGrid
{
    width: 85%;
}

/** Command Section = the buttons at the bottom (Save /Cancel) **/
.commandSection
{
    float:left;
    height: 40px;
    margin-top: 10px;
    width:80%;
    padding-right: 20px;
    text-align:right;
    margin-right: 20px;
}

.commandSection input
{
    height:22px;
    float:left;
}

/** Make the width of the date text box match the calendar extender's width */
.addEditSection .dateTextBox
{
    width: 180px;
}

 .tinyImageButton,
 .tinyButtonTD input
 {
    height: 19px;
    width: auto !important;
    float:left;
 }
 
 /* This is for the popups such as on the IOA Events page*/
.popupContainer
 {
    float:left;
    position:absolute;
    top: 400px;
    left: 200px;
    width: 400px;
    height: 250px;
    padding: 15px;
    background-color:#CEE6FF;
    text-align:left;
 }
 
.smallGridSpan
{
    border: 3px solid #0076C0;
    height: 130px;
    display:inline-block;
    overflow-y:scroll;
    width: 200px;
    margin-right:3px;
    margin-top:3px;
    margin-bottom:3px;
}

 /* This is for the large popups such as Activities on the IOA Events page*/
 .largePopupContainer
 {
    float:left;
    position:absolute;
    top: 400px;
    left: 200px;
    width: 700px;
    height: 400px;
    padding: 15px;
    background-color:#CEE6FF;
 }

 .popupContainer textarea
 {
    width: 95%;
    height: 100px;
 }
 .popupContainer .longTextBox
 {
    width: 90% !important;
 }
 .invisible
 {
  display:none;  
 }
 .addButton
 {
     height: 22px;
     width: 37px !important;
     margin-bottom: -3px;
 }
 .Grid_Header
 {
    text-align:left;
    background-color:#0076C0;
    color:White !important;
 }
 Caption
 {
    font-weight: bold;
    padding-top:6px;
    padding-bottom:6px;
 }
/*  Copied from styles.css */
.Grid_Header a:link 
{
     color:White; 
     background-color:#0076C0; 
     text-decoration:underline; 
}
/*  Copied from styles.css */
.Grid_Header a:visited 
{ 
        color:White; 
        background-color:#0076C0; 
        text-decoration:underline;
}
/*  Copied from styles.css */
.Grid_Header a:hover,
.GridHeader a:active, 
.GridHeader a:focus 
{
    color:White; 
    background-color:#0076C0; 
    text-decoration:underline; 
}
/* The top-level heading of the grid, or the grid's "title" */
caption
{
    background-color: #B3CC95;
}
.Grid
{
    float:left;
}
/* This makes the Grid's div scroll when the grid contents are too wide,
    so that the grid doesn't take over the whole page */
.listSection div
{
    overflow-x:hidden;
}
.headingLabel
{
    font-size:1.20em;
    width: auto;
}
.smallText
{
    font-size:small;
}
 
.largePopupContainer .listSection
{
    width: auto;
    float:left;
}

.largePopupContainer .listSection .gridSpan
{
    height: 300px !important;
    width: 350px !important;
    float:left;
    overflow-y:scroll !important;
    border: 1px solid white;
}

.largePopupContainer .addEditSection
{
    width: 300px !important;
    margin-left: 15px;
    float:left;
}

.largePopupContainer .addEditSection input
{
    width: 95%;
}

 .largePopupContainer .addEditSection .checkBox input
 {
    width: 17px;
 }
 
 .largePopupContainer .addEditSection .checkBox label
{
    width:auto;
}

/* Event headings are supposed to be bold */
.EventGrid .EventHeading
{
    font-weight:bolder;
}

.EventGrid
{
    width: 100%;
    margin-bottom: 20px;
    text-align:left;
}

/* For putting two grids next to each other, as on IOA Events page*/
.sideBySide
{
    float:left;
    width: 250px;
}
/* For formatting multiple controls per line, as on registration page*/
.controlSpan
{
    text-align:left !important;
    width: 230px;
    float:left;
}
.control
{
    text-align:left !important;
    width: 100%;
    float:left;
}
.controlSpan input
{
    width: 95%;
}

.wideSpan
{
    text-align:left;
    float:left;
    width: 95%;
}

.wideSpan textarea
{
    width:100%
}
/* For small grids*/
.SmallAlternateRow,
.SmallRow
{
    font-size:smaller;
}
/* For small grids*/
.Grid .SmallAlternateRow
{
    background-color:#CED0D2;
}
.DetailsPanel
{
     border: 1px solid gray;
     margin: 10px;
     padding:10px;
     float:left;
     display:block;
     background-color: White;
}

.Grid_Alternate_Row
{
    background-color:#DDDDDD;
}
/* Used on pages to view registrations, Pac contributions, and dues */
.nameLabel
{
font-size: large;
font-weight:bold;
}

.infoLabel
{
 float:left;
 width:200px;
 margin-left: 15px;
}

/* used on MembersOnly/MemberDirectory page*/
.PaddedItem
{
    padding:10px;
    font-size:small;
}
.Button
{
    border: 1px solid black;
    padding: 3px 8px 4px 8px;
    text-decoration: none !important;
    color:White !important;
    background-image: url(images/navOn.gif);
    background-position: top left;
    background-repeat:repeat-x;
    bottom: 0px;
    position:relative;
    font-size: 10px;
    display:inline;
    margin:3px 3px 3px 0px;
    float:left;
}
.Button:hover
{
    background-image: url(images/navOver.gif);
    color:Black !important;
}
br
{
    display:block;
    height: 0px !important;
}

.WelcomeLabel 
{
    width:100%;
    float:left;
}

#ControlPanelMenu,
#MemberMenu 
{
	  z-index:100 !important;
	  float:left;
}

.ctl00_ControlPanelMenu_0 table tbody a,
#menusDiv table tbody a,
.ctl00_MemberMenu_0 table tbody a
{
    text-decoration: none !important;
    padding:3px;
    text-align:left;
    float:left;
}

.ctl00_ControlPanelMenu_0 tbody,
#menusDiv tbody,
.ctl00_ControlPanelMenu_0 table tbody,
.ctl00_MemberMenu_0 tbody,
.ctl00_MemberMenu_0 table tbody{
    background-color:#C1D9A2 !important;
    float:left;
      z-index:100 !important;
}

.ctl00_ControlPanelMenu_0,
.ctl00_MemberMenu_0
{
    padding-top: 10px;
    padding-bottom: 10px;
    background-color:#C1D9A2 !important;
    border: 1px solid #698C39;
    float:left;
}
.specialBullets li 
{
    list-style-image: url(images/SwirlyBullet.gif);
    vertical-align:top; 
    padding-bottom:3px; 
    padding-left:10px;
}
.specialBulletsGreen li 
{
    list-style-image: url(images/SwirlyBulletGreen.gif);
    vertical-align:top; 
    padding-bottom:3px; 
    padding-left:10px;
}
.hidden
{
    display:none;
}
.leftColumnHeader
{
    float:left;
    background-image:url(images/SmallBlueHeader.gif);
    background-repeat:no-repeat;
    height:41px;
    width:205px;
    text-align:center;
    line-height:33px;
    vertical-align:middle;
    color:White;
    font-size:11pt;
    font-weight:bold;
    padding:0px;
}
.leftColumnHeader a,
.leftColumnHeader a:hover
{
    color:White !important;
}
.rightColumnHeader
{
    float:left;
    background-image:url(images/XSmallBlueHeader.gif);
    background-repeat:no-repeat;
    height:41px;
    width:179px;
    text-align:center;
    line-height:33px;
    vertical-align:middle;
    color:White;
    font-size:11pt;
    font-weight:bold;
    padding:0px;
}
h2.newsHeader
{
    float:left;
    background-image:url(images/GreenMediumHeader.gif);
    background-repeat:no-repeat;
    height:41px;
    width:404px;
    text-align:center;
    line-height:33px;
    vertical-align:middle;
    color:White !important;
    font-style:normal !important;
    font-size:11pt !important;
    font-weight:bold;
    padding:0px !important;
}
.leftNavTop
{
    float:left;
    background-image:url(images/EyeHealthTop.gif);
    background-repeat:no-repeat;
    height:10px;
    width:205px;
    
}
.leftColContent
{
    float:left;
    background-image:url(images/EyeHealthMiddle.gif);
    background-repeat:repeat-y;
    width:180px;
    padding:0px 10px 10px 10px;
    text-align:left;
    font-size:10pt !important;
}
.leftNavBottom
{
    float:left;
    background-image:url(images/EyeHealthBottom.gif);
    background-repeat:no-repeat;
    width:205px;
    height:10px;
}
h2.publicHealthHeader
{
    float:left;
    background-image:url(images/MediumBlueHeader.gif);
    background-repeat:no-repeat;
    height:41px;
    width:404px;
    text-align:center;
    line-height:33px;
    vertical-align:middle;
    color:White !important;
    font-style:normal !important;
    font-size:11pt !important;
    font-weight:bold;
    padding:0px !important;
}
.doctorInfoTop
{
    float:left;
    background-image:url(images/DoctorInfoTop.gif);
    background-repeat:no-repeat;
    height:10px;
    width:179px;
}
.rightColumn
{
    float:left;
    background-image:url(images/DoctorInfoMiddle.gif);
    background-repeat:repeat-y;
    width:160px;
    padding:0px 10px 10px 10px;
    text-align:left;
}
.doctorInfoBottom
{
    float:left;
    background-image:url(images/DoctorInfoBottom.gif);
    background-repeat:no-repeat;
    width:179px;
    height:10px;
}
.LoginButton
{
    font-weight:bold;
}
#ODDefinition
{
    float:left;
    height:53px;
    width:780px;
    background-image:url(images/ODBackground.jpg);
    background-repeat:no-repeat;
    color:#0076C0;
    font-size:10pt;
    margin-top:5px;
    margin-bottom:5px;
    padding: 5px 10px 10px 10px;
    text-align:justify;
}
.highlightTop
{
    float:left;
    width:402px;
    height:35px;
    background-image:url(images/IOATabTop.jpg);
    background-position: bottom center;
    background-repeat:no-repeat;
}
.highlightBottom
{
     float:left;
    width:402px;
    height:15px;
    background-image:url(images/IOATabBottom.jpg);
    background-repeat:no-repeat;
    background-position: bottom left;
}
#highlightContainer
{
     float:left;
    width:402px;
    background-image:url(images/IOATabMiddle.jpg);
    background-repeat:repeat-y;
    text-align:left;
    font-size:10pt;
}
.highlightItemSpan
{
    float:left;
    width:335px;
}
.publicHealthBackgroundTop
{
    float:left;
    width: 402px;
    height:10px;
    background-image:url(images/PublicHealthTop.gif);
    background-repeat:no-repeat;
}
.publicHealthBackgroundBottom
{
    float:left;
    width: 402px;
    height:30px;
    background-image:url(images/PublicHealthBottom.gif);
    background-repeat:no-repeat;
}
.publicHealthContent
{
    float:left;
    width:402px;
    background-image:url(images/PublicHealthMiddle.gif);
    background-repeat:repeat-y;
}
.publicHealthContent .program
{
    float:left;
    width:120px;
    margin:5px;
    height:110px;
   font-size:9px !important;
}
.publicHealthContent .brochure
{
    float:left;
    width:90px;
    margin:5px;
    height:150px;
   font-size:9px !important;
   margin-top:10px;
}
.publicHealthContent .program a
{
    
    text-align:center;
}
.IOATab
{
    float:left;
    height:22px;
    background-image:url(images/TabBG.jpg);
    background-repeat:repeat-x;
    color:Black;
    background-position: 0px -24px;
    padding: 2px 10px 0 10px;
    margin-right:5px;
    font-size:10pt;
    text-decoration:none !important;
    border: 1px solid #6C9B46;
}
.IOATab.inactive
{
    background-position: 0px 0px;
    border: 1px solid #777777;
}
.IOATab.inactive:hover
{
   background-position: 0px -24px;
    color:Black;
    border: 1px solid #6C9B46;
}
.IOATab:hover
{
    color:Black;
}
#menusDiv,
#ctl00_menusDiv
{
    float:left;
    width:795px;
    margin-bottom:5px;
    text-align:left;
    background-color:White;
    font-size:10pt !important;
    background-color:#C1D9A2;
    border: 1px solid white;
}
#ctl00_menusDiv .WelcomeLabel 
{
    width:250px;
    padding-left:20px;
    float:right;
    text-align:right;
    padding-right:5px;
}
#ctl00_menusDiv
{
    padding-bottom: 13px;
}
#ctl00_Logout
{
    width:100px;
    padding-left:20px;
    float:right;
    text-align:right;
    padding-right:5px;
}
#menusDiv a:hover
{
    text-decoration:underline !important;
}
div#MemberMenun0Items,
div#ctl00_MemberMenun0Items
{
	width:140px;
	z-index:100 !important;
	float:left;
}
div#ControlPanelMenun0Items,
div#ctl00_ControlPanelMenun0Items
{
	width:160px;
	z-index:100 !important;
	float:left;
}
.childrensVisionDiv
{
    text-align:left;
    border: 1px solid #9EC57E;
    float:left;
    margin:0px 0px 5px 10px;
    padding:5px;
    width:360px;
    background-color: #ADBE9A;
}
.childrensVisionDiv a
{
    font-size:9pt;
    
}
.TitleLabel
{
    font-weight:bold;
    display:block;
    padding-left:35px;
}
.DescriptionLabel
{
    font-style:italic;
    display:block;
    padding-left:35px;
}
h1.CategoryLabel
{
    margin-top: 10px;
    padding-bottom: 5px;
}
.mainBoxLarge
{
    width:800px !important;
}
.mainContentBoxLarge
{
    width:790px !important;   
}
.SearchButton
{
    margin-top: -30px;
    position:relative;
    left:180px;
}
.DonationButton
{
    border: 1px solid black;
    padding: 3px 8px 4px 8px;
    text-decoration: none !important;
    color:White !important;
    background-image: url(images/navOn.gif);
    background-position: top left;
    background-repeat:repeat-x;
    bottom: 0px;
    position:relative;
    font-size: 10px;
    display:inline-block;
    margin:3px 3px 3px 0px;
}
.editTextBox
{
	width:300px !important;
	display:inline-block;
}
.eventNoteSpan
{
	display:inline-block;
	width:300px;
}
.EventTitles
{
	width:150px;
	display:inline-block;
	text-align:left;
	padding-right:10px;
}
.eventLabel
{
	width:200px;
	display:inline-block;
}
.eventSpan
{
	display:inline-block;
	width:600px;
	text-align:left;
}
.eventHeadingLabel
{
	font-size:1.20em;
	text-align:center;
	width:auto;
	display:block;
}
.eventTextBox
{
	width:200px !important;
	display:inline-block;
}
.testModeLabel
{
	color:red;
	text-transform:uppercase;
	font-weight: normal;
	font-size: 16pt;
}
.Thankyouh1
{
	text-transform:uppercase;
	font-weight: normal;
	font-size: 16pt;
}