body {
	font: 13px/1.5 "Lucida Grande", Lucida, Verdana, sans-serif;
	padding: 0;
	cursor: default;
	margin: 20px 0;
}

#container  {
    font-size: 100%;
    border-collapse: collapse;
	width: 730px;
    margin-left: auto;
    margin-right: auto;
}

#png {
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(sProperties);
}

@media only screen and (max-device-width: 480px) {
  .navigation {
    display: none;
  }
  
  #container  {
    font-size: 100%;
    border-collapse: collapse;
	width: 320px;
    margin-left: auto;
    margin-right: auto;
  }
}

/* @group Headers */

#header {
	font: normal 28px "Helvetica", Helvetica, Geneva, sans-serif;
	color: #fffeff;
	list-style-image: none;
	text-shadow: #55b4ff 0 0 5px;
	height: 93px;
	padding: 0;
	margin: 0;
	text-decoration: none;
	width: inherit;
}

#header #h0 {
	background: url(resources/header_left.png) no-repeat left top;
	height: 93px;
	padding: 0;
	margin: 0;
}

#header #h1 {
	background: url(resources/header_right.png) no-repeat right top;
	margin: 0;
	padding: 0;
	height: 93px;
}

#header #h2 {
	background: url(resources/header_center.png) repeat-x center top;
	margin: 0 23px 0 259px;
	height: 93px;
}

#header #subtitle {
	position: relative;
	top: 32px;
}

h1 {
	color: #000;
	text-align: left;
	height: auto;
	margin: 0;
	padding: 0;
	font-weight: bold;
	font-size: 20px;
}

/* @end */

/* @group TopMenu */

#topMenu {
	width: 100%;
	height: 38px;
	background-color: #f6f6f6;
	margin: 0;
	padding: 0;
	text-shadow: #f6f6f6 0 0 0;
}

.menu ul {
	list-style-type: none;
	height: inherit;
	float: left;
	padding: 0;
	margin-top: 0;
	margin-bottom: 0;
}

.menu ul li {
	float: left;
	color: #fffeff;
	background-color: #a6a6a6;
	border-style: outset;
	padding: 10px 20px 0;
	height: 26px;
	border-width: 1px;
	text-shadow: #444 1px 1px 2px;
	font-weight: normal;
	font-style: normal;
	/*-webkit-border-radius: 8px;    /* for Safari */
  	/*-moz-border-radius: 8px;       /* for Firefox */
}

.menu ul li.sel {
	background-color: #555;
}

.menu ul li a {
	text-decoration: none;
	color: #fffeff;
}

/* @end */

/* @group Content */

#content {
	text-align: left;
}

#subtext {
	color: #878787;
	font-size: x-small;
	position: static;
}

a {
	color: blue;
}

.link {
	color: #000;
	text-decoration: none;
}

.link a:hover {
	text-decoration: underline;
	color: blue;
}

a img {
	border-style: none;
}

.paraimg {
	padding: 10px;
	margin: 0;
	float: left;
}

#paratext {
	padding-left: 10px;
}

.nopadding {
	margin: 0;
	padding: 0;
}

/* @group Boxes */

.box {
	padding: 0;
	margin-top: 10px;
}

.box .h {
	height: 38px;
	color: #fffeff;
	text-shadow: #5a5a5a 1px 1px 2px;
	width: inherit;
	position: relative;
	top: 5px;
	margin: 0;
	padding: 0;
}

.box .h #h1 {
	background: url(resources/boxheader_right.png) no-repeat right top;
	width: inherit;
	height: 38px;
	margin: 0;
	padding: 0;
}

.box .h #h1 #h2 {
	background: url(resources/boxheader_left.png) no-repeat left top;
	width: inherit;
	height: 38px;
	margin: 0;
	padding: 0;
}

.box .h #h1 #h2 #h3 {
	background: url(resources/boxheader_center.png) repeat-x center top;
	width: inherit;
	height: 38px;
	margin: 0 14px;
	padding: 0;
}

.box .h #h2 #h3 #title {
	width: inherit;
	height: inherit;
	top: 25%;
	position: relative;
}

.box .content {
	background-color: #fbfbfb;
	padding: 10px 15px 5px;
	border-bottom: 1px solid #868686;
	border-top: 1px solid #e4e4e4;
	border-left: 1px solid #e4e4e4;
	border-right: 1px solid #e4e4e4;
	height: auto;
	z-index: -1;
	margin-right: 5px;
	margin-left: 5px;
}

.box .content img {
	margin: 0;
	padding: 5px;
}

#twitterbox {
	padding: 0;
	margin-top: 20px;
	margin-right: 4px;
	margin-left: 4px;
}

/* @end */

/* @group App Lists */

.applist {
	margin: 0;
	padding: 0;
}

.applist tr td a {
	padding: 0;
	text-align: center;
	text-shadow: #8e8e8e 1px 1px 2px;
	color: #000;
	text-decoration: none;
	margin: 0;
}

.applist tr td a img {
	padding: 0;
	border-style: none;
	margin: 0;
}

/* @end */

/* @end */