.mem_body { background-image:url(../images/mem_grey.gif); background-repeat:repeat; font-family:Arial, Helvetica, sans-serif; font-size:12px; margin:0px;}
.mem_main { background-image:url(../images/mem_bg.gif); background-repeat:repeat-x;}



.home_body { background-image:url(../images/grey.gif); background-repeat:repeat; font-family:Arial, Helvetica, sans-serif; font-size:12px; margin:0px;}
.main { background-image:url(../images/main_bg.gif); background-repeat:repeat-x;}
.header {background-image:url(../images/header_bg.gif); background-repeat:no-repeat; font-family:Arial, Helvetica, sans-serif; font-size:13px; font-weight:bold;}
.header2 {background-image:url(../images/header_bg.gif); background-repeat:no-repeat; font-family:Arial, Helvetica, sans-serif; font-size:13px; }
.contents {background-color:#FFFFFF;}
.blue {color:#182760;}

.announcementbg {background-image:url(../images/announcementbg.gif); background-repeat:repeat-y;}
.adminbg {background-image:url(../images/announcementbg3.gif); background-repeat:repeat-y;}


.marquee {background-image:url(../images/marquee_bg.gif); background-repeat:repeat-y; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold;}
.marquee a:link {font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; text-decoration:none; color:#000000;}
.marquee a:visited {font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; text-decoration:none; color:#000000;}
.marquee a:active {font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; text-decoration:none; color:#000000;}
.marquee a:hover {font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; text-decoration:none; color:#b2233f;}


.search {background-image:url(../images/search_bg.gif); background-repeat:repeat;}
.searchborder_h {background-image:url(../images/search_border.gif); background-repeat:repeat; }
.searchborder_v {background-image:url(../images/search_border.gif); background-repeat:repeat;}
.search_go {background-image:url(../images/search_go.gif); background-repeat:no-repeat; width:37px; height:28px; border:0px; }
.searchform {width:160px; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#000000;}

.tab_top {background-image:url(../images/tab_top.gif); background-repeat:no-repeat;}
.tab_bottom {background-image:url(../images/tab_bottom.gif); background-repeat:no-repeat;}
.tab_left {background-image:url(../images/tab_left.gif); background-repeat:no-repeat;}
.tab_right {background-image:url(../images/tab_right.gif); background-repeat:no-repeat;}
.tab_divider {background-image:url(../images/tab_divider.gif); background-repeat:no-repeat;}

.submenu_bg {background-image:url(../images/submenu_bg.gif); background-repeat:repeat-x; font-family:Arial, Helvetica, sans-serif;  font-size:13px; color:#000000; }
.submenu_bg a:link {color:#ffffff; text-decoration:none;}
.submenu_bg a:visited {color:#ffffff; text-decoration:none;}
.submenu_bg a:hover {color:#000000; text-decoration:none;}
.submenu_bg a:active {color:#000000; text-decoration:none;}



.white {color:#FFFFFF;}


.poll_bg {background-image:url(../images/poll_bg.gif); background-repeat:repeat; font-family:Arial, Helvetica, sans-serif; font-size:13px; font-weight:bold;}
.poll_result {color:#b2233f; font-size:16px;}

.headline {color:#b2233f; font-size:14px; font-weight:bold;}
.title {font-size:12px; font-weight:bold;}
.text {font-size:11px;}
.text a:link {color:#1b325d; text-decoration:none; font-style:italic;}
.text a:visited {color:#1b325d; text-decoration:none; font-style:italic;}
.text a:hover {color:#1b325d; text-decoration:underline; font-style:italic;}
.text a:active {color:#b2233f; text-decoration:none; font-style:italic;}
.greytext {font-size:11px; color:#838282;}


.newsheadline {color:#b2233f; font-size:14px; font-weight:bold;}
.newstitle {font-size:14px; font-weight:bold;}
.newstext {font-size:12px;}
.newstext a:link {color:#1b325d; text-decoration:none; font-style:italic;}
.newstext a:visited {color:#1b325d; text-decoration:none; font-style:italic;}
.newstext a:hover {color:#1b325d; text-decoration:underline; font-style:italic;}
.newstext a:active {color:#b2233f; text-decoration:none; font-style:italic;}
.newsgreytext {font-size:12px; color:#838282;}
.newspic {border-width:thin; border-color:#838282; border-style:solid;}


.event_title {font-size:12px; font-weight:bold; color:#1b325d;}


.membertop {font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#FFFFFF;}
.membertop a:link {font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#FFFFFF; text-decoration:underline; }
.membertop a:visited {font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#FFFFFF; text-decoration:underline; }
.membertop a:hover {font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#FFFFFF; text-decoration:none; }
.membertop a:active {font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#FFFFFF; text-decoration:underline;}

.login_bg {background-image:url(../images/login_bg.gif); background-repeat:repeat;}
.pass {width:150px; height:21px;}
.pass2 {background-image:url(../images/password.gif); background-repeat:no-repeat; width:150px; height:21px;}
.user {width:150px; height:21px;}
.user2 {background-image:url(../images/username.gif); background-repeat:no-repeat; width:150px; height:21px;}


.sendpass_go {background-image:url(../images/send_password.gif); background-repeat:no-repeat; width:134px; height:28px; border:0px; }


.changepass_go {background-image:url(../images/change_password.gif); background-repeat:no-repeat; width:123px; height:28px; border:0px; }





.pagehead {color:#182760; font-size:16px; font-weight:bold;}
.pagetitle {font-size:12px; font-weight:bold;}
.pagetext {font-size:12px; color:#000000}
.pagetext a:link {color:#1b325d; text-decoration:underline; }
.pagetext a:visited {color:#1b325d; text-decoration:underline; }
.pagetext a:hover {color:#1b325d; text-decoration:none; }
.pagetext a:active {color:#b2233f; text-decoration:none; }
.pagetext ol {	margin-left: -20px;}
.pagetext ul {	margin-left: -20px;}


.mem_menu {background-image:url(../images/mem_grey.gif); background-repeat:repeat; font-family:Arial, Helvetica, sans-serif; font-size:13px; }
.mem_menu .headline {color:#b2233f; font-size:14px; font-weight:bold;}
.mem_menu .header { background-image:url(../images/mem_menu_bg.gif); background-repeat:repeat; color:#182760; font-size:13px; }
.mem_menu a:link {color:#182760; text-decoration:none; }
.mem_menu a:visited {color:#182760; text-decoration:none; }
.mem_menu a:hover {color:#b2233f; text-decoration:none; }
.mem_menu a:active {color:#b2233f; text-decoration:none; }


.red {color:#b2233f;}
.red a:link {color:#b2233f; text-decoration:underline; }
.red a:visited {color:#b2233f; text-decoration:underline; }
.red a:hover {color:#b2233f; text-decoration:none; }
.red a:active {color:#b2233f; text-decoration:none; }


#listing ol {margin:0;
padding:0;
list-style-position: inside;
list-style:none;
color:#1b325d;}


.faq {font-size:12px; color:#1b325d}
.faq a:link {color:#1b325d; text-decoration:underline; }
.faq a:visited {color:#1b325d; text-decoration:underline; }
.faq a:hover {color:#1b325d; text-decoration:none; }
.faq a:active {color:#b2233f; text-decoration:none; }

/* This is the selector for the main CollapsiblePanel container. For our
 * default style, the CollapsiblePanel is responsible for drawing the borders
 * around the widget.
 *
 * If you want to constrain the width of the CollapsiblePanel widget, set a width on
 * the CollapsiblePanel container. By default, our CollapsiblePanel expands horizontally to fill
 * up available space.
 *
 * The name of the class ("CollapsiblePanel") used in this selector is not necessary
 * to make the widget function. You can use any class name you want to style the
 * CollapsiblePanel container.
 */
.CollapsiblePanel {
	margin: 0px;
	padding: 0px;
	
	width:548px;
}

/* This is the selector for the CollapsiblePanelTab. This container houses
 * the title for the panel. This is also the container that the user clicks
 * on to open or close the panel.
 *
 * The name of the class ("CollapsiblePanelTab") used in this selector is not necessary
 * to make the widget function. You can use any class name you want to style an
 * CollapsiblePanel panel tab container.
 */
div:active, div:focus, div:hover {
    outline-style: none; -moz-outline-style:none;
} 



.CollapsiblePanelTab {
	
	
	
	margin: 0px;
	padding: 2px;
	cursor: pointer;
	text-decoration:underline;
	/* -moz-user-select: none;
	-khtml-user-select: none;*/
	color:#1b325d;
}

/* This is the selector for a CollapsiblePanel's Content area. It's important to note that
 * you should never put any padding on the content area element if you plan to
 * use the CollapsiblePanel's open/close animations. Placing a non-zero padding on the content
 * element can cause the CollapsiblePanel to abruptly grow in height while the panels animate.
 *
 * The name of the class ("CollapsiblePanelContent") used in this selector is not necessary
 * to make the widget function. You can use any class name you want to style a
 * CollapsiblePanel content container.
 */
.CollapsiblePanelContent {
	margin-left: 20px;
	padding: 0px;
}

/* An anchor tag can be used inside of a CollapsiblePanelTab so that the
 * keyboard focus ring appears *inside* the tab instead of around the tab.
 * This is an example of how to make the text within the anchor tag look
 * like non-anchor (normal) text.
 */
.CollapsiblePanelTab a {
	color:#1b325d;
	text-decoration: underline;
}

/* This is an example of how to change the appearance of the panel tab that is
 * currently open. The class "CollapsiblePanelOpen" is programatically added and removed
 * from panels as the user clicks on the tabs within the CollapsiblePanel.
 */
.CollapsiblePanelOpen .CollapsiblePanelTab {
	

}

/* This is an example of how to change the appearance of the panel tab as the
 * mouse hovers over it. The class "CollapsiblePanelTabHover" is programatically added
 * and removed from panel tab containers as the mouse enters and exits the tab container.
 */
.CollapsiblePanelTabHover,  .CollapsiblePanelOpen .CollapsiblePanelTabHover {
	color:#1b325d;
	text-decoration:none;
}

/* This is an example of how to change the appearance of all the panel tabs when the
 * CollapsiblePanel has focus. The "CollapsiblePanelFocused" class is programatically added and removed
 * whenever the CollapsiblePanel gains or loses keyboard focus.
 */
.CollapsiblePanelFocused .CollapsiblePanelTab {
	
	text-decoration:underline;
}
