/* SSBA */

/* ======================================================== GLOBAL ==========================================================*/
html {
overflow-x:hidden;
}
html, body, form, h1, h2, h3, h4, h5, h6, p, pre, blockquote, ul, ol, dl {
	margin:0;
	padding:0;
	border:0;
}

body {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#555555; 
	background:url(../images/bg/body_bg.gif) #f3faff right top repeat-x; 
}

ul, li, button, tr, td, span, input, textarea, select {
	behavior: url(data/IEFixes.htc); /* cannot have (../data/IEFixes.htc) */
}

input:focus, input.focus, textarea:focus, textarea.focus, select:focus, select.focus{
background-color:#FFFFCC;
}
input, textarea, checkbox, select {
vertical-align:middle;
}

.centered, p.centered {
	text-align:center;
}
.txtright{
text-align:right;
}

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


img {
	border:0px;
	vertical-align:middle;
}

.cfix:after {
	content: ".";
	display: block;
	height: 0;
	overflow:hidden;
	clear: both;
	visibility: hidden;
}

.cfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .cfix {height: 1%;}
.cfix {display: block;}
/* End hide from IE-mac */

.box {
margin-bottom:25px;
}
h1 {
font-size:18px;
color:#163d5e;
margin-bottom:15px;
font-weight:bold;
padding:0;
}

h2 {
font-size:14px;
color:#000;
margin-bottom:15px;
font-weight:bold;
padding:0;
}
h3 {
font-size:18px;
color:#000;
font-family:"Times New Roman", Times, serif;
font-weight:bold;
margin-bottom:15px;
}
h4 {
font-size:13px;
color:#000;
font-weight:bold;
padding:0;
}
.smalltxt {
font-size:10px;
color:#8b8b8b;
}
.chinesetxt {
font-size:14px;
font-family:"ËÎÌå";
color:#333333;
}
.font1 {
font-size:13px;
}
.font2 {
font-size:14px;
}
.smallfont {
font-size:11px;
}
.choosetxt {
font-size:12px;
color:#666666;
font-weight:normal;
}
.title_td {
font-size:14px;
font-weight:bold;
color:#000;
}
.view a {
color:#767676;
text-decoration:none;
font-size:12px;
font-weight:normal;
}
.view a:hover {
color:#163d5e;
text-decoration:underline;
}
a.email {
color:#000;
text-decoration:underline;
}
a.email:hover {
color:#555;
text-decoration:none;
}
.leftbt {
float:left;
width:105px;
margin-right:20px;
text-align:right;
font-weight:bold;
}
.pp {
line-height:18px;
}
.border {
border:1px solid #555;
padding:3px;
}
.Name {
font-family:"Times New Roman", Times, serif;
font-style: italic;
font-size:18px;
font-weight:bold;
}
.Presentation {
float:left;
width:400px;
margin-right:20px;
}
.Presentation_1 {
float:right;
width:300px;
margin-left:14px;
}
.normaltxt {
font-size:14px;
color:#000;
font-weight:normal;
}
/*=========================================================== BOX ========================================= */
.box4 {
width:40px;
}
.box5 {
width:50px;
}
.box12 {
width:120px;
}
.box10 {
width:100px;
}
.box14 {
width:140px;
}
.box16 {
width:160px;
}
.box7 {
width:72px;
}
.box9 {
width:90px;
}
.box18 {
width:180px;
}
.box30 {
width:300px;
}
/*======================================= COLOR ============================================*/
.darkgrey {
color:#333333;
}
.midgrey {
color:#666666;
}
.black {
color:#000;
}
.thingrey {
color:#757575;
}
.red {
color:#ff0000;
}
.thinblue_bg {
background:#f3faff;
}
.darkblue {
color:#163d5e;
}
.liver {
color:#a6562b;
}
/*======================================= BUTTON ========================================== */
a.clearbutton {
    background: transparent url(../images/bg/clearbutton_r.gif) no-repeat scroll top right;
    color: #fff;
    display: block;
    float: left;
	font-size:12px;
	font-weight:bold;
    height: 30px;
    margin-right: 6px;
    padding-right: 7px; /* sliding doors padding */
    text-decoration: none;
}

a.clearbutton span {
	color:#000;
    background: transparent url(../images/bg/clearbutton_l.gif) no-repeat;
    display: block;
    line-height: 26px;
    padding: 2px 6px 2px 13px;
	text-decoration: none;
}

