*
{
                margin: 0;
                padding: 0;
                border: 0;
                outline: 0;
                font-weight: inherit;
                font-style: inherit;
                font-size: 100%;
                font-family: inherit;
                vertical-align: baseline;
                -moz-box-sizing: content-box; /* Mozilla */ 
                box-sizing: content-box; /* Opera7 */ 
}

:focus
{
                outline: 0;
}

ol, ul, li
{
                list-style: none;
}

table
{
                border-collapse: collapse;
                border-spacing: 0px;
                border: 0px;
}

caption, th, td
{
                text-align: left;
                vertical-align: top;
                font-weight: normal;
}

blockquote:before, blockquote:after, q:before, q:after 
{
                content: "";
}

blockquote, q 
{
                quotes: "" "";
}
body {font-family: Tahoma; font-size: 11px; color: #333; font-weight: normal; background: #fff url(../images/bg-image-bg.jpg) repeat-x left top; margin: 0px auto; text-align: center; line-height: 1; overflow: hidden;}
html {overflow-y: scroll;}
.clear {clear:both;}
#pagebg {background: url(../images/bg-image.jpg) no-repeat top center; margin: 0px auto; padding: 0; text-align: center; min-height: 1200px;}
.home {font-family: Tahoma; font-size: 11px; font-weight: normal; color: #333333; margin: 0px auto; padding: 0; width: 970px; text-align: center;}

.page {font-family: Tahoma; font-size: 11px; font-weight: normal; color: #333333; background: #F7F9ED url(../images/bg_page.jpg) repeat-x left top; margin: 0px auto; padding: 0; width: 970px; text-align: center;}

.registerpage {font-family: Tahoma; font-size: 11px; font-weight: normal; color: #333333; background: #F7F9ED url(../images/bg_registerpage.jpg) repeat-x left top; margin: 0px auto; padding: 0; width: 970px; text-align: center;}
.headerbox { float: left; margin: 0px auto; padding: 0px 0px 0px 0px; width: 970px; height: 194px; vertical-align: top;}
.logobox { float: left; width: 220px; height: 134px; }
.topbox { float: right; padding: 70px 0px 0px 100px; height: 60px; }
.feedback { float: right; width: 110px; height: 50px; margin-top:15px; }

.registerbox { float: left;  width: 240px; font-family: Arial; padding: 0px 5px 0px 0px;}
.registerbox h1 { font-size: 13px; color: #000; font-weight: normal;  padding: 7px 7px 2px 5px; text-align: right; vertical-align: top;}
.registerbox a { color: #000; font-weight: bold; font-style: normal; text-decoration: none; padding: 0px 4px 0px 4px; }
.registerbox a:visited { color: #000; font-weight: bold; text-decoration: none; }
.registerbox a:hover { color: #fff; font-weight: bold; text-decoration: underline; }

.langBox { float: left;  padding: 9px 0px; width: 48px; position:relative;}
.langCurrent {float: left; padding: 0px 0px 0px 4px; position:relative;}
.langArrow {float: left; margin: 0px 0px 0px 4px; position:relative;}
.langList { position:absolute; top: 23px; left: -1px; display: none;  width: 47px; background: #fff; border: #e2e2e2; border-style: solid; border-width: 0px 1px 1px 1px; text-align: left;}
.langSelection {padding: 1px 0px 1px 4px;}
.langBox img {display: block; }

.searchbox { float: left; width: 326px; height:36px; margin:0px 30px 0px 0px; background: url(../images/search-bg.png) no-repeat left top;}
.searchbox input {float:left; font-family: Arial, Helvetica, sans-serif; font-size:12px; color:#52565F; border:0; width:250px; float:left; margin:3px 0px 0 5px;
}
.searchbox input[type="text"] {font-size: 13px; color: #333; text-align: Left; background: #fff; width: 236px;  padding: 6px 2px 4px 2px; border: #e0e0e0; border-style: solid; border-width: 0px; }
.searchbox input[type="image"]  {width:74px; margin:0 5px 0 0;}
.searchbox td {  }

#menubox { float: left; margin: 0px 0px; padding: 0px; WIDTH: 970px; text-align: center; vertical-align: bottom;}
#menubox li { margin: 0; padding: 0; list-style-type: none; position: relative; text-align: center; cursor: pointer; float: left; width: 102px; height: 30px;}
#menubox ul { margin: 0px auto; padding: 0; list-style-type: none; z-index: 1020; cursor: default; width: 308px; text-align: center;}
#menubox a { font-size: 12px; color: #315A71; font-weight: bold; text-decoration: none;	padding: 8px 0px 8px; background: url(../images/bg_menu.gif) no-repeat left top; display: block; width: 100%; }
#menubox a:visited { font-size: 12px; color: #315A71; font-weight: bold; text-decoration: none;	padding: 8px 0px 8px; background: url(../images/bg_menu.gif) no-repeat left top; display: block; width: 100%; }
#menubox a:hover { font-size: 12px; color: #fff; font-weight: bold; text-decoration: none; padding: 8px 0px 8px; background-position: 0px -30px; display: block; width: 100%; }
#menubox a#active { font-size: 12px; color: #fff; font-weight: bold; text-decoration: none; padding: 8px 0px 8px; background-position: 0px -30px; display: block; width: 100%; }

#submenubox { float: left; width: 970px; text-align: center; background: url(../images/submenu-bg.gif) no-repeat left top; font-weight: normal; font-size: 11px; }
#submenubox ul { list-style-type: none; z-index: 1020; height: 60px; padding-left:0px; }
#submenubox li { text-align: center; float:left; background: url(../images/submenu-item.gif) no-repeat left top;}
#submenubox li#home a {padding: 10px 20px 14px 20px; background: url(../images/submenu-item-home.gif) no-repeat left top;}
#submenubox li#home a:hover { background-position: 0px -60px;}
#submenubox li.active a, #submenubox li#home.active a { text-align: center; color: #fff; float:left; background-position: 0px -60px;}
#submenubox li a:hover { background-position: 0px -60px;}
#submenubox img { padding: 3px 0px 3px 0px; }
#submenubox a { color: #CDD6DB;  padding: 10px 22px 14px 22px; text-decoration: none; display: block; background: url(../images/submenu-item.gif) no-repeat left top;}
#submenubox a:visited { text-decoration: none; }
#submenubox a:hover { color: #fff; text-decoration: none; background-position: 0px -60px; }

.udermenubox { float: left; width: 970px; height: 30px; text-align: left; }
.udermenubox ul {  list-style-type: none; z-index: 1020; width: 970px; }
.udermenubox li {  display: inline; height: 30px; padding: 0px 3px 0px 0px;}
.udermenubox a { font-size: 11px; color: #315a7f; font-weight: normal; text-decoration: none; height: 30px; line-height: 30px;}
.udermenubox a:visited { color: #315a7f; font-weight: normal; text-decoration: none; }
.udermenubox a:hover { color: #718C81; font-weight: normal; text-decoration: none; }
.udermenubox a.active { color: #718C81; font-weight: normal; text-decoration: none; }
.udermenubox img {vertical-align: middle; padding: 2px 6px 5px 0px;}
.udermenubox span { width: 30px; display:inline-block; padding: 2px 1px 2px 1px;}
.udermenubox span.number { background: url(../images/bg_number.gif) no-repeat center center; color: #fff; text-align: center; }

.eventcontainerbox { float: left; margin: 10px 0px 0px;  width: 970px; }
.eventlistbox { float: left; margin: 0px auto; width: 120px; height: 280px; background: url(../images/bg_eventlistbox.gif) no-repeat left top; text-align: center;}
.eventlistbox h1 { margin: 0; padding: 2px 0px 2px 0px; }
.eventbox { float: left; padding: 10px 20px 0px 10px; width: 620px; background: url(../images/bg_eventbox.gif) no-repeat left top; text-align: center;}
.eventcontentbox { width: 620px; height: 260px; background: url(../images/event1.jpg) no-repeat center top; text-align: left;}
.eventtitle {font-size: 24px; color: #fff; font-weight: normal;  padding: 5px 10px 4px 10px; text-align: left; background-color: black; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50);}

.eventcontent {font-size: 12px; color: #000; font-weight: normal; width: 185px; height: 65px; background: url(../images/bg_eventitem.png) no-repeat left top; text-align: left; overflow: hidden; }
.eventcontent:hover {font-size: 12px; color: #000; font-weight: normal; width: 185px; height: 65px; background: url(../images/bg_eventitem_over.png) no-repeat left top; text-align: left; overflow: hidden; }
.eventcontent h1 { font-size: 11px; text-transform: uppercase; line-height: 1.2em; color: #718c81; font-weight: bold; padding: 10px 40px 2px 10px; }
.eventcontent p { font-size: 10px; color: #333; font-weight: normal; padding: 0px 40px 2px 10px; line-height: 1.2em; }
.eventcontent a { text-decoration: none;}

.eventcontentselect {font-size: 12px; color: #000; font-weight: normal; width: 185px; height: 65px; background: url(../images/bg_eventitem_select.png) no-repeat left top; text-align: left; overflow: hidden; }
.eventcontentselect:hover {font-size: 12px; color: #000; font-weight: normal; width: 185px; height: 65px; background: url(../images/bg_eventitem_select.png) no-repeat left top; text-align: left; overflow: hidden; }
.eventcontentselect h1 { font-size: 11px; color: #315A71; font-weight: bold; padding: 10px 40px 2px 10px; }

.videobox { float: left;  width: 300px; padding: 10px 10px 20px 10px; text-align: center; background: url(../images/bg_videobox.gif) no-repeat left top;}

.titlebox970 { float: left; margin: 0px auto;  width: 970px; height: 51px; background: url(../images/bg_title970.gif) no-repeat left bottom; vertical-align: top; text-align: center;}
.titlebox970 h1 { font-size: 11px; color: #718C81; font-weight: bold; text-transform: uppercase;  padding: 25px 0px 5px 20px; text-align: left; vertical-align: top; line-height: 1.2 em; }
.titlebox970 a { color: #21759b; font-style: normal; text-decoration: none; line-height: 1.2em;}
.titlebox970 a:visited { color: #21759b; text-decoration: none; }
.titlebox970 a:hover { color: #4089b3; text-decoration: underline; }


.morebox {float: right; padding: 25px 15px 0px 0px; width: 100px; text-align: right; }
.morebox img {vertical-align: middle; }
.morebox a { color: #21759b; font-style: normal; text-decoration: none; line-height: 1.2em;}
.morebox a:visited { color: #21759b; text-decoration: underline; }
.morebox a:hover { color: #4089b3; text-decoration: underline; }

.contentbox970 { float: left; margin: 0px auto; padding: 10px 0px 10px 0px; width: 970px; background: url(../images/bg_content970.gif) repeat-y center top; text-align: left; vertical-align: top;}
.contentbox970 p { padding-left: 10px; }
.contentleft {float: left; width:540px;}
.contentright {float:right; width: 400px; padding-left:10px; margin-left:10px;}

.itemlistbox1, .itemlistbox2, .itemlistbox3, .itemlistbox4 { float: left; padding: 10px 0px 15px; text-align: left; vertical-align: top; border: #EBF1EB; border-style: solid; border-width: 0px 1px 0px 0px;}
.itemlistbox1 {width: 320px; height: 140px; overflow: hidden; }
.itemlistbox2 {width: 319px; height: 140px; border: 0px; overflow: hidden;}
.itemlistbox3 {width: 213px; height: 140px; overflow: hidden;}
.itemlistbox4 {width: 212px; height: 140px; border: 0px; overflow: hidden;}
.itemlistbox5 {width: 960px; border: 0px; overflow: hidden;}

.itemlistbox1 h1, .itemlistbox2 h1, .itemlistbox3 h1, .itemlistbox4 h1 { font-size: 14px; color: #315A71; font-weight: bold;  padding: 5px 0px 7px 20px; text-align: left;}
.itemlistbox3 h1, .itemlistbox4 h1 { padding: 5px 0px 4px 25px; background: url(../images/bg_subtitle190.gif) no-repeat center top;}
.itemlistbox1 p, .itemlistbox2 p, .itemlistbox3 p, .itemlistbox4 p { font-size: 12px; color: #333; font-weight: normal;  padding: 3px 15px 3px 30px; text-align: left; line-height: 1.2em; }
.itemlistbox3 p, .itemlistbox4 p { line-height: 1.2em; }
.itemlistbox1 h2, .itemlistbox2 h2, .itemlistbox3 h2, .itemlistbox4 h2, .newsbox h2, .itemlistbox5 h2 { font-size: 11px; color: #333; font-weight: normal;  padding: 5px 15px 5px 30px; text-align: right; line-height: 1.5em; }
.itemlistbox1 h3, .itemlistbox2 h3, .itemlistbox3 h3, .itemlistbox4 h3, .newsbox h3 { font-size: 12px; color: #315A71; font-weight: bold;  padding: 10px 15px 5px 20px; text-align: left; line-height: 1.2em; }
.itemlistbox1 h4, .itemlistbox2 h4, .itemlistbox3 h4, .itemlistbox4 h4 { font-size: 11px; color: #99b2a7; font-weight: normal;  padding: 2px 15px 2px 30px; text-align: left; line-height: 1.2em; }
.itemlistbox1 li, .itemlistbox2 li, .itemlistbox3 li, .itemlistbox4 li, .contenttext li { font-size: 12px; color: #AEC8BD; margin: 0; padding: 5px 0px 5px 0px; text-align: left; border: #EBF1EB; border-style: solid; border-width: 0px 0px 1px 0px;}


.itemlistbox1 ul, .itemlistbox2 ul, .itemlistbox3 ul, .itemlistbox4 ul, .contenttext ul { margin: 0px 0px 0px 0px; padding: 2px 20px 2px 20px; list-style-type: square; }
.itemlistbox1 a, .itemlistbox2 a, .itemlistbox3 a, .itemlistbox4 a, .itemlistbox5 a, .commentbox a, .descriptionbox a, .newsbox a, .contenttext a { color: #21759b; font-style: normal; text-decoration: none; }
.itemlistbox1 a:visited, .itemlistbox2 a:visited, .itemlistbox3 a:visited, .itemlistbox4 a:visited, .itemlistbox5 a:visited, .commentbox a:visited, .descriptionbox a:visited, .newsbox a:visited, .contenttext a:visited { color: #21759b; text-decoration: none; }
.itemlistbox1 a:hover, .itemlistbox2 a:hover, .itemlistbox3 a:hover, .itemlistbox4 a:hover, .commentbox a:hover, .itemlistbox5 a:hover, .descriptionbox a:hover, .newsbox a:hover, .contenttext a:hover { color: #4089b3; text-decoration: underline; }
.itemlistbox1 img, .itemlistbox2 img, .itemlistbox3 img, .itemlistbox4 img, .newsbox img, .itemlistbox5 img {vertical-align: middle; }

#leftmenu { width:300px; padding:0px; margin-bottom:10px;}
#leftmenu ul {
	margin: 0 0 20px 0px;
	min-height: 160px;
	list-style: none;
}
#leftmenu ul li {
	width: 100%;
	border-bottom: 1px dotted #ccc;
}
#leftmenu ul li a, #asides ul li a:visited {
	padding: 8px 0 8px 25px;
	background: url(../images/asides_arrow_off.gif) 5px 50% no-repeat;
	color: #857f74;
	font-weight: bold;
	text-decoration: none;
	display: block;
}
#leftmenu ul li a:hover, #asides ul li.selected a {
	background: url(../images/asides_arrow_on.gif) 5px 50% no-repeat !important;
	color: #2e2a23 !important;
}
#leftmenu .current-cat a:link, #leftmenu .current-cat a:visited {
background: url(../images/asides_arrow_on.gif) 5px 50% no-repeat !important;
	color: #2e2a23 !important;}
/* asides sub-nav */
#leftmenu ul li.selected ul {
	margin: 0 0 0 20px;
	width: auto;
	min-height: 1px !important;
	list-style: none;
	font-size: 100%;
	position: relative;
	bottom: 10px;
}
#leftmenu ul li.selected ul li {
	padding: 3px 0;
	background: none;
}
#leftmenu ul li.selected ul li a, #leftmenu ul li.selected ul li a:visited {
	padding: 0 0 0 45px;
	background: url(../images/asides_sub_arrow_off.gif) 5px 50% no-repeat !important;
	color: #857f74 !important;
	font-weight: bold;
	text-decoration: none;
	display: block;
}
#leftmenu ul li.selected ul li a:hover, #leftmenu ul li.selected ul li.selected a {
	background: url(../images/asides_sub_arrow_on.gif) 5px 50% no-repeat !important;
	color: #2e2a23 !important;
}
#leftmenu ul li a img {
	padding-right: 5px;
	vertical-align: text-bottom;
}


.cornerbot970 { float: left;  width: 970px; height: 10px; background: url(../images/bg_cornerbot970.gif) no-repeat center top; }

.footerbox { float: left; margin: 20px 0px 0px 0px; padding: 0px 0px 20px 0px; width: 970px; text-align: center;}
.footerbox h1 { font-size: 11px; color: #315A71; font-weight: normal;  padding: 5px 0px 5px 0px; text-align: center; }
.footerbox h2 { font-size: 11px; color: #333; font-weight: normal;  padding: 5px 0px 5px 0px; text-align: center; }
.footerbox ul { margin: 0px auto; padding: 0; list-style-type: none; z-index: 1020; display: block; width: 970px; text-align: center; }
.footerbox li { margin: 0; display:inline; padding: 0px 5px 0px 5px;}
.footerbox li.border { margin: 0; display:inline;  }
.footerbox a { color: #21759b; font-style: normal; text-decoration: underline; line-height: 1.2em;}
.footerbox a:visited { color: #21759b; text-decoration: underline; }
.footerbox a:hover { color: #4089b3; text-decoration: underline; }

.pic {border: 4px #A5A5A5 solid; margin: 5px 0px 5px 0px;}

.leftcontainer { float: left; padding: 5px 0px 0px 0px;  width: 320px; text-align: left;}
.leftcontentbox { float: left; position: relative; width: 320px; background: url(../images/bg_content310.gif) repeat-y center top; text-align: center; }
.leftcontentbox h1 { font-size: 20px; font-family: "Trebuchet MS",Helvetica,Jamrul,sans-serif; color: #542e2b; font-weight: normal; padding: 5px 0px 5px 0px; margin: 0px 10px 10px 10px; text-align: left; border-bottom: 1px dotted #d1d1d1;}
.leftcontentbox h2 { font-size: 11px; color: #315A71; font-weight: normal; padding: 2px 15px 2px 40px; text-align: left; line-height: 1.5em; clear: both; }
.leftcontentbox h3 { font-size: 11px; color: #333; font-weight: normal; padding: 10px 10px 5px 30px; text-align: right; line-height: 1.2em; }
.leftcontentbox h4 { font-size: 11px; color: #9c9c9c; font-weight: normal;  padding: 0px 0px 0px 0px; text-align: left; line-height: 1.2em; }
.leftcontentbox p { font-size: 11px; color: #333; font-weight: normal; padding: 8px 10px 5px 12px; line-height: 1.2em; text-align: left;}
.leftcontentbox ul { margin: 8px 0px 10px 12px;  list-style-type: none; z-index: 1020; width: 288px; text-align: left;}
.leftcontentbox li {  list-style-type: none; color: #315A71; position: relative; text-align: left; line-height: 1.2em; float: left; width: 186px; margin-bottom: 6px;}
.leftcontentbox li.category {  list-style-type: none; color: #333; font-weight: bold; position: relative; text-align: left; float: left; width: 100px; margin-bottom: 6px;}
.leftcontentbox li.newscategory { padding: 5px 0px 5px 0px; list-style-type: none; color: #333; text-align: left; float: left; width: 250px; border: #EBF1EB; border-style: solid; border-width: 0px 0px 1px 0px;}
.leftcontentbox a { color: #21759b; font-style: normal; text-decoration: none; }
.leftcontentbox a:visited { color: #21759b; text-decoration: none; }
.leftcontentbox a:hover { color: #4089b3; text-decoration: underline; }
.leftcontentbox a.active { color: #21759b; font-weight: bold; text-decoration: none; }
.leftcontentbox .pic {border: 1px #efefef solid; margin: 10px 10px 5px 10px;}
.leftcontentbox img {vertical-align: middle; text-align: left; }

.changebox { position: absolute; top: 11px; left: 11px; z-index: 110; padding: 6px 5px 4px 5px; background: #315a71; border: #203a49; border-style: solid; border-width: 0px 1px 1px 0px;}
.changebox img {vertical-align: middle; padding-right: 5px; }
.changebox a { color: #cdd6db; text-decoration: none; }
.changebox a:visited { color: #cdd6db; text-decoration: none; }
.changebox a:hover { color: #fff; text-decoration: none; }

.blogposts { float: left; float: left; padding: 0px 0px 10px 0px;  border-bottom: 1px dotted #ddd; width: 300px; margin: 5px 10px 0px 10px;}
.blogposts h2 { font-size: 12px; color: #315A71; font-weight: bold; padding: 2px 0px 2px 0px;  text-align: left; line-height: 1.2em; clear: both; }
.blogposts h4 { font-size: 11px; color: #9c9c9c; font-weight: normal;  padding: 0px 0px 0px 0px; text-align: left; line-height: 1.2em; }
.blogposts p { font-size: 11px; color: #333; font-weight: normal; padding: 8px 0px 0px 0px;  text-align: left; line-height: 1.2em; }
.blogposts_thumbbox { float: left; text-align: center;}
.blogposts_thumbbox img {border: 1px #efefef solid; padding:3px; margin: 5px 10px 0px 0px;}
.blogposts_descriptionbox { float: left;  width: 160px; text-align: left;}


.leftcontainer label { font-size: 12px; color: #333; font-weight: normal; }
.leftcontentbox table {  background: #d7e4d8; }
.leftcontentbox th { font-size: 10px; color: #315a71; text-transform: uppercase; padding: 2px 2px 2px 2px; background: #d7e4d8; text-align: center; height: 21px; }
.leftcontentbox td { padding: 2px 2px 2px 2px; background: #f7f9ed; text-align: center; width: 21px; height: 21px;}
.leftcontentbox input[type="submit"] {width: 130px; height:36px; margin: 0px; background: url(../images/button-submit.png) no-repeat; font-size: 12px; color: #3d3d3d; font-weight: bold; text-align: center; cursor:pointer;}
.leftcontentbox input[type="submit"]:hover { background-position:0 -36px;}
.leftcontentform {padding: 0px 20px 10px 20px; text-align:left;}
.leftcontainer label {width: 240px; display: inline-block; margin: 4px 5px 4px 5px;}
.leftbuttonbox { float: left; padding-left: 10px; }
.rightbuttonbox { float: right; padding-right: 10px; }

.categoriebox { width: 280px; height: 30px; text-align: center; border-bottom: dotted 0px #efefef; margin: 0 15px 0px 15px;}
.categoriebox dl { float: none; text-align: left; width: 250px; padding: 5px 15px 50px 15px; margin: 0px; clear: both;  } 
.categoriebox dt { float: left; color: #315A71; font-weight: bold; width: 20px; height: 15px; padding: 0px; margin: 0px; }
.categoriebox dd { float: center; text-align: center; color: #315A71; width: 250px; height: 15px; padding: 0px; margin: 0px; }
.categoriebox img {vertical-align: middle; padding: 2px 6px 5px 0px;}
.categoriebox span { width: 15px; display:inline-block; padding: 2px 1px 2px 1px;}
.categoriebox a {text-decoration: none;}
.categoriebox a:visited {text-decoration: none; }
.categoriebox a:hover {text-decoration: none; }
.categoriebox a.active {text-decoration: none; }

.leftstarbox { float: left; color: #315A71; padding: 5px 10px 15px 10px; width: 290px; text-align: right; }
.leftstarbox img { float: left; vertical-align: middle; }

.prev_photo { float: left; width: 85px; height: 100px; text-align: left; padding: 5px 0px 0px 10px; line-height: 1.2em; }

.cornertop310 { float: left; width: 320px; height: 10px; background: url(../images/bg_cornertop310.gif) no-repeat center bottom; }
.cornerbot310 { float: left; width: 320px; height: 15px; background: url(../images/bg_cornerbot310.gif) no-repeat center top; }

.titlebox310 { float: left; margin: 0px auto;  width: 320px; height: 41px; background: url(../images/bg_title310.gif) no-repeat left top; vertical-align: top; text-align: center;}
.titlebox310 h1 { font-size: 11px; color: #315A71; font-weight: bold; text-transform: uppercase;  padding: 15px 0px 0px 20px; text-align: left; vertical-align: top;}

.centercontainer { float: left; margin: 10px 0px 0px 10px;  width: 640px; text-align: left;}
.centercontainerleft { float: left; margin: 0px 0px 0px 0px;  width: 640px; text-align: left; clear: both;}
.centercontainer2 { float: left; margin: 10px 0px 0px 0px;  width: 970px; text-align: left;}

.titlebox640 { float: left; margin: 0px auto;  width: 640px; height: 41px; background: url(../images/bg_title640.gif) no-repeat left top; vertical-align: top; text-align: center;}
.titlebox640 h1 { font-size: 11px; color: #315A71; font-weight: bold; text-transform: uppercase;  padding: 15px 0px 0px 20px; text-align: left; }
.titlebox640 a { float: right; display: block; width: 163px; height: 41px; line-height: 41px; color: #4e6673; font-weight: bold; text-decoration: none; background: url(../images/bg_suggest.gif) no-repeat left top;}
.titlebox640 a:visited { color: #4e6673; font-weight: bold; text-decoration: none; }
.titlebox640 a:hover { color: #4b83bb; font-weight: bold; text-decoration: none; }
.titlebox640 img { vertical-align: middle; padding-right: 5px; }
.contentbox640 { float: left;  width: 640px; background: url(../images/bg_content640.gif) repeat-y center top; text-align: left; clear: both;}
.contentbox640 h2 { font-size: 14px; color: #315A71; font-weight: bold; padding: 5px 0px 7px 45px; text-align: left; background: url(../images/bg_subtitle620.gif) no-repeat center center; margin: 0px 0 10px 0; }
.contentbox640 h3 { font-size: 11px; color: #333; font-weight: normal; padding: 10px 10px 5px 30px; text-align: right; line-height: 1.2em; }
.contentbox640 h4 { font-size: 14px; color: #315A71; font-weight: bold;  padding: 10px 0px 10px 15px; text-align: left; clear: both; }
.contentbox640 p { font-size: 11px; color: #333; font-weight: normal; padding: 0px 10px 0px 10px; text-align: left; line-height: 1.2em; }
.contentbox640 hr { float: left; color: #d7e4d8; height: 1px; background: #d7e4d8; border: #d7e4d8; border-style: solid; border-width: 1px 0 0 0;}
.contentbox640 input[type="button"] { padding: 2px 5px 2px 5px; background: url(../images/bg_buttonblue.gif) repeat-x center top; font-size: 14px; color: #fff; font-weight: bold; border: #d7e4d8; border-style: solid; border-width: 1px 1px 1px 1px; text-align: center;}
.contentbox640sp {margin-top:6px;}
.cornertop640 { float: left;  width: 640px; height: 20px; background: url(../images/bg_cornertop640.gif) no-repeat center bottom; }
.cornerbot640 { float: left;  width: 640px; height: 10px; background: url(../images/bg_cornerbot640.gif) no-repeat center top; }

.listempty {padding: 10px 10px 10px 10px;}

.thumbbox { float: left;  text-align: center;}
.thumbbox h1 { font-size: 14px; color: #315A71; font-weight: bold;  padding: 3px 0px 3px 15px; text-align: left; line-height: 1.2em; }
.thumbbox p { font-size: 11px; color: #333; font-weight: normal;  padding: 3px 0px 10px 15px; text-align: left; line-height: 1.2em; }
.thumbbox .pic {border: 5px #efefef solid; margin: 10px 10px 0px 10px;}

.photolistbox { float: left; padding: 10px 10px 0px 10px; width: 620px; text-align: center; }
.photolistbox h1 { font-size: 12px; color: #315A71; font-weight: bold; text-align: left; padding: 5px 0px 5px 25px; background: url(../images/ico_punkt.gif) no-repeat left center; border: #EBF1EB; border-style: solid; border-width: 0px 0px 1px 0px;}
.photolistbox h2 { font-size: 11px; color: #333; font-weight: normal; padding: 10px 15px 5px 30px; text-align: right; line-height: 1.2em; }
.photolistbox a { color: #1e83bb; font-style: normal; text-decoration: none; line-height: 1.2em;}
.photolistbox a:visited { color: #1e83bb; text-decoration: none; }
.photolistbox a:hover { color: #718C81; text-decoration: underline; }
.photolistbox img { vertical-align: middle; }
.placelistbox { float: left; width: 620px; height: 145px; text-align: left; overflow: hidden; position:relative;}

.photolistbox2 { float: left; padding: 10px 10px 0px 10px; width: 620px; height: 180px; text-align: center; }
.photolistbox2 h1 { font-size: 12px; color: #315A71; font-weight: bold; text-align: left; padding: 5px 0px 5px 25px; background: url(../images/ico_punkt.gif) no-repeat left center; border: #EBF1EB; border-style: solid; border-width: 0px 0px 1px 0px;}
.photolistbox2 h2 { font-size: 12px; color: #333; font-weight: normal; padding: 10px 0px 5px 0px; text-align: center; line-height: 1.2em; }
.photolistbox2 h3 { float: left; width: 100%; font-size: 11px; color: #333; font-weight: normal; padding: 0px 0px 5px 0px; text-align: right; line-height: 1.2em; }
.photolistbox2 a { color: #1e83bb; font-style: normal; text-decoration: none; line-height: 1.2em;}
.photolistbox2 a:visited { color: #1e83bb; text-decoration: none; }
.photolistbox2 a:hover { color: #718C81; text-decoration: underline; }
.photolistbox2 img { vertical-align: middle; }

.avatarbox { float: left;  text-align: center; width: 124px; height:140px; }
.avatarbox img {border: 5px #efefef solid; margin: 10px 10px 5px 10px;}
.avatarbox .pic {border: 5px #efefef solid; margin: 10px 10px 5px 10px; width:100px; height:75px;}

.smallphotobox { float: left;  text-align: center; width: 124px; height: 140px; }
.smallphotobox img {border: 5px #efefef solid; margin: 10px 10px 5px 10px;}
.smallphotobox .pic {border: 5px #efefef solid; margin: 10px 10px 5px 10px; width:100px; height:75px;}
.smallphotobox a:hover img {text-decoration: none; }

.friendlistbox { float: left; padding: 10px 0px 0px 20px; width: 930px; text-align: left; }
.frienditembox { float: left; text-align: left; width: 176px; height: 210px; padding-right: 10px; }
.frienditembox  h1 { font-size: 12px; color: #315A71; font-weight: bold;  padding: 10px 0px 15px 0px; }
.frienditembox a { color: #315A71; font-style: normal; text-decoration: underline; }
.frienditembox a:visited { color: #315A71; text-decoration: underline; }
.frienditembox a:hover { color: #718C81; text-decoration: underline; }
.frienditembox img { vertical-align: middle; margin: 3px 3px 3px 0px;}
.friendphotobox { float: left; text-align: left; width: 180px;}
.friendphotobox img {border: 5px #efefef solid; margin: 10px 10px 10px 0px;}

.descriptionbox { float: left;  width: 240px; text-align: left;}
.descriptionbox h1 { font-size: 14px; color: #315A71; font-weight: bold;  padding: 10px 0px 5px 0px; text-align: left; line-height: 1.5em; }
.descriptionbox p { font-size: 11px; color: #333; font-weight: normal;  padding: 3px 0px 10px 0px; text-align: left; line-height: 1.2em; }
.descriptionbox ul {  list-style-type: none; z-index: 1020; width: 240px; }
.descriptionbox li {  list-style-type: none; color: #315A71; position: relative; text-align: left; float: left; width: 160px; height: 15px;}
.descriptionbox li.category {  list-style-type: none; color: #333; font-weight: bold; position: relative; text-align: left; float: left; width: 80px; height: 15px;}

.linksbox { float: left;  padding: 10px 0px; width: 220px; text-align: left;}

.commentbox { float: left; padding: 0px 10px 0px 10px; width: 490px; text-align: left; }
.commentbox h1 { font-size: 12px; color: #315A71; font-weight: bold;  padding: 5px 0px 5px 0px; }
.commentbox p { font-size: 11px; color: #333; font-weight: normal;  padding: 5px 10px 10px 0px; text-align: left; line-height: 1.2em; }

.place_item { float: left; width: 640px; border: #d7e4d8; border-style: solid; border-width: 0px 0px 1px 0px; padding-bottom:5px; margin-bottom:5px;}
.place_thumbbox { float: left;  text-align: center;}
.place_thumbbox .pic {border: 5px #efefef solid; margin: 10px 10px 0px 10px;}
.place_descriptionbox { float: left;  width: 460px; text-align: left;}
.place_descriptionbox h1 { font-size: 14px; color: #315A71; font-weight: bold;  padding: 10px 0px 5px 0px; text-align: left; line-height: 1.5em; }
.place_descriptionbox p { font-size: 11px; color: #333; font-weight: normal;  padding: 3px 0px 10px 0px; text-align: left; line-height: 1.2em; }
.place_descriptionbox a { color: #315A71; font-style: normal; text-decoration: underline; line-height: 1.2em;}
.place_descriptionbox a:visited { color: #315A71; text-decoration: underline; }
.place_descriptionbox a:hover { color: #718C81; text-decoration: underline; }

.place_commentbox { float: left;  width: 550px; text-align: left;}
.place_commentbox h1 { font-size: 14px; color: #315A71; font-weight: bold;  padding: 10px 0px 5px 0px; text-align: left; line-height: 1.5em; }
.place_commentbox p { font-size: 11px; color: #333; font-weight: normal;  padding: 3px 0px 10px 0px; text-align: left; line-height: 1.2em; }
.place_commentbox a { color: #315A71; font-style: normal; text-decoration: underline; line-height: 1.2em;}
.place_commentbox a:visited { color: #315A71; text-decoration: underline; }
.place_commentbox a:hover { color: #718C81; text-decoration: underline; }

.reviewbox {float: right;}
.reviewbox img {vertical-align: middle; padding: 0px 3px 3px 3px;}

.pagingbox {float: center; padding: 10px 0px 10px 0px; width: 640px; border-width: 0;}
.pagingbox ul { margin: 0px auto; padding: 0; list-style-type: none; z-index: 1020; display: block; width: 640px; text-align: center; }
.pagingbox li { color: #718C81;  display: inline; padding: 0px 3px 0px 3px; }
.pagingbox a { color: #315A71; font-style: normal; text-decoration: underline; line-height: 1.2em;}
.showingbox {float: right; padding-right: 10px; width: 400px; }
.showingbox ul { margin: 0px auto; padding: 0; list-style-type: none; z-index: 1020; display: block; width: 400px; text-align: right; }
.showingbox li { color: #718C81;  display: inline; padding: 0px 3px 0px 3px; }
.showingbox a { color: #315A71; font-style: normal; text-decoration: underline; line-height: 1.2em;}
.showingbox a:visited { color: #315A71; text-decoration: underline; }
.showingbox a:hover { color: #718C81; text-decoration: underline; }
.showingbox a.active { color: #718C81; font-weight: bold; text-decoration: none; }

.photobox { float: left;  width: 640px; text-align: center;}
.photobox .pic {border: 5px #efefef solid; margin: 10px 10px 10px 10px;}
.prevbox { float: left;  width: 520px; text-align: center;}
.prevbox .pic {border: 5px #efefef solid; margin: 10px 5px 10px 5px;}
.arrowbox { float: left; margin: 30px 0px;  width: 60px; text-align: center;}

.newsbox { float: left; padding: 0px 10px 0px 10px;  text-align: left; }
.newsbox h1 { font-size: 14px; line-height: 1.4em; color: #315A71; font-weight: bold;  padding: 5px 0px 5px 0px;  border: #EBF1EB; border-style: solid; border-width: 0px 0px 0px 0px;}
.newsbox h4 { font-size: 11px; color: #9c9c9c; font-weight: normal;  padding: 5px 0px 5px 0px; text-align: left; line-height: 1.2em; }
.newsbox p { font-size: 12px; color: #333; font-weight: normal;  padding: 5px 0px 3px 0px; text-align: justify; line-height: 1.3em; }
.newsbox span { color: #568cac; font-weight: bold; }
.newsbox img { float: left; padding-right: 10px;}
.entry {margin-bottom: 15px; padding-bottom: 15px; border: #ccc; border-style: dotted; border-width: 0px 0px 1px 0px; font-size: 12px;}
.blogpost img {float:left; padding-right: 10px; padding-bottom:10px; width: 300px; height:auto; clear:both;}

.contenttext { float: left; padding: 10px 10px 0px 10px; text-align: left; width: 620px; }
.contenttext h1 { font-size: 14px; color: #315A71; font-weight: bold;  padding: 5px 0px 5px 25px; background: url(../images/ico_punkt.gif) no-repeat left center; border: #EBF1EB; border-style: solid; border-width: 0px 0px 1px 0px;}
.contenttext h2 { font-size: 12px; color: #315A71; font-weight: bold;  padding: 5px 0px 5px 10px; }
.contenttext h4 { font-size: 11px; color: #99b2a7; font-weight: normal;  padding: 10px 10px 2px 10px; text-align: left; line-height: 1.2em; }
.contenttext p { font-size: 12px; color: #333; font-weight: normal;  padding: 5px 10px 5px 10px; text-align: left; line-height: 1.2em; }
.contenttext span { color: #568cac; font-weight: bold; }
.contenttext img {margin: 5px 15px 5px 0px; border: #d1d6cf; border-style: solid; border-width: 5px;}

.profilewrap {padding: 0 0 0 20px;}
.profileinfobox { width: 100%; text-align: left; }
.profileinfobox dl { float: left; font-size: 11px; text-align: left; width: 95%; padding: 10px 0px 10px 20px; clear: both; }
.profileinfobox dt { float: left; color: #315A71; font-weight: bold; width: 20%; line-height: 1.2em; }
.profileinfobox dd { float: left; color: #315A71; width: 80%; line-height: 1.2em; }

.profileinfoboxside { width: 100%; text-align: left; }
.profileinfoboxside dl { float: left; font-size: 11px; text-align: left; width: 288px; padding: 10px 0px 10px 10px; clear: both; } 
.profileinfoboxside dt { float: left; color: #315A71; font-weight: bold; width: 100px; line-height: 1.2em; margin-bottom: 6px; }
.profileinfoboxside dd { float: left; color: #315A71; width: 186px; line-height: 1.2em; margin-bottom: 6px; }

.tabbox { float: left; width: 640px; text-align: center; }
.tabbox ul { margin: 0px auto; padding: 0; list-style-type: none; z-index: 1020; width: 640px; height: 30px; text-align: center; background: url(../images/bg_tabul.gif) repeat-x left top;}
.tabbox li {  list-style-type: none; position: relative; text-align: center; float: left; width: 106px; height: 30px;}
.tabbox a { font-size: 12px; color: #666666; font-weight: bold; text-decoration: none;	padding: 9px 0px 9px; background: url(../images/bg_tabmenu.gif) no-repeat left top; display: block; width: 100%; }
.tabbox a:visited { font-size: 12px; color: #666666; font-weight: bold; text-decoration: none;	background: url(../images/bg_tabmenu.gif) no-repeat left top; display: block; width: 100%; }
.tabbox a:hover { font-size: 12px; color: #315A71; font-weight: bold; text-decoration: none; background-position: 0px -30px; display: block; width: 100%; }
.tabbox a.active { font-size: 12px; color: #315A71; font-weight: bold; text-decoration: none; background-position: 0px -30px; display: block; width: 100%; }

.bigtabbox { float: left; width: 970px; text-align: center; padding-top: 10px; }
.bigtabbox ul { margin: 0px auto; padding: 0; list-style-type: none; z-index: 1020; width: 970px; height: 30px; text-align: center; background: url(../images/bg_tabul.gif) repeat-x left top;}
.bigtabbox li {  list-style-type: none; position: relative; text-align: center; float: left; width: 156px; height: 30px;}
.bigtabbox a { font-size: 12px; color: #666666; font-weight: bold; text-decoration: none;padding: 9px 0px 9px; background: url(../images/bg_bigtabmenu.gif) no-repeat left top; display: block; width: 100%; }
.bigtabbox a:visited { font-size: 12px; color: #666666; font-weight: bold; text-decoration: none;	background: url(../images/bg_bigtabmenu.gif) no-repeat left top; display: block; width: 100%; }
.bigtabbox a:hover { font-size: 12px; color: #315A71; font-weight: bold; text-decoration: none; background-position: 0px -30px; display: block; width: 100%; }
.bigtabbox a.active { font-size: 12px; color: #315A71; font-weight: bold; text-decoration: none; background-position: 0px -30px; display: block; width: 100%; }

.formbox { float: left;  width: 800px; text-align: center; }
.formbox .formtext{width: 400px;}
.errorform {background-color: #feecec;}

.formheader { float: left;  padding: 0px 10px 10px 20px; width: 100%;}
.formheader h1 { font-size: 14px; color: #315A71; font-weight: normal; text-align: left; padding: 5px 5px 5px 10px; background: #f0f3de; border: #d2ddd2; border-style: solid; border-width: 1px; }
.formheader h2 { font-size: 14px; color: #333; font-weight: normal; text-align: left; padding: 5px 5px 5px 10px; background: #feecec; border: #cc9999; border-style: solid; border-width: 1px; margin: 5px 0px 5px 0px; text-align: center; }
.formheader p { font-size: 11px; color: #333; font-weight: normal; padding: 3px 5px 3px 20px; text-align: left; line-height: 1.2em; }

.formtext { float: left; padding: 14px 10px 0px 0px; text-align: right; font-size: 11px; font-weight: bold; color:#666; }
.formtext sup { color: #990000; font-weight: normal;}
.formitem { float: left; padding: 1px 1px 1px 1px; text-align: left; margin: 6px 0px 6px 0px; }
.formitem input {width: 230px; border: #a9b0aa; border-style: solid; border-width: 1px 1px 1px 1px; padding:7px 5px 7px 5px;  background: url(../images/form-input-bg.gif) repeat-x left top; background-position:0 0px;}
.formitem input:focus {border: #8e8e8e; border-style: solid; border-width: 1px 1px 1px 1px; background-color: #fefeee; background-position:0 -298px;}
.formitem input[type="file"] {width: 202px; border: #a9b0aa; border-style: solid; border-width: 1px 1px 1px 1px; padding:5px;}
.formitem input[type="checkbox"] { vertical-align: middle; border: none; height: auto; width: auto; clear:both; margin: 5px;}
.formitem input[type="submit"] { width: 238px; height:40px; padding: 0px; border: 0; margin: 0px; background: url(../images/button-submit-long.png) no-repeat; font-size: 13px; color: #3d3d3d; font-weight: bold; text-align: center; cursor:pointer;}
.formitem input[type="submit"]:hover { background-position:0 -40px;}
.formitem textarea {width: 230px; height: 100px; border: #a9b0aa; border-style: solid; border-width: 1px 1px 1px 1px;padding:5px; background: url(../images/form-input-bg.gif) repeat-x left top;}
.formitem textarea:focus {border: #8e8e8e; border-style: solid; border-width: 1px 1px 1px 1px; background-color: #fefeee; background-position:0 -298px;}
.formitem select {width: 230px; border: #a9b0aa; border-style: solid; border-width: 1px 1px 1px 1px;padding:5px;}
.formitem select.day {width: 55px; border: #a9b0aa; border-style: solid; border-width: 1px 1px 1px 1px; padding:5px;}
.formitem select.month {width: 85px; border: #a9b0aa; border-style: solid; border-width: 1px 1px 1px 1px; padding:5px;}
.formitem select.year {width: 60px; border: #a9b0aa; border-style: solid; border-width: 1px 1px 1px 1px; padding:5px;}
.datecontrol input {width: 175px; border: #a9b0aa; border-style: solid; border-width: 1px 1px 1px 1px;padding:5px;}

.error { float: left; margin: 6px 0 10px 50px; padding: 8px 10px 8px 0px; width: 450px; text-align: center; font-size: 12px; color: #000; font-weight: normal; background-color: #feecec; }

.formbox2 { float: left; width: 640px; text-align: center; }
.formbox2 .formtext{width: 240px;}

.formbox3 { float: left; width: 540px; text-align: center;}
.formbox3 .formtext{width: 200px;}

.formbox4 { float: left; width: 350px; text-align: center; padding-left: 20px; }
.formbox4 h1 { font-size: 18px; color: #315A71; font-weight: normal; text-align: left; padding: 15px 0px 5px 0px; }
.formbox4 p { font-size: 12px; color: #000; font-weight: normal; text-align: left; padding: 10px 0px 10px 0px; }

.formfeaturesbox { float: left;  width: 300px; text-align: left;  padding-left: 20px;} 
.formfeaturesbox h1 { font-size: 14px; color: #315A71; font-weight: normal; padding: 5px 5px 5px 5px; border: #ebf1eb; border-style: solid; border-width: 1px 0px 1px 0px;}
.formfeaturesbox p { font-size: 12px; color: #333; font-weight: normal; padding: 5px 5px 5px 5px; text-align: left; line-height: 1.2em; }

.SubmitPanel {  background: url(../images/bg_content310.gif) repeat-y center top; text-align: center;}
.SubmitPanel input[type="button"] { padding: 2px 5px 2px 5px; background: url(../images/bg_buttonblue.gif) repeat-x center top; font-size: 14px; color: #fff; font-weight: bold; border: #d7e4d8; border-style: solid; border-width: 1px 1px 1px 1px; text-align: center;}

.grid { width: 950px; border-collapse: collapse; margin: 10px auto; background: #d1d6cf; text-align: center; }
.grid th { font-size : 12px; color: #2c5978; border: #d1d6cf; border-style: solid; border-width: 1px; background: #f7f9ec; padding: 3px 5px 3px 5px; text-align: left;}
.grid td { font-size : 11px; color: #333; border: #d1d6cf; border-style: solid; border-width: 1px; background: #fff; margin: 0px 0px 0px 0px; padding: 2px 5px 2px 5px; text-align: left;}
.grid a { color: #CC3300; font-weight: normal; text-decoration: none; padding: 2px 0px 2px 0px;}
.grid a:visited { color: #CC3300; font-weight: normal; text-decoration: none; }
.grid a:hover { color: #333; font-weight: normal; text-decoration: underline; }
.grid td img {vertical-align: middle; padding: 3px 0px 3px 0px; }

.searchresultbox { float: left; width: 930px; padding: 10px 20px 10px 20px; text-align: left; }
.searchresultbox h1 { font-size: 14px; color: #315A71; font-weight: bold;  padding: 5px 0px 5px 0px; text-align: left; }
.searchresultbox p { font-size: 11px; font-weight: normal; color: #333; padding: 1px 0px 5px 0px; }
.searchresultbox hr { float: left; clear: both; color: #d7e4d8; height: 1px;  background: #d7e4d8; border: 0px solid;}
.searchresultbox a { color: #315A71; font-weight: normal; font-style: normal; text-decoration: underline; }
.searchresultbox a:visited { color: #315A71; font-weight: normal; text-decoration: underline; }
.searchresultbox a:hover { color: #718C81; font-weight: normal; text-decoration: none; }

div.items {width:20000em; position:absolute;} 
.placelistbox .smallphotobox {width: 123px;}
.photolistbox a{cursor: pointer;}
.photolistbox .nav { font-size: 11px; color: #333; font-weight: normal; padding: 10px 15px 5px 30px; text-align: right; line-height: 1.2em; }

.popup {width:100%;}
.popup .formbox2 {float: none; width: 320px;}
.popup .formbox2 .formtext {width: 200px; text-align: left;}
.popup .formitem input {width: 320px; border: #d7e4d8; border-style: solid; border-width: 1px 1px 1px 1px;}
.popup .formitem textarea {width: 320px; height: 100px; border: #d7e4d8; border-style: solid; border-width: 1px 1px 1px 1px;}

.prevphoto { float: left; width: 25px; text-align: left;}
.pointsbox { float: left; width: 420px; height: 25px; text-align: center; }
.nextphoto { float: right; width: 25px; text-align: right;}


/*********** navigator ***********/
.wp_navigation { height: 20px;}
.wp-pagenavi a, .wp-pagenavi a:link {
	padding: 2px 4px 2px 4px; 
	margin: 2px;
	text-decoration: none;
	border: 1px solid #ccc;
	color: #ccc;
	background-color: #FFFFFF;	
}
.wp-pagenavi a:visited {
	padding: 2px 4px 2px 4px; 
	margin: 2px;
	text-decoration: none;
	border: 1px solid #ccc;
	color: #ccc;
	background-color: #FFFFFF;	
}
.wp-pagenavi a:hover {	
	border: 1px solid #ccc;
	color: #666;
	background-color: #efefef;
}
.wp-pagenavi a:active {
	padding: 2px 4px 2px 4px; 
	margin: 2px;
	text-decoration: none;
	border: 1px solid #0066cc;
	color: #0066cc;
	background-color: #efefef;	
}
.wp-pagenavi span.pages {
	padding: 2px 4px 2px 4px; 
	margin: 2px 2px 2px 2px;
	color: #ccc;
	border: 1px solid #ccc;
	background-color: #FFFFFF;
}
.wp-pagenavi span.current {
	padding: 2px 4px 2px 4px; 
	margin: 2px;
	font-weight: bold;
	border: 1px solid #90a89e;
	color: #315a71;
	background-color: #efefef;
}
.wp-pagenavi span.extend {
	padding: 2px 4px 2px 4px; 
	margin: 2px;	
	border: 1px solid #ccc;
	color: #ccc;
	background-color: #FFFFFF;
}

/* position and dimensions of the navigator */
div.navi {
                height:25px;
								text-align: center;
}

/* items inside navigator */
div.navi a {
                width:12px;
                height:12px;
                margin:3px;
                margin-top: 5px;
                background:url(../images/navigator.gif) 0 0 no-repeat;
                display:inline-block;
                font-size:1px;
}

/* mouseover state */
div.navi a:hover {
                background-position:0 -12px;      
}

/* active state (current page state) */
div.navi a.active {
                background-position:0 -24px;     
}              

.eventcontentbox img { float: right; }


.leftcontentbox .item {float:left; padding: 0px; margin: 0px; display:inline;}
.leftcontentbox .prev_photo { float: left; width: 80px; height: 60px; padding: 5px 5px 10px 10px; }

.fblogin { float: left; width: 300px; text-align: center; padding: 40px 0px 40px 0px;}

/*Homepage Layout */
#homeleft { float: left; margin: 5px 5px 0px 0px; width: 645px; text-align: left; clear: both;  }
.homeColTop { float: left; margin: 0px 5px 0px 0px;  height:10px;  width: 645px; text-align: left; clear: both; background: url(../images/homelefttop.gif) no-repeat center bottom; }
.homeColMid { float: left; margin: 0px 5px 0px 0px;  width: 645px; text-align: left; clear: both; background: url(../images/homeleftmid.gif) repeat-y top left; }
.homeColBot { float: left; margin: 0px 0px 0px 0px; height:15px;  width: 645px; text-align: left; clear: both; background: url(../images/homeleftbot.gif) no-repeat center top; }
.homeFullTop { float: left; margin: 0px 5px 0px 0px;  height:10px;  width: 645px; text-align: left; clear: both; background: url(../images/homefulltop.gif) no-repeat center bottom; }
.homeFullMid { float: left; margin: 0px 5px 0px 0px;  width: 645px; text-align: left; clear: both; background: url(../images/homefullmid.gif) repeat-y top left; }
.homeFullBot { float: left; margin: 0px 0px 0px 0px; height:15px;  width: 645px; text-align: left; clear: both; background: url(../images/homefullbot.gif) no-repeat center top; }

#homeleft h1 { font-size: 20px; font-family: "Trebuchet MS",Helvetica,Jamrul,sans-serif; color: #542e2b; font-weight: normal; padding: 5px 0px 5px 0px; margin: 0px 10px 10px 10px; text-align: left; border-bottom: 1px dotted #d1d1d1; }
#homeleft h2 { font-size: 12px; color: #315A71; font-weight: bold; padding: 5px 0px 7px 0px; background: none; text-align: left; margin: 0px 0 0px 0; }
#homeEvents {float: left; width: 320px; margin: 0px 5px 10px 0px;}
#homeEvents a { color: #21759b; font-style: normal; text-decoration: none; line-height: 1.2em;}
#homeEvents a:visited { color: #21759b; text-decoration: none; }
#homeEvents a:hover { color: #4089b3; text-decoration: underline; }
#homeEvents a.active { color: #21759b; font-weight: bold; text-decoration: none; }
#homeEvents h1 { font-size: 20px; font-family: "Trebuchet MS",Helvetica,Jamrul,sans-serif; color: #542e2b; font-weight: normal; padding: 5px 0px 5px 0px; margin: 0px 10px 10px 10px; text-align: left; border-bottom: 1px dotted #d1d1d1; }
#homeEvents h2 { font-size: 12px; color: #315A71; font-weight: bold; padding: 5px 0px 7px 0px; background: none; text-align: left; margin: 0px 0 0px 0; }
#homeEvents h3 { font-size: 11px; color: #9c9c9c; font-weight: normal; padding: 0px; text-align: left; line-height: 1.2em; }
#homeEvents h4 { font-size: 14px; color: #315A71; font-weight: bold;  padding: 10px 0px 10px 15px; text-align: left; clear: both; }
#homeEvents p { font-size: 11px; color: #9c9c9c; font-weight: normal; padding: 0px 10px 0px 10px; text-align: left; line-height: 1.2em; }
.singleEvents{ float: left; padding: 0px 0px 10px 0px;  border-bottom: 1px dotted #ddd; width: 300px; margin: 5px 10px 0px 10px;}
.singleEvents h2 { font-size: 12px; color: #315A71; font-weight: bold; padding: 2px 0px 2px 0px;  text-align: left; line-height: 1.5em; clear: both; }
.singleEvents p { font-size: 11px; color: #333; font-weight: normal; padding: 8px 0px 5px 0px;  text-align: left; line-height: 1.2em; }
.singleEvents_thumbbox { float: left; text-align: center;}
.singleEvents_thumbbox img {border: 1px #efefef solid; padding:3px; margin: 5px 10px 0px 0px;}
.singleEvents_descriptionbox { float: left;  width: 160px; text-align: left;}

#homeReviews {float: left; width: 320px; margin: 0px 0px 10px 0px; padding-left:0px;}
#homeReviews a { color: #21759b; font-style: normal; text-decoration: none; line-height: 1.2em;}
#homeReviews a:visited { color: #21759b; text-decoration: underline; }
#homeReviews a:hover { color: #4089b3; text-decoration: underline; }
#homeReviews a.active { color: #21759b; font-weight: bold; text-decoration: none; }
#homeReviews h1 { font-size: 20px; font-family: "Trebuchet MS",Helvetica,Jamrul,sans-serif; color: #542e2b; font-weight: normal; padding: 5px 0px 5px 0px; margin: 0px 10px 10px 10px; text-align: left; border-bottom: 1px dotted #d1d1d1; }
#homeReviews h2 { font-size: 12px; color: #9c9c9c; font-weight: normal; padding: 5px 0px 7px 0px; background: none; text-align: left; margin: 0px 0 0px 0; clear: both; }
#homeReviews h3 { font-size: 11px; color: #9c9c9c; font-weight: normal; padding: 0px; text-align: left; line-height: 1.2em; }
#homeReviews h4 { font-size: 10px; color: #315A71; font-weight: normal;  padding: 0px 0px 5px 0px; text-align: left; clear: both; }
#homeReviews p {  font-size: 11px; color: #333; font-weight: normal; padding: 0px 0px 0px 0px;  text-align: left; line-height: 1.2em;}
.singleReview { float: left; padding: 0px 0px 10px 0px;  border-bottom: 1px dotted #ddd; margin: 5px 10px 0px 10px;}
.singleReview_thumbbox { float: left; text-align: center;}
.singleReview_thumbbox img {border: 1px #efefef solid; padding:3px; margin: 5px 10px 0px 0px;}
.singleReview_descriptionbox { float: left;  width: 240px; text-align: left;}
.contentbox310 { float: left; position: relative; width: 320px; background: url(../images/bg_content310.gif) repeat-y center top; text-align: center;}
#lastList { border: 0; padding-bottom: 0px; margin-bottom: 0px;}

.singlePhoto { float: left; padding: 0px 0px 0px 0px;  border-bottom: 0px dotted #ddd; margin: 5px 0px 0px 10px; width:90px;}
.singlePhoto p { font-size: 11px; color: #333; font-weight: normal; padding: 8px 0px 5px 0px;  text-align: left; line-height: 1.2em; }
.singlePhoto_thumbbox { float: left; text-align: center;}
.singlePhoto_thumbbox img {border: 1px #efefef solid; padding:3px; margin: 5px 10px 0px 0px;}
.singlePhoto_descriptionbox { float: left;  width: 160px; text-align: left;}