body, html{
  margin: 0px;
  padding: 0px;
  font-family: verdana, arial, serif;
  font-size: 11px;
}
div, table, td, th, p, span{
  font-family: verdana, arial, serif;
  font-size: 11px;
}

/** layout elements **/

.container{
  padding-top: 15px;
  width: 950px;
}

.heading{
  float: left;
  width: 760px;
  height: 108px;
  margin-left: 1px;
  background-image: url(../images/heading-repeat.jpg);
}

.heading .left{
  float: left;
  background-image: url(../images/heading-left.jpg);
  background-repeat: no-repeat;
  width: 124px;
  height: 108px;
}

.heading .right{
  float: right;
  background-image: url(../images/heading-right.jpg);
  background-repeat: no-repeat;
  width: 244px;
  height: 108px;
  color:#D1EB2A;
  text-align: left;
}
.heading .right .menu_top{
  width: 125px;
  margin-top: 90px;
  margin-left: 77px;
  text-align: left;
}

.topmod{
  float: right;
  width: 180px;
  height: 108px;
  background-image: url(../images/topmod-repeat.jpg);
}

.topmod .left{
  float: left;
  background-image: url(../images/topmod-left.jpg);
  width: 21px;
  height: 108px;
}

.topmod .middle{
  float: left;
  width: 143px;
  text-align: left;
}

.topmod .right{
  float: left;
  background-image: url(../images/topmod-right.jpg);
  width: 16px;
  height: 108px;
}

.menu {
  float: left;
  background-image: url(../images/menu-repeat.jpg);
  margin-left: 1px;
  margin-top: 5px;
  height: 76px;
  width: 948px;
}

.content{
  margin-left: 1px;
  margin-top: 5px;
  float: left;
  text-align: left;
  width: 948px;
  margin-bottom: 5px;
}

.content .top{
  background-image: url(../images/content-top-large.jpg);
  background-repeat: no-repeat;
  height: 19px;
}

.content .middle{
  background-image: url(../images/content-repeat-large.jpg);
  background-repeat: repeat-y;
  padding-left: 5px;
  padding-right: 5px;
}

.content .footer{
  background-image: url(../images/content-footer-large.jpg);
  background-repeat: no-repeat;
  height: 15px;
}

.content_with_right{
  margin-top: 5px;
  float: left;
  text-align: left;
  width: 760px;
  margin-bottom: 5px;
}

.content_with_right .top{
  background-image: url(../images/content-top-middle.jpg);
  background-repeat: no-repeat;
  height: 15px;
}

.content_with_right .middle{
  background-image: url(../images/content-repeat-middle.jpg);
  background-repeat: repeat-y;
  padding-left: 5px;
  padding-right: 5px;
}

.content_with_right .footer{
  background-image: url(../images/content-footer-middle.jpg);
  background-repeat: no-repeat;
  height: 6px;
}

.content_with_mid{
  margin-top: 5px;
  float: left;
  text-align: left;
  width: 570px;
  margin-right: 10px;
  margin-bottom: 5px;
}

.content_with_mid .top{
  background-image: url(../images/content-top-small.jpg);
  background-repeat: no-repeat;
  height: 15px;
}

.content_with_mid .middle{
  background-image: url(../images/content-repeat-small.jpg);
  background-repeat: repeat-y;
  padding-left: 5px;
  padding-right: 5px;
}

.content_with_mid .footer{
  background-image: url(../images/content-footer-small.jpg);
  background-repeat: no-repeat;
  height: 6px;
}

.midmod{
  margin-top: 5px;
  float: left;
  width: 180px;
}

.midmod .top{
  background-image: url(../images/midmod-top.jpg);
  background-repeat: no-repeat;
  height: 13px;
}

.midmod .middle{
  background-image: url(../images/midmod-repeat.jpg);
}

.midmod .footer{
  background-image: url(../images/midmod-footer.jpg);
  background-repeat: no-repeat;
  height: 12px;
}

.rightbar{
  float: right;
  width: 180px;
  margin-top: 5px;
}

.rightmod, .toprightmod{
  margin-bottom: 5px;
}

.toprightmod .middle{
  text-align: left;
}

.rightmod .top{
  background-image: url(../images/rightmod-top.jpg);
  background-repeat: no-repeat;
  height: 13px;
}

.rightmod .middle{
  background-image: url(../images/rightmod-repeat.jpg);
  padding-left: 5px;
  padding-right: 5px;
}

.rightmod .footer{
  background-image: url(../images/rightmod-footer.jpg);
  background-repeat: no-repeat;
  height: 12px;
}

.container .f{
  width: 100%;
  text-align: left;
  float: left;
}


ul#mainlevel{
  margin: 0px;
  padding: 0px;
  position: relative;
}

ul#mainlevel li {
  list-style: none;
  float: left;
  width: 105px;
}

.container .content_with_right .middle table {
  width: 100%;
}

/** link styles **/
a {
  color:#636363;
  text-decoration: none;
  background-image: url(../images/link_footer.gif);
  background-position: bottom left;
  background-repeat: repeat-x;
}

a:hover{
  background-image: none;
}