a.clearbutton:link, a.clearbutton:visited, a.clearbutton:active{
	text-decoration: none;
}
a.clearbutton:hover {
    background-position: bottom right;
	text-decoration: none;
    outline: none; /* hide dotted outline in Firefox */
}

a.clearbutton:hover span {
	color:#fff;
    background-position: bottom left;
    padding: 2px 6px 2px 13px; /* push text down 1px */
	text-decoration: none;
}
a.submitbutton {
    background: transparent url(../images/bg/Submitbutton_r.gif) no-repeat scroll top right;
    color: #fff;
    display: block;
    float: left;
	font-size:12px;
	font-weight:bold;
    height: 30px;
    margin-right: 6px;
    padding-right: 7px; /* sliding doors padding */
    text-decoration: none;
}

a.submitbutton span {
	color:#000;
    background: transparent url(../images/bg/Submitbutton_l.gif) no-repeat;
    display: block;
    line-height: 26px;
    padding: 2px 6px 2px 13px;
	text-decoration: none;
}

a.submitbutton:link, a.submitbutton:visited, a.submitbutton:active{
	text-decoration: none;
}
a.submitbutton:hover {
    background-position: bottom right;
	text-decoration: none;
    outline: none; /* hide dotted outline in Firefox */
}

a.submitbutton:hover span {
	color:#fff;
    background-position: bottom left;
    padding: 2px 6px 2px 13px; /* push text down 1px */
	text-decoration: none;
}
/* ====================================== INPUT TEXT ====================================== */
.txtbox {
width:342px;
height:auto;
padding:3px;
color:#666;
font-size:12px;
border:1px solid #ececec;
}
.smalltxtbox {
width:115px;
height:auto;
padding:3px;
color:#666;
font-size:12px;
border:1px solid #ececec;
overflow:hidden;
}
.smallertxtbox {
width:90px;
height:auto;
padding:3px;
color:#666;
font-size:12px;
border:1px solid #ececec;
}
.midtxtbox {
width:200px;
height:auto;
padding:3px;
color:#666;
font-size:12px;
border:1px solid #ececec;
}

.textareabox {
width:342px;
height:120px;
padding:3px;
color:#666;
font-size:12px;
border:1px solid #cac8c8;
}
/*======================================= LINK ============================================= */
a {
color:#000;
text-decoration:underline;
}
a:hover {
color:#555;
text-decoration:none;
}
p a.click {
color:#000;
text-decoration:underline;
font-weight:bold;
}
p a.click:hover {
color:#555;
text-decoration:none;
}

/*======================================= WRAPPER ==========================================*/
.Wrapper {
margin:0 auto;
width:932px;
background:#FFFFFF;
}
.Wrapper .top {
width:100%;
height:115px;
margin-top:5px;
text-align:center;
}
.Wrapper .top a {
color:#163d5e;
text-decoration:underline;
float:right;
font-size:10px;
margin-right:3px;
margin-top:3px;
}
.Wrapper .top a:hover {
text-decoration:none;
}
/*======================================== CONTAINER ==========================================*/
.Wrapper .Container {
width:100%;
background:#FFFFFF;
}
.Container .topest {
background:url(../images/bg/top_bg.gif) left top scroll no-repeat;
height:15px;
display:block;
}
.Container .bottomest {
background:url(../images/bg/bottom_bg.gif) left top scroll no-repeat;
height:15px;
display:block;
}
.Container .mid_left{
width:926px;
background:url(../images/bg/mid_bg.gif) repeat-y;
padding:0 3px;
}
.Container .mid_left .Header {
}
/*================================================ HEADER ======================================= */
#nav {
margin:0px 0px 0px 112px;
border-bottom:1px dotted #dddddd;
display:block;
height:auto;

}

#nav li {
margin-top:-13px;
float:left;
display:block;
list-style-type:none;
padding:15px 0px 10px;
font-family:"Lucida Sans Unicode";
position:relative;
z-index:1;
}
#nav li span {
border-right:1px solid #dddddd;
padding:0 15px;
font-weight:500;
}
#nav li.activated {
color:#cc0000;
border-top:3px solid #cc0000;
}
#nav li.noborder span {
border-right:none;
}

