//*
Example of commenting out in css.
.badStyle
{
	font-family: Aria003366l, Helvetica, sans-serif;
	font-size: 10pt
}
*//

BODY
{
    background-color: #FFFFFF;
	margin: 0px;
	padding: 0px;
	border: #FFFFFF 0px solid;
    color: #333333;
    font: normal 9pt arial, sans-serif;
}
a:link, a:visited, a:active
{
    color: #003366;
    text-decoration: underline;
}
a:hover
{
    color: #ffcc66; text-decoration: underline;
}

TBODY
{
   FONT-SIZE: 9pt;
   FONT-FAMILY: arial, sans-serif;
}
.SectionHeader
{
	//* Controls the section header right under the 1st table and active login info *//
    FONT-SIZE: 13pt;
    COLOR: #003366;
	FONT-FAMILY: arial, sans-serif;
	FONT-WEIGHT: bold;
	LETTER-SPACING: 1.5pt
}
.HeaderBorder
{
	//* Controls the borders in the very top table of menu options *//
	BORDER-RIGHT: #003366 1pt solid;
	BORDER-TOP: #003366 1pt solid;
	BORDER-LEFT: #003366 1pt solid;
	BORDER-BOTTOM: #003366 1pt solid
}
.HeaderR1Cell1
{
	//* Controls the cell of the menu table *//
    FONT-WEIGHT: normal;
    FONT-SIZE: 9pt;
    BORDER-BOTTOM: #003366 1pt solid;
    FONT-FAMILY: arial, sans-serif;
    BACKGROUND-COLOR: #ffffff;
    TEXT-ALIGN: center
}
.HeaderR1Cell
{
	//* Controls the cell of the menu table *//
    FONT-WEIGHT: normal;
    FONT-SIZE: 9pt;
    BORDER-LEFT: #003366 1pt solid;
    BORDER-BOTTOM: #003366 1pt solid;
    FONT-FAMILY: Arial, sans-serif;
    BACKGROUND-COLOR: #ffffff;
    TEXT-ALIGN: center
}
.HeaderR1ActiveCell
{
	//* Controls the active cell of the menu table *//
    FONT-WEIGHT: bold;
    FONT-SIZE: 9pt;
    COLOR: #FFFFFF;
    FONT-FAMILY: Arial, sans-serif;
    BACKGROUND-COLOR: #003366;
    TEXT-ALIGN: center
}
.SectionInformation
{
	//* Controls the sentences on the main page *//
	FONT-WEIGHT: bold;
	FONT-SIZE: 11px;
	COLOR: #003366;
	FONT-FAMILY: Arial, sans-serif;
	FONT-VARIANT: normal
}
.InputBox
{
    WIDTH: 96%;
   FONT-FAMILY: Arial;
}
.HeaderR1
{
    FONT-SIZE: 9pt;
    FONT-FAMILY: verdana;
    TEXT-ALIGN: right;
    BACKGROUND-COLOR: #FFFFFF;
}
.HeaderR1Link
{
	//* Controls the links in the first row of the main table *//
    COLOR: #003366;
    TEXT-DECORATION: none
}
.HeaderR1Link:hover
{
	//* Controls the links in the firdt row of the main menu table when hovering *//
    COLOR: #ffcc66;
    TEXT-DECORATION: bold
}
.HeaderR1ActiveLink
{
	//* Controls the link to the section the user is in on row 1 *//
	FONT-SIZE: 9pt;
    FONT-WEIGHT: bolder;
    COLOR: #003366;
    FONT-FAMILY: verdana;
    TEXT-ALIGN: center;
    TEXT-DECORATION: none
}
.HeaderR2
{
    FONT-SIZE: 9pt;
    FONT-FAMILY: verdana;
    TEXT-ALIGN: right;
    BACKGROUND-COLOR: #FFFFFF;
}
.HeaderR2Link
{
	//* Controls the links in the second row of the main table *//
    COLOR: #003366;
    TEXT-DECORATION: none
}
.HeaderR2Link:hover
{
	//* Controls the links in the second row of the main menu table when hovering *//
    COLOR: #ffcc66;
    TEXT-DECORATION: bold
}
.HeaderR2ActiveLink
{
	//* Controls the link to the section the user is in on row 2 *//
	FONT-SIZE: 9pt;
    FONT-WEIGHT: bolder;
    COLOR: #003366;
    FONT-FAMILY: Arial;
    TEXT-ALIGN: center;
    TEXT-DECORATION: none
}   
.HeaderR2ActiveLink:hover
{
	//* Controls the link to the section the user is in on row 1 *//
	FONT-SIZE: 9pt;
    FONT-WEIGHT: bolder;
    COLOR: #ffcc66;
    FONT-FAMILY: arial;
    TEXT-ALIGN: center;
    TEXT-DECORATION: none
}
.HeaderR3Link
{
	//* Controls the logout button *//
    BORDER-RIGHT: #003366 1pt solid;
    BORDER-TOP: #003366 1pt solid;
    BORDER-LEFT: #003366 1pt solid;
    BORDER-BOTTOM: #003366 1pt solid;
    FONT-WEIGHT: bolder;
    FONT-SIZE: 8pt;
    WIDTH: 35pt;
    FONT-FAMILY: Arial;
    BACKGROUND-COLOR: #003366;
    TEXT-ALIGN: center;
    COLOR: #FFFFFF;
    TEXT-DECORATION: none
}
.HeaderR3Link:hover
{
	//* Controls hovering over the logout button *//
    COLOR: white;
    FONT-SIZE: 8pt;
    BACKGROUND-COLOR: #FF0000
}
.HeaderR1Link
{
    TEXT-DECORATION: none
}
.BodyBorder
{
	BORDER-RIGHT: #003366 1pt solid;
	BORDER-TOP: #003366 1pt solid;
	BORDER-LEFT: #003366 1pt solid;
	BORDER-BOTTOM: #003366 1pt solid
}
.ResultCellEven
{
    BACKGROUND-COLOR: #E6E6E6
}
.ResultCellOdd
{
}
.WizardStepBorder
{
	//* Controls the border around the wizards like event and contact *//
    BORDER-RIGHT: #003366 1pt solid;
    BORDER-TOP: #003366 1pt solid;
    BORDER-LEFT: #003366 1pt solid;
    BORDER-BOTTOM: #003366 1pt solid
}
.WizardStepIncomplete
{
	//* Controls the  *//
    COLOR: #003366;
    FONT-WEIGHT: bolder;
    BACKGROUND-COLOR: #E6E6E6;
    TEXT-ALIGN: center
}
.WizardStepComplete
{
	//* Controls the table cells for actions in the wizard that are complete *//
    COLOR: #003366;
    FONT-WEIGHT: bolder;
    BACKGROUND-COLOR: #E6E6E6;
    TEXT-ALIGN: center
}
.WizardStepActive
{
	//* Controls the active table cell for actions in the wizard that are complete *//
    FONT-WEIGHT: bolder;
    COLOR: white;
    FONT-FAMILY: Arial;
    BACKGROUND-COLOR: #003366;
    TEXT-ALIGN: center
			}