a.mainlevel{
  display: block;
  z-index: 1;
  width: 100px;
  margin-top: 1px;
  padding-top: 60px;
  padding-bottom: 2px;
  color: white;
  font-family: verdana;
  font-size: 11px;
  text-decoration: none;
  text-transform: uppercase;
  font-weight: bold;
  background-position: -7px 0px;
}
/** menu thingies **/
a.mainlevel {
  background-image: url(../images/menu-button.jpg);
}
a.components {
  background-image: url(../images/menu-button-components.jpg);
}
a.hosting {
  background-image: url(../images/menu-button-hosting.jpg);
}
a.support {
  background-image: url(../images/menu-button-support.jpg);
}
a.other {
  background-image: url(../images/menu-button-other.jpg);
}
a.forum {
  background-image: url(../images/menu-button-forum.jpg);
}
a.plugins {
  background-image: url(../images/menu-button-plugins.jpg);
}
a.modules {
  background-image: url(../images/menu-button-modules.jpg);
}
a.templates {
  background-image: url(../images/menu-button-templates.jpg);
}
a.tutorials {
  background-image: url(../images/menu-button-tutorials.jpg);
}

a.mainlevel:hover {
  background-image: url(../images/menu-button.jpg);
}
a.components:hover {
  background-image: url(../images/menu-button-components.jpg);
}
a.hosting:hover {
  background-image: url(../images/menu-button-hosting.jpg);
}
a.support:hover {
  background-image: url(../images/menu-button-support.jpg);
}
a.other:hover {
  background-image: url(../images/menu-button-other.jpg);
}
a.forum:hover {
  background-image: url(../images/menu-button-forum.jpg);
}
a.plugins:hover {
  background-image: url(../images/menu-button-plugins.jpg);
}
a.modules:hover {
  background-image: url(../images/menu-button-modules.jpg);
}
a.templates:hover {
  background-image: url(../images/menu-button-templates.jpg);
}
a.tutorials:hover {
  background-image: url(../images/menu-button-tutorials.jpg);
}

a.mainlevel-top{
  color:#D1EB2A;
	text-decoration:none;
	background-image: none;
}
a.sublevel-sub, a.sublevel-sub:hover{
  padding-left: 25px;
  background-image: url(../images/arrow.gif);
  background-repeat: no-repeat;
  background-position: 15px 5px;
}
a.sublevel-sub:hover, #active_menu-sub{
  color: black;
}
.container .heading .left a{
  background-image: none;
}
/** headings **/
h1, h2, h3, h4, h5{
  margin: 0px;
  padding: 0px;
}

.componentheading, .contentheading, .rightmod h3{
  color: #3b5f81;
  font-size: 20px;
  text-transform: uppercase;
  height: 25px;
}

.toprightmod h3{
  color: #959595;
  font-size: 18px;
  text-transform: uppercase;
  height: 22px;
}

h1 {
  color: #3b5f81;
  font-size: 20px;
  text-transform: uppercase;
  height: 25px;
}

h2{
  color: #3b5f81;
  font-size: 14px;
  font-weight: bold;
}

/** module **/
.moduletable{
  margin: 0px;
  width: 100%;
}
.moduletable-yanc{
  margin-top: 15px;
}
.moduletable-jcda a{
  background-image: none;
}

/** content **/
.blue {
  color: #3b5f81;
}

ul{
  list-style: none;
  margin: 0px;
  padding: 0px;
}

.content li, .content_with_right li, .content_with_mid li, .contentpaneopen li{
  background-image: url(../images/arrow.gif);
  background-repeat: no-repeat;
  background-position: 0 5px;
  padding-left: 10px;
  margin-left: 20px;
}

.toprightmod .middle .createdate{
  color: #c0c0c0;
  font-size: 10px;
}

.modifydate, .small{
  color: #c0c0c0;
  font-style: italic;
  font-size: 10px;
}

.visibletable{
  width: 100%;
}
.visibletable td{
  border: 1px solid #3b5f81;
  vertical-align: top;
}
.mainlevel-top{
  color:#D1EB2A;
}

/** form elements **/
form{
  padding: 0px;
  margin: 0px;
  width: 100%;
}

input.inputbox {
  width:112px;
	height:19px;
	border-style:solid;
	border-width:1px;
	border-color:#9C9C9C;
	color:#464646;
	font-family:tahoma;
	font-size:11px;
	padding: 2px 0 0 5px;
}
html>body input.inputbox{
  height: 17px;
  padding-left: 5px;
  padding-right: 5px;
  width: 105px;
}
textarea {
	border-style:solid;
	border-width:1px;
	border-color:#9C9C9C;
	color:#464646;
	font-family:tahoma;
	font-size:11px;
	padding: 2px 0 0 5px;
}
html>body textarea{
  padding-left: 5px;
  padding-right: 5px;
}
.searchsubmit{
  display: block;
  background-image: url(../images/go.gif);
  background-repeat: no-repeat;
  width: 23px;
  height: 19px;
  color: white;
  padding-top: 2px;
  padding-left: 1px;
  margin:0 0 0 3px;
}
html>body .searchsubmit{
  height: 17px;
  margin-top: 1px;
}
#mod_search_searchword, #searchsubmit{
  float: left;
}
#mod_search_searchword{
  width: 100px;
}

.searchform{
  margin-top: 50px;
}

/** Yanc module **/
.ySubscribeForm .yrow {
  float: left;
  padding-right: 10px;
}
.ySubscribeForm #ypretext{
  margin-top: 5px;
  margin-bottom: 2px;
  width: 100%;
}