@charset "utf-8";
/* CSS Document */

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th { margin: 0; padding: 0; } 
table { border-collapse: collapse; border-spacing: 0; } 
fieldset,img {  border: 0; } 
address,caption,cite,code,dfn,em,th,var { font-style: normal; font-weight: normal; } 
/* ul { list-style: none; } */ 
caption,th { text-align: left; } 
h1,h2,h3,h4,h5,h6 { font-size:100%; font-weight: normal; } 
q:before,q:after { content:''; } 
abbr,acronym { border: 0; } 

textarea, input, select { font-family:Arial, Helvetica, sans-serif; color: #565656;}
body { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; background: url(bg_green.jpg) repeat-x top; color: #565656; }
a { text-decoration: none; color: #565656; }
a.hoverline:hover { text-decoration: underline; }
a.uline { text-decoration: underline;}
a.uline:hover { text-decoration: none; }
.tools  select { font-size:11px; color:#565656; font-family:Arial, Helvetica, sans-serif; width: 210px; margin-bottom: 8px;}
.tools {margin-top:20px;}

/* New */
.after_login a { font-weight:bold; text-decoration:underline;}
.after_login a:hover { color:#388736; font-weight:bold; text-decoration:underline;}

#menu-bg { background: url(title_bg.gif) repeat-x top; height:30px;}
#content-wrapper  { width: 675px; float: left; margin: 0 25px 30px 0; }
	.breadcum { width:650px; padding: 0 10px 10px 10px; color: #999999; font-size: 11px; text-align:right; }
	.breadcum a { color:#999999; font-size:11px; text-decoration:none; }
	.breadcum a:hover { color:#565656; font-size:11px; text-decoration:none; }
	.breadcum em { color:#565656; font-size:11px; text-decoration:none; }
	.breadcum a.home { color:#388736; font-size:11px; text-decoration:none; }
	.breadcum a.home:hover { color:#388736; font-size:11px; text-decoration:underline; }
	
	#content-start { line-height:16px; margin-top:20px; }
		#content-start h1 {font-size:16px; color:#388736; font-weight: bold; margin: 0 0 20px 0;}
		#content-start p { margin: 20px 0;}
		#content-start a {color: #388736; text-decoration: underline;}
		#content-start a:hover {color: #388736; text-decoration: none;}
		#content-start ul,ol{margin: 0 0 0 23px;}

#section-menu-wrapper { float:left; width: 260px; margin: 0 0 30px 0; }
	.section-menu-title { font-family: Arial, Helvetica, sans-serif; font-size: 16px; color: #4c4c4c; font-weight:bold;}
	.section-menu-title span { font-family: Arial, Helvetica, sans-serif; font-size: 16px; color: #388736; }
	.section-menu-border {border-bottom: 2px solid #4db848;}
	.td-border-bottom {border-bottom: 1px solid #e6e6e6;}
	.section-menu-shade { background: url(spotheader_shadow.gif) left top repeat-x; border-top: 1px solid #e6e6e6;}
		.section-menu-shade img { padding-top: 3px;}
	
	.section-menu a { color:#4c4c4c ; text-decoration:none; font-size:12px; }
	.section-menu a:hover { color:#388736 ; text-decoration:none; font-size:12px; }	
		
	.bullet-padding-6 { padding:6px 0 6px 6px; }
	.subsection-menu a {font-size:11px; text-decoration:none; color:#565656; padding:6px;}
	.subsection-menu a:hover { color:#388736; text-decoration:underline; font-size:11px; }
	.padding-2 {padding: 1px 0 3px 0;}

.login-title{ font-family: Arial, Helvetica, sans-serif; font-size: 18px; color: #4c4c4c; font-weight: bold; }
.table-border { border: 1px solid #dbdbdb; }
.table-bg { background-color:#f8f8f8; }
.table-vertdotline {background:url(vert_dotline.gif) center top repeat-y; }
.input-textfield { color:#999999;}
.table-highlight { border: 1px solid #dcdcdc; background-color:#ffffe0;}
.text-highlight {color:#ed1b23; font-size:16px; }

.link-underline a { text-decoration:underline;}	
.link-underline a:hover { color:#388736; text-decoration:underline;}
.login-notice { font-size:11px; line-height: 16px; }

.copyright { width: 610px; float:left; margin: 0 20px 0 0; }
.copyright a { color:#FFFFFF; text-decoration:underline;}
.footer-logo { float:left; width: 322px; padding: 10px 0 0 0;}
.counter {width: 952px;}
	
/* end */

.float_right { float: right; }
.float_left { float: left; }
.clear { clear: both; }

.bold { font-weight: bold; }
.arial { font-family: Arial, Helvetica, sans-serif; }
.color_818181 { color: #818181; }/* grey */
.color_ffffff { color: #FFFFFF; }/* white */
.color_388736 { color: #388736; }/* green */
.color_ef1a24 { color: #ef1a24; }/* red */
.size_11 { font-size: 11px; }
.size_14 { font-size: 14px; }

.no_margin { margin: 0px; }
.marginright_8 { margin-right: 8px; }
.marginbtm_5 { margin-bottom: 5px; }
.marginbtm_15 { margin-bottom: 15px; }
.paddingtop_4 { padding-top: 4px; }
.padding_5 { padding: 5px; }
.padding_6 { padding: 6px; }
.padding_10 { padding: 10px; }
.padding_13 { padding: 13px; }

.border_dot { background: url(borderbtm.gif) repeat-x center; padding: 5px 0px 5px 0px; }

#header {
min-width: 962px;
max-width: 1280px;
height: 144px;
margin: auto;
/*background-image: url(header_bg.jpg);*/
background-position: center;
}

#header_nav {
width: 942px; height:32px;
margin: auto;
padding: 16px 4px 16px 16px;;
}
#header_nav { position: relative; }
#header_nav, #header_nav a { color: #676767; font-size: 10px; font-family: tahoma; }
#header_nav div { float: right; padding: 0px 4px 0px 4px; }

#logo { position: absolute; left: 10px; top: 0px; }

#searchbar {
width: 962px; height: 40px;
margin: auto;
padding: 0 0 0 0;
}

#searchbar div { float: right; }

#searchbox {
width: 175px;
height: 17px;
padding: 4px 6px 4px 6px;
background-image: url(searchbox_bg.gif);
background-repeat: no-repeat;
}
#searchbox input { border: 0px; color: #000000; }

#disabled { padding: 0; }
#disabled a { margin: 0px 1px 0px 1px; }

#navbar {
width: 942px;
height: 40px;
margin: auto;
padding: 0px 10px 0px 10px;
background: url(navbar_bg.gif) repeat-x;
border-left: 1px solid #459241;
border-right: 1px solid #459241;
}
#navbar div { float: left; }
.navdivide { width: 1px; height: 100%; margin: 0px 10px 0px 10px; background-color: #67b464; }
#navbar a:hover,#navbar li.sfHover { color: #ffffff; background:#a7e9a4;}

#title {
margin-bottom: 12px;
padding: 12px;
color: #565656;
font-size: 14px;
font-family: Arial, Helvetica, sans-serif;
border-bottom: 1px solid #e0ecd8;
border-top: 1px solid #e0ecd8;
background: url(title_bg.gif) repeat-x top;
}

#container { width: 962px; margin: auto; margin-bottom: 20px; }

#column1 { width: 240px; float: left; margin-right: 20px; }
#column2 { width: 470px; float: left; margin: 20px 20px 0 0; }
#column3 { width: 210px; float: left; margin: 20px 0 0 0; }

h2 { font-family: Arial, Helvetica, sans-serif; font-size: 16px; color: #4c4c4c; font-weight: bold; }
h2 span { font-family: Arial, Helvetica, sans-serif; font-size: 16px; color: #388736; }

.spot_headerline {
height: 2px;
background-color: #4db848;
}
.spot_headershade { background: url(spotheader_shadow.gif) left top repeat-x;  }

#login { padding: 5px; background: url(login_bg.gif) repeat-x; }

.login_points {
margin-left: 5px;
padding: 2px 2px 2px 8px;
background: url(bullet_black.gif) no-repeat left;
}

#tabs_small div { float: left; margin-top: 15px; }

#tabs_small .tab_active .tab_left, #tabs_small .tab_active .tab_right, #tabs_small .tab_inactive .tab_left, #tabs_small .tab_inactive .tab_right {
width: 3px;
height: 24px;
background-repeat: no-repeat;
}

#tabs_small .tab_active .tab_mid, #tabs_small .tab_inactive:hover .tab_mid, #tabs_small .tab_inactive .tab_mid {
padding: 6px 8px 6px 8px;
background-image: url(tabactive1_mid.gif);
background-repeat: repeat-x;
font-size: 12px;
color: #388736;
font-family: Arial, Helvetica, sans-serif;
}
#tabs_small .tab_inactive .tab_mid {
background-image: url(tabinactive1_mid.gif);
color: #737373;
}

#tabs_small .tab_active .tab_left, #tabs_small .tab_inactive:hover .tab_left {
background-image: url(tabactive1_left.gif);
}
#tabs_small .tab_active .tab_right, #tabs_small .tab_inactive:hover .tab_right {
background-image: url(tabactive1_right.gif);
margin-right: 6px;
}
#tabs_small .tab_inactive .tab_left {
background-image: url(tabinactive1_left.gif);
}
#tabs_small .tab_inactive .tab_right {
background-image: url(tabinactive1_right.gif);
margin-right: 6px;
}

#calendar {
margin-top: 38px;
padding: 6px;
border: 1px solid #dddddd;
background: url(calendar_bg2.gif) no-repeat top;
}
#calendar_table td { padding: 2px 5px 2px 5px; }
#calendar_table a:hover { text-decoration:underline;}


#player { }
#player_header {
padding-left: 12px;
margin-bottom: 5px;
background: url(bullet_main.gif) no-repeat left;
font-family: Arial, Helvetica, sans-serif; font-size: 16px; color: #4c4c4c; font-weight: bold; 
}
#player_header span { color: #388736; padding-right: 5px; }

.player_pic {
width: 470px;
height: 275px;
float: left;
/*background: url(player_pic.gif) no-repeat;*/
border: 1px solid #dcdcdc;
position: relative;
z-index: -9999; 
}
#player_pictext {
width: 440px;
padding: 15px;
background: url(player_textbox.png);
position: absolute;
bottom: 0px;
color: #e7e7e7;
font-size: 11px;
}
#player_pictext h1 { font-weight: bold; }
#player_pictext a { color: #e7e7e7; font-size: 10px; }

#player_tabs { float: left; }

.player_active, .player_inactive {
width: 189px;
height: 22px;
padding: 20px;
color: #565656;
background-color: #f4f9f2;
border-top: 1px solid #dcdcdc;
border-right: 1px solid #dcdcdc;
overflow: hidden;
}
.player_active { background: url(player_active.gif) no-repeat; color: #FFFFFF; }
#player_scroll {
width: 217px;
height: 11px;
padding: 6px;
border-top: 1px solid #dcdcdc;
border-right: 1px solid #dcdcdc;
border-bottom: 1px solid #dcdcdc;
background-color: #ecf4ea;
font-size: 10px;
}
#player_scroll div {
width: 47px;
height: 15px;
margin-top: -2px;
background: url(player_scroll.gif) no-repeat;
}

.imglink_head {
padding-left: 12px;
background: url(imglink_headbg.gif) no-repeat left;
}
.imglink_head a { background-color: #FFFFFF; font-family: Arial, Helvetica, sans-serif; font-size: 16px; color: #4c4c4c; font-weight: bold; }
.imglink_head a span { color: #388736; padding-right: 5px; }
.imglink_pic {
margin-top: 6px;
padding: 3px;
border: 1px solid #bfccaa;
}

#tabs_big div { float: left; }

#tabs_big .tab_active .tab_left, #tabs_big .tab_active .tab_right, #tabs_big .tab_inactive .tab_left, #tabs_big .tab_inactive .tab_right {
width: 3px;
height: 29px;
background-repeat: no-repeat;
}

#tabs_big .tab_active .tab_mid, #tabs_big .tab_inactive:hover .tab_mid, #tabs_big .tab_inactive .tab_mid {
padding: 7px 8px 7px 8px;
background-image: url(tabactive2_mid.gif);
background-repeat: repeat-x;
font-size: 12px;
color: #FFFFFF;
font-family: Arial, Helvetica, sans-serif;
}
#tabs_big .tab_inactive .tab_mid {
background-image: url(tabinactive2_mid.gif);
color: #737373;
}

#tabs_big .tab_active .tab_left, #tabs_big .tab_inactive:hover .tab_left {
background-image: url(tabactive2_left.gif);
}
#tabs_big .tab_active .tab_right, #tabs_big .tab_inactive:hover .tab_right {
background-image: url(tabactive2_right.gif);
margin-right: 6px;
}
#tabs_big .tab_inactive .tab_left {
background-image: url(tabinactive2_left.gif);
}
#tabs_big .tab_inactive .tab_right {
background-image: url(tabinactive2_right.gif);
margin-right: 6px;
}
#tabs_contentbox {
margin-top: -1px;
padding: 10px 5px 10px 5px;
border-top: 1px solid #dddddd;
border-bottom: 1px solid #dddddd;
background: url(spotheader_shadow.gif) repeat-x top;
}
.tabs_content {
margin-left: 5px;
padding: 4px 2px 4px 8px;
background: url(bullet_black.gif) no-repeat left;
}
.tabs_contentdate {
padding: 5px 2px 5px 8px;
color: #999999;
font-size: 10px;
}
#btn_rss { margin: 0px 0px 0px 12px; float:right;}

/*open accordian*/
.accordion_toggle {
display: block;
height: 22px;
width: 200px;
margin: 0px 0px 0px 0px;
padding: 6px 0px 0px 10px;
cursor: pointer;
background: url(accordiantab_inactive.gif) no-repeat;
}

.accordion_toggle_active {
background-image: url(accordiantab_active.gif);
color: #388736;
}

.accordion_content {
width: 210px;
margin: 0px;
font-size: 11px;
overflow: hidden;
background: url(spotheader_shadow.gif) repeat-x top;
border-bottom: 1px solid #e6e6e6;
}

.accordion_content_height {
padding: 10px 20px 10px 20px;
overflow: hidden;
}

.accordion_content_bullet {
padding: 2px 2px 2px 15px;
background: url(bullet_accord.gif) no-repeat left;
}
/*close accordian*/

#footer_container {
padding-top: 10px;
background-image: #f2f2f2;
border-top: 1px solid #dddddd;
}
#footer_content {
padding: 20px 20px 30px 20px;
background: url(footer_bg.gif) repeat-x bottom #64b751;
border-top: 1px solid #4da138;
}
#footer {
width: 962px;
margin: auto;
padding: 5px;
color: #FFFFFF;
font-size: 10px;
}
#tabbedFeatures {
margin-top: 38px;
padding: 6px;
border: 1px solid #dddddd;
}

.contentdate {
color: #999999;
font-size: 11px;
}
/* Start: Promo Banner Style */
a.promo_menu {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 14px;
	color: #565656;
	text-decoration: none;

}
a.promo_menu:hover {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 14px;
	color: #565656;
	text-decoration: underline;
}
a.promo_menu_active {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 14px;
	color: #ffffff;
	text-decoration: none;
}
a.promo_menu_active:hover {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 14px;
	color: #ffffff;
	text-decoration: underline;
}
/* End: Promo Banner Style */

/* Content and Photo gallery page */
.font_text {text-decoration:none;font-family:Arial, Tahoma, Verdana, Helvetica, sans-serif;font-size:9pt;color:#333333;font-weight:normal}
.font_title {text-decoration:none;font-family:Arial, Tahoma, Verdana, Helvetica, sans-serif;font-size:12pt;color:#388736;font-weight:bold}
.contentTitleFont {background-color:#BBD5F2; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 8.5pt; color: #000000; font-weight:bold}
.contentBgColor {background-color:#E9F5FF; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 8.5pt}
.thumbnailBorder {border:solid 1px #bbd5f2;text-align:center;background-color: white;}
.albumName {font-weight:bold;font-size:13;color:#666666;}

/* User Activation Page */
.profileTable {width: 98%;}
.profileRow {border: 1px solid #eeeeee; background-color:#e7e7e7}
.profileHeader {padding: 5px;font-weight:bold;background-color:#cccccc}
.font_text02 {text-decoration:none;font-family:Tahoma, Verdana, Helvetica, sans-serif;font-size:8pt;color:#666666;font-weight:normal}

/* comment style */
#comment { line-height:16px; margin-top:40px; border-top: 1px dashed #dddddd; }
	#comment h1 {font-size:16px; color:#565656; font-weight: bold; margin: 15px 0 15px 0;}
	.comment-list ul { margin: 0; padding: 0; }
	.comment-list li { border: 1px solid #dddddd; margin:0 0 10px 0; padding:15px; background-color:#f4f4f4; line-height: 20px;list-style: none;  }
		.comment-list li strong { font-size:14px; margin-right: 10px;}
		.comment-list li em { font-size:11px; color:#767676; font-style:italic;}
		.comment-list li p { margin-top: 5px; }


/* Sitemap Style - 30 oct 2010 */
.sitemap a, .sitemap a:visited { color: #388736; text-decoration:underline; font-size:12px }
.sitemap a:hover { color: #565656; text-decoration:underline; }
.tr-border-btm { border-bottom: 1px dashed #dddddd }
span.lvl-1 { font-size:14px; color:#FFFFFF; padding: 6px; background-color:#565656; line-height:26px; }
/* color code for blue link = #083f88, red link = #d1121a */


/*new*/

.msg_list {
margin: 0px;
padding: 0px;
}  
.msg_head {
display: block;
height: 22px;
width: 200px;
margin: 0px 0px 0px 0px;
padding: 6px 0px 0px 10px;
cursor: pointer;
position: relative;
background: url(accordiantab_inactive.gif) no-repeat;
}
.msg_sidemenu {
display: block;
height: 22px;
margin: 0px 0px 0px 0px;
padding: 6px 0px 0px 10px;
cursor: pointer;
position: relative;
background: url(spotheader_shadow.gif) left top repeat-x; border-top: 1px solid #e6e6e6;
}
.msg_sidemenu a:hover {  color: #388736; text-decoration:none; }
.msg_sidemenu a { color: #565656; text-decoration:none; }
.msg_head a:hover {  color: #388736; text-decoration:none; }
.msg_head a { color: #565656; text-decoration:none; }
.msg_body {
padding: 0px 0px 0px 0px;
}
.msg_submenu{
	margin: 2px 30px 2px 30px;
	padding: 2px 2px 2px 15px;
	background: url(bullet_accord.gif) no-repeat left;
}