.WizardLink
{
	//* Controls the actual link on the cell for actions in the wizard that are complete *//
}
.DetailLink
{
    FONT-WEIGHT: bolder;
    COLOR: #003366;
   FONT-FAMILY: Arial;
}
.FormButton
{
	//* Controls the standard buttons on the forms *//
    FONT-WEIGHT: bolder;
    FONT-SIZE: 9pt;
    WIDTH: 60pt;
    COLOR: white;
    FONT-FAMILY: Arial;
    BACKGROUND-COLOR: #003366
}
.FormButtonLarge
{
    FONT-WEIGHT: bolder;
    FONT-SIZE: 9pt;
    WIDTH: 125pt;
    COLOR: white;
    FONT-FAMILY: Arial;
    BACKGROUND-COLOR: #003366
}
.SectionFunctionButton
{
    FONT-SIZE: 9pt;
    WIDTH: 50pt;
    COLOR: #003366;
    FONT-FAMILY: Arial;
    BACKGROUND-COLOR: white
}
.SectionFunctionButtonLarge
{
	//* Controls the buttons on the event calendar *//
    FONT-SIZE: 9pt;
    WIDTH: 100pt;
    COLOR: #003366;
    FONT-FAMILY: Arial;
    BACKGROUND-COLOR: white
}
.PageHeader
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 9pt;
   FONT-FAMILY: Arial;
}
.NoRecordsReturnedBorder
{
	//* Controls the border around the table created when no records are found. ie-no broadcast messages. *//
    BORDER-RIGHT: #003366 1pt solid;
    BORDER-TOP: #003366 1pt solid;
    BORDER-LEFT: #003366 1pt solid;
    BORDER-BOTTOM: #003366 1pt solid
}
.NoRecordsReturnedCell
{
	//* Controls the cell in the table created when no records are found. ie-no broadcast messages. *//
    FONT-WEIGHT: normal;
    COLOR: black;
    FONT-FAMILY: Arial;
    BACKGROUND-COLOR: #E6E6E6;
    TEXT-ALIGN: center
}
.FormButtonRow
{
    TEXT-ALIGN: right
}
.SectionFunctionButtonRow
{
    TEXT-ALIGN: center
}
.InputBoxRequired
{
    WIDTH: 96%;
   FONT-FAMILY: Arial;
}
.InputBoxTextArea
{
    WIDTH: 96%;
   FONT-FAMILY: Arial;
}
.InputBoxNumber
{
   FONT-FAMILY: Arial;
}
.InputBoxRequiredNumber
{
   FONT-FAMILY: Arial;
}
.InputBoxDate
{
   FONT-FAMILY: Arial;
}
.InputBoxRequiredDate
{
   FONT-FAMILY: Arial;
}
.RequiredIndicator
{
    COLOR: red;
   FONT-FAMILY: Arial;
}
.ErrorInformationCell
{
	//* Controls the color of any messages we display. ie - on screen RSVP confirmations*//
    FONT-WEIGHT: bolder;
    COLOR: white;
    FONT-FAMILY: Arial;
    BACKGROUND-COLOR: #003366;
    TEXT-ALIGN: center
}
.ErrorInformationBorder
{
	//* Controls the border around any messages we display. ie - on screen RSVP confirmations*//
    BORDER-RIGHT: #003366 1pt solid;
    BORDER-TOP: #003366 1pt solid;
    BORDER-LEFT: #003366 1pt solid;
    BORDER-BOTTOM: #003366 1pt solid
}
.InvalidFormData
{
    COLOR: red;
   FONT-FAMILY: Arial;
}
.LoginInformation
{
    FONT-SIZE: xx-small;
   FONT-FAMILY: Arial;
}
.InputBoxRequiredSmall
{
   FONT-FAMILY: Arial;
}
.InputBoxSmall
{
   FONT-FAMILY: Arial;
}
.InputBoxEmail
{
    WIDTH: 96%;
   FONT-FAMILY: Arial;
}
.InputBoxRequiredEmail
{
    WIDTH: 96%;
   FONT-FAMILY: Arial;
}
.ValidFormData
{
    COLOR: black;
   FONT-FAMILY: Arial;
}
TD
{
	FONT-WEIGHT: normal;
	FONT-SIZE: 9pt;
	COLOR: #333333;
	FONT-FAMILY: Arial;
	FONT-VARIANT: normal
}
.StatsHeader
{
	//* Controls the stat borders the admin sees on their homepage for the org stats *//
    BORDER-RIGHT: #003366 1pt solid;
    BORDER-TOP: #003366 1pt solid;
    FONT-WEIGHT: bold;
    BORDER-LEFT: #003366 1pt solid;
    COLOR: white;
    BORDER-BOTTOM: #003366 1pt solid;
    FONT-FAMILY: Arial;
    HEIGHT: 18pt;
    BACKGROUND-COLOR: #003366
}
.StatsLabel
{
	//* Controls the stat labels the admin sees on their homepage for the org stats *//
    BORDER-RIGHT: #003366 1pt solid;
    FONT-SIZE: 8pt;
    BORDER-LEFT: #003366 1pt solid;
    BORDER-BOTTOM: #003366 1pt solid;
    FONT-FAMILY: Arial;
    HEIGHT: 16pt;
    BACKGROUND-COLOR: #E6E6E6;
    TEXT-ALIGN: center
}
.StatsDetail
{
	//* Controls the numbers the admin sees on their homepage for the org stats *//
    BORDER-RIGHT: #003366 1pt solid;
    FONT-SIZE: 8pt;
    BORDER-LEFT: #003366 1pt solid;
    BORDER-BOTTOM: #003366 1pt solid;
    FONT-FAMILY: Arial;
    TEXT-ALIGN: center;
    HEIGHT: 14pt
}
.PrivacySpamHelpLink
{
	FONT-SIZE: 9px
}
.PrivacySpamHelpLink:hover
{
	FONT-SIZE: 9px
}