.Header .forg {
background:url(../images/bg/forg_bg.gif) no-repeat;
text-align:center;
line-height:37px;
height:37px;
color:#556d82;
}
/*======================================= LOGO ==================================== */
.Logo {
position:absolute;
top:0px;
left:30px;
}

/*============================================= CONTENT ===================================== */
.Container .mid_left .Content {
width:926px;
}
/*============================================= MAINCOL ===================================== */
.Content .Maincol {
float:left;
margin:0 45px 0 30px;
width:580px;
padding-top:30px;
display:inline;
}
.Content .Maincol .leftbox {
width:200px;
text-align:right;
float:left;
margin-right:20px;
}
.Content .Maincol ul.months {
margin:0 auto;
padding:0;
width:280px;
list-style:none;
text-align:center;
border:1px solid #2d6491;
background:#daeaf7;
}
.Maincol ul.months li {
float:left;
display:inline;
padding:10px;
font-size:14px;
list-style-type:none;

}
.Maincol ul.months li a {
color:#163d5e;
text-decoration:none;
}
.Maincol ul.months li.activated {
color:#555;
}
.Maincol ul.months li a:hover {
color:#555;
text-decoration:underline;
}

.Maincol .events {
display:block;
padding:20px 0;
border-bottom:1px solid #dddddd;
}
.Maincol .events ul.have {
padding:0 0 0 20px;
margin-bottom:15px;
list-style:none;
}
.Maincol .events ul.have li {
padding:2px;
display:block;
list-style-type:none;
}
.Maincol .link {
float:right;
margin-top:20px;
}
.Maincol .link a {
color:#235580;
text-decoration:underline;
padding:0 5px;
}
.Maincol .link a:hover {
color:#235580;
text-decoration:none;
padding:0 5px;
}

.Maincol ul.Membership {
padding:0 0 0 20px;
margin:0px 0px;
list-style:none;
}
.Maincol ul.Membership li {
display:block;
margin-bottom:18px;
padding:0px 0 2px 20px;
background:url(../images/icon/menber_icon.gif) left 0px no-repeat;
}
.Maincol ul.Discounts {
padding:0 0 0 20px;
margin:0px 0px;
list-style:none;
}
.Maincol ul.Discounts li {
display:block;
margin-bottom:18px;
padding:0px 0 2px 15px;
background:url(../images/icon/gif-0669.gif) left 0px no-repeat;
}
.Maincol ul.Discounts li a {
color:#000;
text-decoration:underline;
}
.Maincol ul.Discounts li a:hover {
text-decoration:none;
}
.Maincol ol.links {
padding:0 0 0 20px;
margin:0px 0px;
}
.Maincol ol.links li {
	display:block;
	margin-bottom:0px;
	padding:0px 0 0px 0px;
	line-height:18px;
	list-style-position: inside;
	list-style-type: decimal;
	list-style-image: none;
}
.Maincol ol.links li a {
color:#000;
text-decoration:underline;
}
.Maincol ol.links li a:hover {
text-decoration:none;
}
.Maincol ul.sitemap {
padding:0 0 0 15px;
margin:0px 0px;
list-style:none;
}
.Maincol ul.sitemap li {
display:block;
margin-bottom:13px;
padding:0px 0 2px 20px;
background:url(../images/icon/more1.gif) left 2px no-repeat;
color:#163d5e;
font-size:13px;
font-weight:bold;
}

