/* MAIN WEB PAGE STYLES */
body { font-family: arial,helvetica,sans-serif; font-size: 95%; font-weight: normal; margin: 0px; padding: 0px; color: #000; 
	background-color: #336799; background-image: url(graphics/bg_bluegrad.jpg); background-repeat: repeat-x;}
p { margin-top: 0px; margin-bottom: 0px; }
h1 { font-family: arial,helvetica,sans-serif; font-size: 160%; font-weight: bold; font-style: normal; color: #000; margin: 0px 0px 10px 0px; text-align: center; }
h2 { font-family: arial,helvetica,sans-serif; font-size: 220%; font-weight: normal; font-style: normal; color: #336799; margin: 0px 0px 10px 0px; text-align: center; }
h3 { font-family: arial,helvetica,sans-serif; font-size: 140%; font-weight: bold; font-style: normal; color: #336799; margin: 0px 0px 0.15em 0px; text-align: left; }
h4 { font-family: arial,helvetica,sans-serif; font-size: 100%; font-weight: bold; font-style: normal; color: #336799; margin: 0px 0px 0px 0px; text-align: left; }
table { font-family: arial,helvetica,sans-serif; font-size: 100%; }
li { font-family: arial,helvetica,sans-serif; font-size: 100%; color: #000; padding-bottom: 2pt; }

a { font-size: 100%; font-weight: normal; text-decoration: none; }
a:link { color: #245185; }
a:visited { color: #245185; }
a:hover { color: #f00; }
a:active { color: #c00; }

/* WEB PAGE STRUCTURE */
#container { background-color: #fff; margin: 0px auto; border-left: 2px solid #000; border-right: 2px solid #000; position: relative; }
#header { background-color: #fff; margin-bottom: -3px; padding: 0px; position: relative; }
#header h1 { margin: 0; }
#main { margin: 0px; padding: 0px; width: 100%; }
#content_area { background-color: #fff; background-image: url(); margin: 0px; padding: 0px; width: 100%; }
#content { padding: 10px 10px 10px 10px; }

/* STYLES USED FOR THE WEB PAGE LEFT AND RIGHT SIDEBARS */
#sidebar_left { font-size: 85%; color: #999; background-color: #e8e8e8; background-image: url(); border-right: 1px solid #b7bbbb; padding: 0px 6px 0px 6px; }
#sidebar_right { background-color: #e8e8e8; border-left: 1px solid #b7bbbb; padding: 0px 0px 0px 0px; }

/* MEMBER REGISTRATION & LOGIN PANEL */
#member_registration_login { margin: 0; padding: 8px; background-color: #a3d3ea; background-image: url(); }
#member_registration_login h1 { font-weight: bold; }
#member_registration_login p { font-size: 90%; font-weight: normal; margin: 0 0 12px 0; }

/* STYLES USED ON THE WEB PAGE FOOTER */
#footer { font-size: 80%; font-weight: normal; color: #fff; background-color: #999; background-image: url(); padding: 1px; border-top: 0px solid #000; border-bottom: 0px solid #000; text-align: center; clear: both; }
#footer p { margin: 0px; }
.footer_credits { font-size: 80%; font-weight: normal; color: #fff; }

/* STYLE USED FOR THE DISPLAY PANEL IN THE LEFT SIDEBAR */
.display_panel { width: 216px; height: 228px; margin: 0; padding-left: 14px; padding-top: 12px; background-image: url(pics/bg_displaypanel_230x240.gif); }
.display_panel h4 { padding: 0 5px; }
.display_panel p { font-size: 85%; color: #888; padding: 0 5px; }