//* Client Specific Styles*//
div
{
    color: #333333;
    font: normal 9pt arial, sans-serif;
}
.title
{
    color: #003366;
    font: bold 1.2em arial, sans-serif;
}
.subtitle
{
    color: #000000;
    font: bold 1.0em arial, sans-serif;
}
.footerdiv
{
    text-align: center;
    color: #333333;
    font: 0.6em arial, verdana, sans-serif;
}
.imagediv
{
    width: 100%;
    height: 60px;
    text-align: left;
    background-color: #E6E6E6;
    background-image: url("Images/main-image-BG.jpg");
    border-bottom: #000000 0px solid;
    border: 0;
}

/* PAGE WIDTHS HEIGHTS */

.pageheight
{
    height: 675px;
}
.pagediv
{
    text-align: left;
    width: 100%;
}
#contentdiv
{
    width: 90%;
    text-align: left;
    padding: 5px 5px 5px 5px;
}

/* BORDERS AND BARS */

.header
{
    background-color: #FFFFFF;
    width: 100%;
}
.pagebartop
{
    clear:both;
    float: none;
    font-size: 0.1em;
    height: 15px;
    width: 100%;
    background-color: #003366;
    background-image: url("Images/pagebartop.jpg");
    border: #000000 1px solid;
    border-width: 1px 0px 1px 0px;
}
.pagebarmiddle
{
    font-size: 0.1em;
    height: 15px;
    width: 100%;
    background-color: #003366;
    background-image: url("Images/pagebartop.jpg");
    border: #000000 1px solid;
    border-width: 1px 0px 1px 0px;
}
.pagebarbottom
{
    font-size: 0.1em;
    height: 30px;
    width: 100%;
    border: #000000 1px solid;
    border-width: 1px 0px 1px 0px;
    background-color: #003366;
    background-image: url("Images/bottombar-BG.jpg");
}
.page-splits
{
    border: none;
    border: #E6E6E6 1px solid;
    background-color: #FFFFFF;
    color: #FFFFFF;
    height: 4px; width: 100%;
    margin: 3px 0px 3px 0px;
}

