@charset 'UTF-8';

body {
	margin: 0;
	padding: 0;
	font-family: Helvetica;
	font-size: 14px;
	text-align: left;
	background: #fff;
	-webkit-text-size-adjust: none;
}
p, h1, h2, h3, h4, h5, h6, form {
	margin: 0;
	padding: 0;
}
p {
	line-height: 140%;
}
ul, ol, li, dd, dt, dl {
  margin: 0;
  padding: 0;
  list-style-type: none;
}
hr {
	margin: 0;
	padding: 0;
  border-top: none;
  border-left: none;
  border-right: none;
  border-bottom: #333 1px solid;
}
hr.white {
  border-bottom: #fff 1px solid;
}
a:link {
	color: #039;
	text-decoration: none;
}
a:visited {
	color: #039;
	text-decoration: none;
}
a:hover {
	color: #039;
	text-decoration: none;
}
a:active {
	color: #039;
	text-decoration: none;
}
p.clear {
	clear: both;
}
img {
	border: 0px;
}

h1 {
  font-size: 16px;
  font-weight: bold;
  line-height: 130%;
}
h2 {
  font-size: 14px;
  font-weight: bold;
  line-height: 130%;
}

h3 {
  font-size: 14px;
  font-weight: bold;
  line-height: 130%;
}

h4 {
  font-size: 14px;
  font-weight: bold;
  line-height: 130%;
}

h5 {
  font-size: 12px;
  font-weight: bold;
  line-height: 130%;
}

h6 {
  font-size: 12px;
  font-weight: bold;
  line-height: 130%;
}


div#header {
	padding: 3px 0px 3px 0px;
	text-align: center;
}

div#body #body-pagetitle {
//	background: -webkit-gradient(linear, left top, left bottom, from(#117), to(#012));
	background: -webkit-gradient(linear, left top, left bottom, from(#63c), to(#323));
	text-align: left;
	height: 32px;
	vertical-align: middle;
}
div#body #body-pagetitle h1 {
	margin: 0;
	padding: 7px 5px;
	color: #fff;
	text-shadow: rgba(0, 0, 0, 0.4) 0px -1px 0;
}

div#body .body-list .body-listtitle h2 {
  margin: 0;
	background: -webkit-gradient(linear, left top, left bottom, from(#ccc), to(#aaa));
  padding:1px 5px;
  color: #fff;
  text-shadow: rgba(0, 0, 0, 0.4) 0px -1px 0;
  border-top : #ccc 1px solid;
  border-bottom : #333 1px solid;
}

div#body .body-list .body-listbody {
	border-bottom: 1px solid #333;
	-webkit-tap-highlight-color: #000;
}
div#body .body-list .body-listbody .body-listmargin {
  padding: 10px 5px 10px 5px;
}

div#body .body-list .body-listbody .body-listp {
  height: 40px;
  margin-left: 3px;
  margin-right: 3px;
  float: right;
}

div#body .body-list .body-listbody .body-listhead {
  margin: 0;
  padding: 0px 5px 5px 5px;
  font-size: 12px;
	color: #000;
}
div#body .body-list .body-listbody h3 {
  margin: 0;
  padding: 0;
  padding: 0px 5px 5px 5px;
  font-size: 16px;
}
div#body .body-list .body-listbody .body-listsub {
  margin: 0;
  padding: 0px 5px 0px 5px;
  font-size: 12px;
	color: #000;
}


div#body .body-list .body-article h3 {
  margin: 0;
  padding: 10px 5px 5px 5px;
  font-size: 16px;
}
div#body .body-list .body-article .body-articlesub {
  margin: 0;
  padding: 0px 5px 10px 5px;
  font-size: 12px;
}
div#body .body-list .body-article .body-articlephoto {
  margin: 0px 5px 10px 5px;
  font-size: 12px;
	border: 1px #000000 solid; 
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
}
div#body .body-list .body-article .body-articlephoto .body-articlephoto-photo {
	margin: 5px;
	text-align: center;
}
div#body .body-list .body-article .body-articlephoto .body-articlephoto-caption {
	margin: 5px 5px;
}
div#body .body-list .body-article .body-articlearticle {
  margin: 0;
  padding: 0px 5px 10px 5px;
  font-size: 12px;
}
div#body .body-list .body-article .body-articlestorylink {
	margin: 0px 0px 15px 5px;
}
div#body .body-list .body-article .body-articlestorylink ul {
	margin: 5px 0px;
}
div#body .body-list .body-article .body-articlestorylink li {
  font-size: 12px;
}

div#footer {
  margin: 0;
  padding: 5px 5px 5px 5px;
  background: #eee;
}
div#footer #footer-1 {
	font-size: 8px;
	text-align: left;
	color: #999;
}
div#footer #footer-2 {
	font-size: 8px;
	text-align: left;
	color: #999;
}


//snippets-initializer
.snippet {

}

//picturepallet
.snippet .picturepallet {
	margin: 5px;
}
.snippet .picturepallet ul {
	margin: 0px 2px 2px 2px;
}
.snippet .picturepallet li {
	margin: 1px;
	width: 77px;
	float: left;
}
.snippet .picturepallet .picturepallet-box-pict {
	font-size: 12px;
	text-align: center;
}
.snippet .picturepallet .picturepallet-box-text {
	font-size: 12px;
	text-align: center;
}

//tabs
.snippet .tabs {
	margin: 5px;
}
.snippet .tabs .tabs-box {
	padding 2px;
	background-color: #fff;
	height: 20px;
	vertical-align: middle;
}
.snippet .tabs ul {
	margin: 0px;
	padding: 1px 2px 1px 2px;
}
.snippet .tabs li {
	margin: 1px;
	width: 77px;
	color: #fff;
	background-color: #117;
	float: left;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}
.snippet .tabs li {
	background-color: #fff;
}
.snippet .tabs li .tabs-text {
	text-align: center;
	color: #039;
}
.snippet .tabs li.current {
	background-color: #026;
}
.snippet .tabs li.current .tabs-text {
	color: #fff;
}

//obi
.snippet .obi {
  margin: 0;
}
.snippet .obi h2 {
	background: -webkit-gradient(linear, left top, left bottom, from(#ccc), to(#aaa));
  padding:1px 5px;
  color: #fff;
  text-shadow: rgba(0, 0, 0, 0.4) 0px -1px 0;
  border-top : #ccc 1px solid;
  border-bottom : #333 1px solid;
}