.Maincol ul.sitemap li a {
color:#163d5e;
text-decoration:underline;

}
.Maincol ul.sitemap li a:hover {
text-decoration:none;
}
.Maincol ul.sitemap li ul {
margin-left:2px;
padding:0;
list-style:none;

}
.Maincol ul.sitemap li ul li {
display:block;
padding:0px 0 2px 18px;
margin:0;
background:url(../images/icon/more2.gif) left 4px no-repeat;
list-style-type:none;
font-size:12px;
color:#000;
line-height:18px;
font-weight:bold;
}
.Maincol ul.sitemap li ul li a {
color:#000;
text-decoration:underline;

}
.Maincol ul.sitemap li ul li a:hover {
color:#555;
text-decoration:none;
}
.Maincol ul.sitemap li ul li ul {
margin-left:20px;
padding:0;
list-style:none;
}
.Maincol ul.sitemap li ul li ul li {
display:block;
padding:0;
margin:0;
background:none;
font-size:11px;
color:#000;
line-height:18px;
list-style-type: square;
font-weight:normal;
}
.Maincol ul.sub_list {
padding:0 0 0 20px;
margin:-13px 0px 5px 0!important;
margin:5px 0px;
list-style:none;
}
.Maincol ul.sub_list li {
display:block;
padding:0px 0 0px 20px;
margin-bottom:0;
background:url(../images/icon/more1.gif) left center no-repeat;
color:#666666;
line-height:18px;
font-size:14px;
font-weight:normal;
}
.Maincol ul.photo {
margin:10px 0;
padding:0;
list-style:none;
}
.Maincol ul.photo li {
padding:10px 0;
width:290px;
float:left;
display:inline;
list-style-type:none;
text-align:center;
}
.Maincol ul.photo li .text {
display:block;
margin-top:10px;

}
.Maincol .des {
float:left;
width:200px;
margin-left:20px;
margin-top:5px;
}
.Maincol .leftinfor {
float:left;
width:100px;
text-align:right;
margin-right:10px;
}
.Maincol .logo {
float:right;
margin-top:10px;
}
.Maincol ul.role {
margin-left:25px;
margin-top:0px;
padding:0;
list-style:lower-alpha;
}
.Maincol ul.role li {
padding:5px 0;
list-style-position:inside;
line-height:18px;
}
.Maincol .nature {
float:left;
width:250px;
}
.Maincol ol.DL {
margin-left:25px;
padding:0;
list-style-type: decimal;
}
.Maincol ol.DL li {
padding:5px 0;
list-style-type: decimal;
list-style-position:inside;
line-height:18px;
}
.Maincol .pages {
text-align:right;
padding-right:20px;
padding-bottom:15px;
margin-top:-22px;
}

.Maincol .pages .activated {
border:none;
font-weight:bold;
color:#000;
margin:0px 2px;
padding:1px 2px;
}
.Maincol .pages a:link, .pages a:visited {
border:1px solid #D9D9D9;
width:50px;
color:#163d5e;
display:inline;
margin:0px 1px;
padding:1px 3px;
text-decoration:none;
}
.Maincol .pages a:hover, .pages .active {
background:#E8F3FD none repeat scroll 0%;
border:1px solid #163d5e;
color:#000;
display:inline;
margin:0px 2px;
padding:1px 2px;
}
.Maincol .dottedbox {
border-bottom:1px dotted #dddddd;
margin-bottom:20px;
padding-bottom:20px;
}
.Maincol ul.services {
margin-left:25px;
margin-top:0px;
padding:0;
list-style:none;
}
.Maincol ul.services li {
padding:5px 0;
line-height:18px;
color:#000;
font-weight:bold;
font-size:13px;
}
.Maincol ul.services li ul {
margin:0;
padding:0;
display:block;
list-style-type: disc;
}
.Maincol ul.services li ul li {
padding:5px 0;
line-height:18px;
color:#555;
font-size:12px;
font-weight:normal;
list-style-position:inside;
}
.Maincol.ol.join {
margin:0;
padding:0;
list-style:decimal;
}
.Maincol ol.join li {
padding:5px 0;
font-weight:bold;
list-style-position:inside;
}
.Maincol ol.join li ul li {
display:block;
padding:5px 0;
font-weight:normal;
list-style:disc;
list-style-position:inside;
margin-left:25px;
}
.Maincol table.photoablum td {
padding:10px 0;
text-align:center;
}
.Maincol table.photoablum td img {
margin-bottom:5px;
}
.Maincol .events a.back {
color:#556d8f;
text-decoration:none;
}
.Maincol .events a.back:hover {
color:#556d8f;
text-decoration:underline;
}
.Maincol .Referrals_table td {
padding:5px 0;
text-align:center;
}
/*============================================ SIDECOL ============================================*/
.Content .Sidecol {
background:url(../images/bg/side_bg.gif) left top repeat-y;
padding:0 25px;
width:220px;
float:left;
display:block;
padding-top:30px;
position:relative;
}

.Sidecol .contact {
border-bottom:1px solid #dddddd;
padding-bottom:15px;
margin-bottom:15px;
}
.Sidecol .contact a  {
color:#163d5e;
text-decoration:underline;
}
.Sidecol .contact a:hover{
text-decoration:none;
}
.Sidecol .contact a.calendar  {
color:#555;
text-decoration:underline;
}
.Sidecol .contact a.calendar:hover {
text-decoration:none;
color:#163d5e;
}
.Sidecol .contact input {
margin-bottom:5px;
vertical-align:middle;
}