/* LIST CODE */

ul
{
    margin-top: 0px;
    margin-bottom: 0px;
}
li
{
    color: #E45500;
}
li span
{
    color: #666666;
}

/* SIDEBAR CODE */

.sidebar-left
{
    width: 10px; 
    background-color: #003366;
    background-image: url("Images/sidebar-BG.jpg");
    border-right: #000000 1px solid;
}
.sidebar-right
{
    width: 10px;
    background-color: #003366;
    background-image: url("Images/sidebar-BG.jpg");
    border-left: #000000 1px solid;
}

/* IMAGES */

.iborders
{
    border: #000000 1px solid;
    padding: 0px;
    margin: 3px;
}
.imagetext
{
    color: #666666;
    font: 0.7em arial, sans-serif;
}

/* PAYPAL */

#paypal-div
{
    width: 150px;
    font-size: 0.9em;
    text-align: center;
    background-color: #E6E6E6;
    border: #BEC9D2 1px solid;
}
.paypal-form
{
    width: 110px;
    font-size: 0.9em;
    margin: 2px 0px 2px 0px;
}
.paypal-submit
{
    width: 110px;
    font-size: 0.9em;
    margin: 2px 0px 5px 0px;
}

/* MENU CODE */

#menudiv
{
    width: 100%;
    padding: 0px;
    padding: 10px 0 0 7px;
    background-color: #FFFFFF;
    background-image: none;
    border: #333333 0px solid;
}
.menu-spacer
{
    clear: both;
    font-size: 1px;
    padding: 0px;
}
.menu
{
    font: normal 0.90em verdana, arial, helvetica, sans-serif;
    width: 110px;
    float: left;
    cursor: pointer;
    text-align: center;
    padding: 2px 5px 2px 0px;
    margin: 0px 0px 6px 3px;
    background-color: #E6E6E6;
    border: #000000 1px solid;
    font-weight: bold;
}
a.menulink:link, a.menulink:visited, a.menulink:active
{
    color: #003366;
    text-decoration: none;
    font-weight: bold;
}
a.menulink:hover
{
    color: #336699;
    text-decoration: underline;
}