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

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
	font-family: "Myriad Pro", Arial, Helvetica, sans-serif;
}
body {
	line-height: 1;
}
a {font-family:"Myriad Pro", Arial, Helvetica, sans-serif; color:#2A9DCD; text-decoration:none;}
a:hover{ text-decoration:underline;}

ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

.clear{clear:both; line-height:1px; font-size:1px;}

body{ margin:0; padding:0;}

#wrapper{ width:1280px; width:100%;height: auto; margin:0 auto; background:#FFF;}

/*---------------------------------header starts here-------------------------*/

#header{ width:1280px; height:318px; margin:0 auto; background:url(../yss_images/header.jpg) no-repeat; }
.header_top{ width: 657px; height:190px; float:left; margin: 0 auto; padding-left:431px; }
.header_box{ width:279px; height:190px; float:right; background:url(../yss_images/header_tag.gif) no-repeat; text-align:center;}
.header_box p{ font-family: Tahoma, Geneva, sans-serif; font-size:26px; color:#2a9dcd; padding-top:31px; line-height:40px; font-weight:bold;}

#search_box{ width:187px; height:74px; float:left; }

.header_button_box{ width: 1088px; height:62px; float:left; margin: 0 auto; padding-top:16px;  }
.gree_button{ width:192px; height:62px; float:right; margin-left:16px;}
.blue_button{ width:192px; height:62px; float:right;}


/*---------------------------------menu bar starts here-------------------------*/

#menu_bar{ width:1280px;width:100%; height:43px; margin:0 auto; background:url(../yss_images/mnu_bg.jpg) top repeat-x; padding-top:15px;}
.menu{ width:925px; height:34px; margin:0 auto; }
.menu ul{ margin:0; padding:0;}
.menu li{ display:inline;}
.menu li.home a{ font-family: Tahoma, Geneva, sans-serif; font-size:24px; color:#FFF; background: url(../yss_images/dividen.png) right no-repeat; padding-right:18px; text-decoration:none;}
.menu li.home a:hover{ text-decoration:underline;}
.menu li.other a{ font-family:Tahoma, Geneva, sans-serif; font-size:24px; color:#FFF; background: url(../yss_images/dividen.png) right no-repeat; padding-right:18px; padding-left:18px; text-decoration:none;}
.menu li.other a:hover{ text-decoration:underline;}
.menu li.last a{ font-family:Tahoma, Geneva, sans-serif; font-size:24px; color:#FFF; padding-left:15px; text-decoration:none;}
.menu li.last a:hover{ text-decoration:underline;}

/*---------------------------------events page------------*/
#filter{border:1px solid green;background-color:#add721;padding:5px;}
.filterlabel{font-size:80%;color:#888888;padding-top:10px;}
.filteritem{font-size:1.5em;font-weight:bold;}
.filterremovelink{font-size:12px;font-weight:bold;color:#6db721;text-decoration:none;}
.filterremovelink:visited{font-size:12px;font-weight:bold;color:#6db721;text-decoration:none;}
#filter .filterlabel{display:none;}
.ccn{color:#DDDDDD;font-size:.7em;}
.cont_text{margin-left:30px;margin-right:30px;}

#eventmap{width:100%;height:200px;border:1 px solid red;margin-top:20px;}

#eventlist{margin-top:25px;width:700px;padding:10px;text-align:center;float:left;background-color:#f7ffde;border:1px solid #add752;}
#eventlist h1 {font-size:2em;color:#8DB23E;}
.featured_upgrade{padding:5px;background-color:#ffed33;border:2px solid orange;}
.event {width:100%;border-top:1px dashed gray;margin-top:20px;}
.event_featured {width:100%;background:url(/img/site/yss_back.png) no-repeat;border-top:1px dashed gray;margin-top:20px;}
.eventtop {background-color:#006600;padding:.2em;color:#44AA44;font-weight:bold;}
.eventtop a {color:#44AA44;}
.eventtop a:hover {color:#AAFFAA;}
.eventhead {font-size:13px;line-height:15px;background-color:#ceef63;padding:.5em;text-align:left;  float:left;width:180px;overflow:hidden;}
.eventhead_featured {margin-top:15px;font-size:13px;line-height:15px;font-size:0.8em;background-color:#ffed33;padding:.5em;text-align:left;  float:left;width:180px;overflow:hidden;}
.event h2 {font-size: 1.5em;padding:10px;}
.event p {color:#444444;text-align:left;}
.event_featured h2 {font-size: 1.5em;padding:10px;}
.event_featured p {color:#444444;text-align:left;}
.eventbottom {background-color:#DDDDDD;padding:.2em;}
.searchform {background-color:#88FF88;padding:1em;margin-left:auto;margin-right:auto;}
#eventsmore {font-size:1.5em;font-weight:bold; border-top:1px dashed gray;padding:10px;margin-top:20px;}
.eventdesc{float:left;margin-left:30px;width:450px;text-align:left;}
.eventdesc p{margin-top:15px;font-size:0.9em;}

/*--------------- general --------------------*/
.erroritem{font-weight:bold;color:red;}

/*--------------- new event page --------------------*/
#newevent{padding:10px;width:800px;text-align:left;background-color:#f7ffde;border:1px solid #add752;margin-left:auto;margin-right:auto;}
.fft{text-align:right;font-size:0.8em;width:180px;color:#8DB23E;font-weight:bold;}
#newevent h1{color:#8DB23E;font-size:1.5em;}
#newevent p{color:#8DB23E;font-size:1em;margin:1em;}
#item_map{width:400px;height:200px;border:1px solid #add752;}
#success{width:400px;margin:auto;}
#success p{color:#2A9DCD;}
#featured_upgrade{width:400px;padding:5px;background-color:#ffed33;border:1px solid orange;}
#featured_upgrade p{color:black;}

/*---------------------------------center part starts here-------------------------*/

#container{ width:1280px; width:100%;height: auto; margin:0 auto; background:url(../yss_images/container_bg.jpg) top repeat-y;}
#container1{ width: 1018px; margin:auto; height: auto; padding-bottom:44px; }
.container1{ width:264px; height: auto; float:left; padding-top:13px;}
.title{ width:264px; height:56px; background:url(../yss_images/title.png) no-repeat;  }
.title h1{ font-family:"Myriad Pro", Arial, Helvetica, sans-serif; font-size:14px; color:#8fbc4c; padding:20px 0 0 18px; }

.title1{ width:264px; height:53px; background:url(../yss_images/title1.png) no-repeat;  }
.title1 h1{ font-family:"Myriad Pro", Arial, Helvetica, sans-serif; font-size:14px; color:#8fbc4c; padding:20px 0 0 27px; }

.cont{ width:264px; height: auto; background: url(../yss_images/contbg.png) top repeat-y; margin:0 auto; position:relative; padding-bottom:51px;}
.cont ul{ margin:0; padding:0;}
.cont li a{ display:block; list-style:none; color:#2A9DCD; font-size:12px; text-decoration:underline; font-family:"Myriad Pro", Arial, Helvetica, sans-serif; padding-left:90px; line-height:14px; padding-bottom:12px; padding-right:25px; padding-top:10px;}
.cont P{ font-family: "Myriad Pro", Arial, Helvetica, sans-serif; font-size:12px; color:#2A9DCD; padding:7px 25px 0 40px; line-height:15px;}

.cont_footer{ width:264px; height: 32px; background: url(../yss_images/contbg1.png) top no-repeat; margin:0 auto; position:relative; text-align:right;}
.cont_footer h1 a{ font-family: "Myriad Pro", Arial, Helvetica, sans-serif; font-size:14px; color:#2A9DCD; text-decoration:underline; text-align:right; padding-right:40px;}
.cont_footer h1 a:hover{ text-decoration:none;}

.newsicon{ position:absolute; top:-25px; left:0;}

.container2{ width:490px; height: auto ; float:left; padding-top:44px;}
.container2_top{ width:490px; height:58px; margin:0 auto; background:url(../yss_images/top.png) no-repeat; position:relative;}
.star{ position:absolute; top:-16px; left:0;}
.container2_top h1{ font-family:"Myriad Pro", Arial, Helvetica, sans-serif; font-size:36px; color:#8db23e; padding:15px 0 0 70px;}
.container2_cont{ width:490px; height: auto; margin:0 auto; background: url(../yss_images/cont.png) top repeat-y; padding-bottom:46px;}
.container2_cont h1{color: #8DB23E; margin-top:20px; margin-bottom:10px;font-family:"Myriad Pro", Arial, Helvetica, sans-serif; font-size:1em;padding-left:28px;}
.container2_cont .front_event{height:17px;overflow:hidden;margin-bottom:5px;font-family:"Myriad Pro", Arial, Helvetica, sans-serif; font-size:13px; color:#2A9DCD; padding:0 13px 0 28px; line-height:17px;}
.container2_cont p{margin-top:5px;margin-bottom:5px;font-family:"Myriad Pro", Arial, Helvetica, sans-serif; font-size:13px; color:#2A9DCD; padding:0 13px 0 28px; line-height:15px;}
.container2_cont ul{list-style-type:disc;}
.container2_cont ul li{list-style-type:square; margin-bottom:2px;font-family:"Myriad Pro", Arial, Helvetica, sans-serif; font-size:13px; color:#2A9DCD; padding:0 13px 0 28px; line-height:15px;}
.container2_footer{ width:490px; height:30px; margin:0 auto; background: url(../yss_images/footer-cont2.png) no-repeat; text-align:right; padding-top:10px;}
.container2_footer h1 a{ font-family: "Myriad Pro", Arial, Helvetica, sans-serif; font-size:14px; color:#2A9DCD; text-decoration:underline; text-align:right; padding-right:40px;}
.container2_footer h1 a:hover{ text-decoration:none;}

.morelink{text-align:right;margin-right:50px;font-size:13px;}

.container3{ width:264px; height: auto; float:left; padding-top:13px; }
.container3_sub{ width:264px; height: auto; background: url(../yss_images/contbg3.png) top repeat-y;}
.cont_footer1{ width:264px; height: 10px; background: url(../yss_images/contbg2.png) top no-repeat; margin:0 auto; position:relative; text-align:right;}
.box1{ width:132px; height:auto; float:left;}
.box1 ul{ margin:0; padding:0; line-height:14.7px;}
.box1 li a{ display:block; list-style:none; font-family:"Myriad Pro", Arial, Helvetica, sans-serif; font-size:10px; color:#2A9DCD; padding:0 0 0 40px; text-decoration:none;}
.box1 li a:hover{ text-decoration:underline;}

.box2{ width:132px; height:auto; float:right;}
.box2 ul{ margin:0; padding:0; line-height:14.7px;}
.box2 li a{ display:block; list-style:none; font-family:"Myriad Pro", Arial, Helvetica, sans-serif; font-size:10px; color:#2A9DCD; padding:0 0 0 20px; text-decoration:none;}
.box2 li a:hover{ text-decoration:underline;}
.front_searchbox div{color:#8db23e;}
/*---------------------------------footer starts here-------------------------*/

#footer{ width:1280px; height:28px; margin:0 auto; background:url(../yss_images/footer_bg.gif) top repeat-x; padding-top:52px;}
.copy{ width:407px; height:16px; float:right; font-family:"Myriad Pro", Tahoma, Geneva, sans-serif; font-size:14px; color:#FFF; text-decoration:underline;}



/*---------------------------------small header starts here-------------------------*/

#header1{ width:1280px; height:173px; margin:0 auto; background:url(../yss_images/header1.png) no-repeat; }
.header_top1{ width: 187px; height:74px; float:left; margin: 0 auto; padding-left:250px; }
#search_box1{ width:187px; height:74px; float:left; }
#inner_container1{ width: 1018px; margin:0 auto; height: auto; padding-bottom:44px; min-height:500px; }