/* MAIN WEB PAGE STYLES */
html { width:100%; height:100%; background:#fff; }
body { font-family: arial,helvetica,sans-serif; font-size: 80%; font-weight: normal; margin: 0px; padding: 0px; color: #000; 
	background-color: #fff; }

p { margin-top: 0px; margin-bottom: 0px; }
h1 { font-family: arial,helvetica,sans-serif; font-size: 160%; font-weight: bold; font-style: normal; margin: 0px 0px 0.3em 0px; text-align: center; }
h2 { font-family: arial,helvetica,sans-serif; font-size: 140%; font-weight: bold; font-style: normal; margin: 0px 0px 1em 0px; text-align: center; }
h3 { font-family: arial,helvetica,sans-serif; font-size: 120%; font-weight: bold; font-style: italic; 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; 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; }

table { width:100%; }
table td {  }
table .pad_right { padding-right:12px; }
table .row:hover { background: #def; }

li { padding-bottom:6px; }
ol { margin-left:20px; padding:0; } 

input[type=checkbox] { margin-right:4px; z-index:10000; }

a { text-decoration:none; }
a:link { color:#245185; }
a:visited { color:#245185; }
a:hover { color:#f00; }
a:active { color:#c00; }
a:link img {  cursor:pointer; }

.mobile {  }
.mobile p {  }
.mobile li {  }
.background_white { background:white; } 

.pics_table td { font-size:0.8em; }
.pics_table img { margin:2px 0; }

.pics { font-size:0.8em; }
.pics img { margin:2px 0; }

.right { float:right; margin-left:12px; }
.left { float:left; margin-right:12px; }

.edit { font-size:0.8em; }
.clear_both { clear:both; }
.clear_left { clear:left; }
.clear_right { clear:right; }


/* WEB PAGE STRUCTURE */
#container { max-width:900px; height:100%; background:#fff url(); margin:0px auto; border-left:2px solid #000; border-right:2px solid #000; position:relative; }
#header { background-color:#fff; margin:0px; padding:0px; position:relative; }
#header img { display:block; }
#header h1 { margin:0; }

#main {  width:100%; height:auto; background:#fff url(); margin:0; padding:0; overflow:hidden; position:relative; display:table; table-layout:fixed; border-collapse:collapse; }
.row { display:table-row; }
#content_area { width:100%; background:#fff url(); margin:0; padding:0; overflow:hidden; display:table-cell; vertical-align:top; }
#content_area .content { padding:20px; background:#fff url(); }
#content_area .content p { background:#fff; }
#content_area .content a { text-decoration:underline; }
#content { padding: 10px 10px 10px 10px; }

/* STYLES USED IN THE HEADING IMAGE OR SLIDESHOW */
#ssContainer { position:relative; height:280px; overflow:hidden; }
#ssContainer img { width:100%; height:auto; position:absolute; top:0; left:0; border:0px solid black; z-index:10; }

#heading_image { height:280px; position:relative; overflow:hidden; }
#heading_image img { width:100%; height:auto; position:absolute; top:0; left:0; border:0px solid black; z-index:10; }

/* STYLES USED FOR THE SUB-HEADING BAR */
#sub_menu_bar { width:100%; background:#555; padding:3px 0; position:relative; }
#sub_menu_bar a:link { color:#fff; text-decoration:none; }
#sub_menu_bar a:visited { color:#fff; text-decoration:none; }
#sub_menu_bar a:hover { color:#c00; text-decoration:none; }
#sub_menu_bar a:active { color:#00c; text-decoration:none; }

#date_time { font-size:0.9em; font-weight:normal; color:#fff; margin:0px; padding:0 5px; float:left; white-space:nowrap; }
#search_sub { font-size:0.9em; font-weight:normal; color:#fff; margin:0px; padding:0px 8px 0px 4px; text-align:right; white-space:nowrap; }

#member_login { width:300px; float:right; font-size:0.9em; font-weight:normal; color:#fff; margin:0px; padding:0 7px; white-space:nowrap; position:relative; }
#member_login h2 { font-size:1.4em; text-align:center; margin-top:6px; margin-bottom:12px; }
#member_login .label { font-style:italic; text-align:right; position:relative; }
#member_login .hidden { display:none; height:0;  }
#member_login .display { display:block; height:auto;  }

#member_login #mem_register { float:right; padding:0 7px; border-right:1px solid #fff; z-index:100; position:relative; }
#member_login #mem_register #register_text { cursor:pointer; }
#member_login #mem_register #register_text:hover { color:#e00; }
#member_login #mem_register #update_text { cursor:pointer; }
#member_login #mem_register #update_text:hover { color:#e00; }
#member_login #mem_register #register_panel { width:300px; background:#eee; border:1px solid #aaa; overflow:hidden; position:absolute; top:20px; right:-47px; z-index:1000; }
#member_login #mem_register #register_panel .panel { width:286px; margin:0 auto; padding:0 8px; color:#333; }
#member_login #mem_register #register_panel .instructions { width:280px; text-align:left; margin:18px 0; white-space:normal; }

#member_login #mem_login { float:right; padding:0 4px; z-index:100; position:relative; }
#member_login #mem_login #login_text { cursor:pointer; }
#member_login #mem_login #login_text:hover { color:#e00; }
#member_login #mem_login #login_panel { width:300px; background:#eee; border:1px solid #aaa; overflow:hidden; position:absolute; top:20px; right:-7px; z-index:1000; }
#member_login #mem_login #login_panel .panel { width:280px; margin:0 auto; padding:0 8px; color:#333; }

#member_login #send_pw { color:#00e; }
#member_login #send_pw:hover { color:#e00; cursor:pointer; }
#member_login #tbox_email { margin-right:4px; }
#member_login #mem_email { width:190px; }
#member_login #tbox_password { overflow:hidden; }
#member_login #mem_password { width:70px; }
#member_login #msg_text { width:280px; color:#e00; text-align:center; margin-bottom:12px; white-space:normal; }


#menu_regions { font-size:0.8em; font-weight:bold; color:#fff; background:#777; margin:0; padding:2px 3px; text-align:center; margin-top:1px solid #000; }
#menu_regions .label { font-weight:normal; font-style:italic; color:#fff; margin-right:5px; }
#menu_regions .inactive { color:#ccc; }
#menu_regions ul { margin:0px; padding:1px; }
#menu_regions li { display:inline; padding:0 4px; color:#fb0; }

#menu_regions a { text-decoration:none; }
#menu_regions a:link { color:#fff; }
#menu_regions a:visited { color:#fff; }
#menu_regions a:hover { color:#fb0; }
#menu_regions a:active { color:#fb0; }

#menu_regions .select { font-size:14px; font-weight:bold;  }

/* STYLES USED IN THE BREADCRUMB MENU ABOVE THE CONTENT AREA */
#breadcrumb_menu { font-size:0.8em; font-weight:bold; color:#fb0; margin-top:12px; padding:0; text-align:center; }
#breadcrumb_menu span { font-family:trebuchet ms; font-weight:bold; font-size:16px; color:#336799; padding:0 6px 0 2px; margin:0; }
#breadcrumb_menu .inactive { color:#ccc; }
#breadcrumb_menu ul { margin:0px; padding:0px; }
#breadcrumb_menu li { display:inline; padding:0; color:#fb0; white-space:nowrap; }

#breadcrumb_menu a { text-decoration:none; }
#breadcrumb_menu a:link { color:#336799; }
#breadcrumb_menu a:visited { color:#336799; }
#breadcrumb_menu a:hover { color:#d00; }
#breadcrumb_menu a:active { color:#d00; }

/* STYLES USED FOR THE WEB PAGE LEFT AND RIGHT SIDEBARS */
#sidebar_left { width:210px; color:#888; margin:0; padding:0; background:#d8d8d8 url(); border-right:1px solid #b7bbbb; overflow:hidden; display:table-cell; vertical-align:top; }
#sidebar_left .content { padding-left:5px; padding-right:5px; }
#sidebar_left .content p { }

#logo { margin:12px auto; position:relative; }
#logo img { width:100%; height:auto; padding:0; margin:0; }

#menu_control { width:0px; margin:0; padding:0; background:#777;  overflow:hidden; z-index:100; display:table-cell; vertical-align:top; }
#menu_swipe_pad { width:40px; height:600px; position:absolute; top:0px; left:20px; z-index:2000; display:none; }

/* STYLES USED FOR THE LEFT SIDE MENU */
#sidebar_menu { font-size:1.1em; margin:0; padding:0; }

#sidebar_menu ul { margin:0px 0px 0px 0px; padding:30px 5px 30px 10px; list-style-type:none; list-style-image:none; }
#sidebar_menu li { font-family:Arial; font-weight:bold; color:#245185; margin:0px 0px 0px 0px; padding:0.4em 0px 0.2em 0px; }
#sidebar_menu li a { font-weight:normal; text-decoration:none; }
#sidebar_menu li a:link { color:#245185; }
#sidebar_menu li a:visited { color:#245185; }
#sidebar_menu li a:hover { color:#f00; }
#sidebar_menu li a:active { color:#c00; }

/* STYLES USED FOR THE LEFT SIDE SUB-MENU */
#sidebar_menu ul ul { margin:0px 0px 0px 0px; padding:2px 5px 8px 15px; list-style-type:none; list-style-image:none; }
#sidebar_menu ul ul li { font-family:Arial; font-size:1em; font-weight:bold; color:#245185; margin:0px 0px 0px 0px; padding:0px 0px 1px 0px; border-top:0px solid #fff; border-bottom:0px solid #fff; }
#sidebar_menu ul ul li a { font-weight:normal; text-decoration:none; }
#sidebar_menu ul ul li a:link { color:#245185; }
#sidebar_menu ul ul li a:visited { color:#245185; }
#sidebar_menu ul ul li a:hover { color:#f00; }
#sidebar_menu ul ul li a:active { color:#c00; }

#accuweather { width:180px; margin:0 auto; }

/* STYLES USED FOR THE RIGHT SIDE ADVERT COLUMN */
#sidebar_right { margin-left:20px; background:#e8e8e8; border-left:1px solid #b7bbbb; display:table-cell; vertical-align:top; }
#sidebar_right .content { padding:1px; }
#sidebar_right .advert_column_heading { font-size:0.95em; font-weight:bold; color:#444; letter-spacing:0.1em; padding:0px; text-align:left; }
#sidebar_right .advert_column_heading { font-size: 11px; font-weight: bold; color: #444; letter-spacing: 0.1em; padding: 0px; text-align: left; }
#sidebar_right .img_advert_pic { width:100%; margin:3px; }

#login_message { width:80%; text-align:center; padding:4px 16px 4px 4px; margin:18px auto; background:#feb; border:1px solid #777; }
#login_message p { margin:8px; background:transparent !important; }

.friends_comments { padding:4px; margin:12px auto; }
.friends_comments h3 { margin:0; }
.friends_comments p { background:transparent !important; }
.friends_comments .comments { padding: 4px; margin:0 0 2px 0; background:#eee; }


/* CONTACT US PAGE */
#contact_alert { color: #d00;  text-align: center; margin: 45px 0 12px 0; }
#contact_alert p { margin: 0 0 18px 0; }
#contact_form { width:90%; margin: 30px auto 60px auto; }
#contact_form .data_row { margin-bottom: 8px; }
#contact_form .data_row p { margin: 0; }
#contact_form .submit_row { text-align: center; margin: 18px 0 36px 0; }

#contact_form .captcha_test { width:170px; margin:0 auto; text-align:center; }
#contact_form .captcha { display:table-cell; }
#contact_form .captcha_plus { display:table-cell; width: 12px; font-size:1.3em; padding: 0 8px; }
#contact_form .captcha_textbox { width:50px; font-size:16px; margin:10px 0 0 8px; padding:0; }

/* DIRECTORY SEARCHBOX */
#sidebar_search { width:180px; margin:8px auto; }
#sidebar_search p { font-size:0.9em; color:#000; margin:0 0 0 2px; }
#sidebar_search input[type="text"] { width:130px; margin:0; font-size:0.9em; }
#sidebar_search input[type="submit"] { width:36px; font-size:0.8em; font-weight:bold;  margin:15px 0 0 2px; padding:0; }

/* 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:0.9em; font-weight:normal; margin:0 0 12px 0; }

/* STYLE USED FOR THE DISPLAY PANEL IN THE CONTENT AREA */
#display_container { max-width: 480px;margin:0 auto; }
#display_container .display_panel { width:216px; height:228px; margin:0; padding-left:14px; padding-top:12px; 
	background-image:url(pics/bg_displaypanel_230x240.gif); float:left  }
#display_container .display_panel h4 { padding:0 5px; }
#display_container .display_panel p { font-size:0.9em; color:#888; padding:0 5px; }
#display_container .description { width:200px; margin:8px 0; }

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

.footer_links_bar { background-color:#bbb; width:100%; }
.footer_links { font-size:85%; font-weight:normal; color:#fff; margin:0px; padding:3px; text-align:center; }
.footer_links ul { margin:0px; padding:0px; }
.footer_links li { display:inline; }

* STYLE USED IN AN INSERTED SLIDESHOW */
/* box-shadow:offset-x, offset-y, shadow blur, shadow spread, color, inset - inset is a optional keyword to create an inner shadow */
#insert_slideshow { width:360px; height:270px; border:1px solid gray; background:url(stylepics/bg_slideshow.gif) center center no-repeat; margin-top:16px; position:relative;
	-moz-box-shadow:2px 0px 15px #444;
    -webkit-box-shadow:2px 0px 15px #444;
	box-shadow:2px 0px 15px #444;
     /* For IE 8 */
	-ms-filter:"progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000')";
    /* For IE 5.5 - 7 */
	filter:progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000');
}

.border_radius { -moz-border-radius:5px; border-radius:5px; }