.Sidecol .img_wz {
text-align:center;
}
.Sidecol .facebook a {
position:absolute;
top:8px;
left:25px;
float:right;
padding-left:23px;
background:url(../images/icon/fb_icon.gif) left center scroll no-repeat;
color:#718a9f;
text-decoration:none;
}
.Sidecol .facebook a:hover {
color:#163d5e;
text-decoration:underline;
}
/*============================================== FOOTER ============================================ */
.mid_left .Footer {
background:url(../images/bg/footer_bg.gif) repeat-x;
padding:15px 25px 0;
width:876px;
height:25px;
margin-top:20px;
clear:both;
}
.Footer ul.menu_tab {
margin-left:12px;
padding:0;
list-style:none;
float:left;
}
.Footer ul.menu_tab li {
padding:0 10px;
border-right:1px solid #dddddd;
float:left;
display:inline;
list-style-type:none;
font-size:11px;
}
.Footer ul.menu_tab li.noborder {
border-right:none;
}

.Footer ul.menu_tab li a {
color:#718a9f;
text-decoration:none;
}
.Footer ul.menu_tab li a:hover {
color:#163d5e;
text-decoration:none;
}


#nav {
margin:0px 0px 0px 112px;
border-bottom:1px dotted #dddddd;
display:block;
height:auto;

}

#nav li {
margin-top:-13px;
float:left;
display:inline;
list-style-type:none;
padding:15px 0px 10px;
font-family:"Lucida Sans Unicode";
position:relative;
z-index:1;
}
#nav li span {
border-right:1px solid #dddddd;
padding:0 3px;
font-weight:500;
float:left;
display:inline;
}
#nav li.activated {
color:#cc0000;
border-top:3px solid #cc0000;
}
#nav li.noborder span {
border-right:none;
}
	
#nav a { 
display: block;	
padding: 0px 14px;
} 	
#nav li { 
float: left; 
display: block;
position: relative;
}	
#nav li ul { 
position: absolute;  
top: 40px;
left: -999em; 
background-color:#fff;
font-size:12px;
width:150px;
padding:10px;
border:1px solid #000;

} 
	
#nav li ul li { 
width: 18em;
display:block;
clear:both;
} 
#nav li ul ul {
font-size:11px;
position:absolute;
left:150px;
background-color:#fff;
width:150px;
padding:10px;
border:1px solid #000;
}
#nav li:hover ul, #nav li.hover ul { 
left: -30px; 
display: block;
}	

#nav li:hover ul, #nav li.sfhover ul { 
left: auto; 
display: block;
}
#nav li ul ul { margin: -2em 0 0 8.8em; }	
#nav li:hover ul ul, #nav li.sfhover ul ul { left: -999em; } 
#nav li:hover ul, #nav li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul { left: auto;}
#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul { left: -999em;} #nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul { left:0; }
#nav li a {
color:#4f6c85;
text-decoration:none;
}
#nav li a:hover {
color:#163d5e;
text-decoration:none;
}
#nav li ul li a{
color:#4f6c85;
text-decoration:none;
}
#nav li ul li a:hover{
color:#163d5e;
text-decoration:none;
}
input.disabled {
	border: 1px solid #F2F2F2;
	background-color: #F2F2F2;
}

input.required, textarea.required {
	border: 1px solid #00A8E6;
}
input.validation-failed, textarea.validation-failed {
	border: 1px solid #FF3300;
	color : #FF3300;
}
input.validation-passed, textarea.validation-passed {
	border: 1px solid #00CC00;
	color : #000;
}

.validation-advice {
	margin: 5px 0;
	padding: 5px;
	background-color: #FF3300;
	color : #FFF;
	font-weight: bold;
}

.custom-advice {
	margin: 5px 0;
	padding: 5px;
	background-color: #C8AA00;
	color : #FFF;
	font-weight: bold;
}
fieldset {
	padding: 1em;
	margin-bottom: 0.5em;
}

label {
	font-weight: bold;
}
.form-row {
	clear: both;
	padding: 0.5em;
}

.field-label {

}

.field-widget {

}