html, body 	{
	color: #333;
	background-color: #ffffff;
	background-image: url(images/bg.jpg);
	height:100%;
	text-align: center;
	border: 0px;
	margin: 0px;
	padding: 0px;
}

body {
	margin: 0px 15px;
}

#index {
	background: url(images/splash.jpg) top center no-repeat;
	height: 518px;
	margin-top: 30px;
	width: 813px;
}

/* nav */
.t a.nav {
	float:left;
	color: #666;
	font-weight:bold;
	text-decoration: none;
	white-space:nowrap;
}
#Footer a.nav {
	color: #666;
	padding: 3px 3px;
	font-weight:bold;
	text-decoration: none;
	white-space:nowrap;
}
a.nav:hover {
	color: #333;
}
#Footer a.nav:hover {
	color: #333;
}
#quickKeys {
	display:none
}
a#a { display:block;float:right;height:13px;width:9px;background: transparent url(images/toolbar.jpg) no-repeat; border: 0px; margin: 0px; padding: 0px; }
a#a { background-position: 0px 2px } a#a:hover { background-position: 0px -13px; }
html > body a#a { background-position: 0px 0px } html > body a#a:hover { background-position: 0px -15px; }
a#aa { display:block;float:right;height:13px;width:11px;background: transparent url(images/toolbar.jpg) no-repeat; border: 0px; margin: 0px; padding: 0px; }
a#aa { background-position: -9px 2px } a#aa:hover { background-position:  -9px -13px; }
html > body a#aa { background-position: -9px 0px } html > body a#aa:hover { background-position:  -9px -15px; }
a#aaa { display:block;float:right;height:13px;width:13px;background: transparent url(images/toolbar.jpg) no-repeat; border: 0px; margin: 0px; padding: 0px; }
a#aaa { background-position: -20px 2px } a#aaa:hover { background-position: -20px -13px; }
html > body a#aaa { background-position: -20px 0px } html > body a#aaa:hover { background-position: -20px -15px; }
a#menu { display:block;float:right;height:13px;width:13px;background: transparent url(images/toolbar.jpg) no-repeat; border: 0px; margin: 0px; padding: 0px; }
a#menu { background-position: -33px 2px } a#menu:hover { background-position: -33px -13px; }
html > body a#menu { background-position: -33px 0px } html > body a#menu:hover { background-position: -33px -15px; }
div#toolbar { float:right;height:10px;width:46px; padding: 3px 3px;white-space: nowrap; }

/* framework/layout */
#Header { text-align: center; }
#colframe { width:100%; text-align: center; vertical-align: top; }
#MainFrame { width:100%; text-align: center; vertical-align: top; }
#Body { text-align: center; border: 0px; margin: 0px; padding: 0px; background-image: url(images/bg_paper.jpg);}
#CenterColumn { background: transparent url(images/bg_paper.jpg) repeat; width:100%; text-align: center; vertical-align: top; }
#LeftMenu { width: 181px; text-align: left; vertical-align: top; }
#RightMenu { width: 181px; text-align: left; vertical-align: top; }

/* Header */
.htl {height:40px;width:40px; background: transparent url(images/htl.jpg) top left no-repeat;}
.htr {height:40px;width:55px; background: transparent url(images/htr.jpg) top right no-repeat;}
.ht {height:40px; background: transparent url(images/ht.jpg) top left repeat-x;}
.hl {width:40px; background: transparent url(images/l.jpg) top left repeat-y;}
.hr {width:55px; background: transparent url(images/r.jpg) top left repeat-y;}
.hf { background: transparent url(images/bg_paper.jpg) repeat; text-align:left; }

.arm0 { display:block; width:920px; }
.arm1 { display:block; height:40px; width:40px; }
.arm2 { display:block; height:60px; width:55px; }

/* tablestyle */
.leftmenu { width: 181px; display: block; }
.rightmenu { width: 181px; display: block; }
.menu {
background: transparent url(images/bg_m01t.jpg) top left no-repeat;
padding-top: 13px;
text-align: center;
width: 100%;
}
.content { width: 100%; text-align: center;
background: transparent url(images/bg_c01t.jpg) top center no-repeat;
padding-top: 13px;
}

.border {
	border: #938d8d 1px solid;
}

.caption {
background-color: #ffffff;
color: #003333;
font-weight: bold;
padding-left: 5px;
text-align: left;
white-space: nowrap;
}
.mcaption {
color: #003333;
font-weight: bold;
padding-left: 5px;
text-align: center;
white-space: nowrap;
}
.item { text-align:left; padding: 5px;
background: transparent url(images/bg_m01b.jpg) bottom left no-repeat;
padding-bottom: 25px;
}
.citem {
background: transparent url(images/bg_c01b.jpg) bottom center no-repeat;
margin-bottom: 15px;
padding-top: 5px;
padding-right: 5px;
padding-bottom: 0px;
padding-left: 5px;
text-align: left;
}

.tl {height:28px;width:40px; background: transparent url(images/tl.jpg) top left no-repeat;}
.tr {height:28px;width:40px; background: transparent url(images/tr.jpg) top left no-repeat;}
.bl {height:60px;width:40px; background: transparent url(images/bl.jpg) top left no-repeat;}
.br {height:60px;width:55px; background: transparent url(images/br.jpg) top left no-repeat;}
.t {height:28px; background: transparent url(images/bg_paper.jpg) top left repeat-x; white-space: nowrap; vertical-align: top; padding: 0px; }
.b {height:60px; background: transparent url(images/b.jpg) top left repeat-x;}
.l {width:40px; background: transparent url(images/l.jpg) top left repeat-y;}
.r {width:55px; background: transparent url(images/r.jpg) top right repeat-y;}
.f {text-align:left; padding: 0px; }
.footl {width:15px; background: transparent url(images/foot_bgl.png) top left no-repeat;}
.footr {width:15px; background: transparent url(images/foot_bgr.png) top left no-repeat;}
#Footer { background: url(images/bg_paper.jpg) top left repeat-x; text-align: center; }
.viaszp {
border: 0px;
float: right;
margin: 0px;
padding: 0px 31px 0px 31px;
}
.papersz {
border: 0px;
float: left;
margin: 0px;
padding: 0px 62px 0px 0px;
}
.arm3 { display:block;height:61px;width:15px; }
.arm4 { display:block;height:15px;width:55px; }
.arm5 { display:block;height:15px;width:15px; }
.arm6 { display:block;height:28px;width:40px; }
.arm7 { display:block;height:61px;width:181px; }

.right {float:right}
.hzr { height: 0px; width:100%; margin: 5px; border: 0px; border-top: 1px solid rgb(200,200,200); border-bottom: 1px solid rgb(240,240,240); }

/* border: 1px solid #999; */

/*    print style     */
@media print {
#Header, #LeftMenu, #RightMenu, #Footer, .leftMenu, .rightMenu, .printnone, .htl, .ht, .htr, .hl, .hr, .hbl, .hb, .hbr, .tl, .t, .tr, .l, .r, .bl, .b, .br, .nav {display:none;}
div { page-break-inside: avoid; }
a:after {  /* Prints the links' URIs after the links' texts. Doesn't work in MSIE */
  content: "<" attr(href) ">";
  padding-left: 1ex;
	}
abbr:after, acronym:after {
	content:" [" attr(title) "] ";
	font-variant:small-caps;
	}
}

/*    e107 CORE     */
@media all {

a img { border: 0px; }
a { color: #333; text-decoration: underline; }
a:hover { color: #000; text-decoration: none; }

/* ########## Layout Blocks and core classes ########## */
.content td.fcaption strong {color: #fff;} /* calendar */

/* ########## Start core id ########## */

#Banner { float: right; clear: right; }
 /*#Clock {float: right; color: #666; padding-right: 3px; vertical-align:top; font-family: Arial, sans-serif;}*/
#chatbox .tbox {width: 90%; margin: 3px; text-align: left;}
.customLogin .button {padding: 0px; border: 0px;}

#dataform {text-align: left; width: 90%;}
#dataform > * {text-align: left; width: 90%;}
#dataform  textarea.tbox {width: 90%;}
#dataform input.tbox {width:90%;}
#dataform input.helpbox {width: 90%;}
#dataform .fborder {border: 0px;}/* border off around content submit */
#dataform .forumheader {border: 0px;}
#dataform .forumheader3 {border: 0px;}
#item {width: 90%;}

/* ########## Start core Classes ########## */

.helpbox {background: transparent; cursor: help;}

.indent, .code, .quote, blockquote { color: #333; background: transparent url(images/tbox.jpg) bottom repeat;
border-top: 1px solid #000; border-left: 1px solid #333; border-right: 1px solid #333; border-bottom: 0px solid #ccc;}

.indent a {font-weight: bold; text-decoration: none;}

select { color: #333; background: #ccc; }
option { color: #333; background: #ccc; }
.tbox {color: #333; border-top: 1px solid #666; border-left: 1px solid #999; border-right: 1px solid #999; border-bottom: 1px solid #ccc;}
.tbox:hover {border-top: 1px solid #ccc; border-left: 1px solid #999; border-right: 1px solid #999; border-bottom: 1px solid #666;}
.tbox:focus {border-top: 1px solid #ccc; border-left: 1px solid #999; border-right: 1px solid #999; border-bottom: 1px solid #666;}
.tbox { background: transparent url(images/tbox.jpg) top repeat; }
.tbox:hover, .tbox:focus { background: transparent url(images/tbox.jpg) bottom repeat; }

.button {color: #333; background: transparent url(images/tbox.jpg) top repeat; cursor: pointer; font-weight: bold; padding: 0px  2px  0px 2px; margin:2px;
border-top: 1px solid #666; border-left: 1px solid #999; border-right: 1px solid #999; border-bottom: 1px solid #ccc;
}
.button:hover {background: transparent url(images/tbox.jpg) bottom repeat;
border-top: 1px solid #ccc; border-left: 1px solid #999; border-right: 1px solid #999; border-bottom: 1px solid #666;}
.button:focus {background: transparent url(images/tbox.jpg) bottom repeat;
border-top: 1px solid #ccc; border-left: 1px solid #999; border-right: 1px solid #999; border-bottom: 1px solid #666;}

.xsmalltext {  }
.xsmalltext a { color: #333; text-decoration: none; } .xsmalltext a:hover { color: #333; }
.smalltext {  }
.smalltext a {  } .smalltext a:hover {  }
.smallblacktext { color: #000; }
.mediumtext {  }

/* Gerneral table style */

.fborder {border-top: 1px solid #666; border-left: 1px solid #999; border-right: 1px solid #999; border-bottom: 1px solid #ccc; }
.forumheader2 {
border-bottom: 1px solid #ccc;
border-left: 1px solid #999;
border-right: 1px solid #999;
border-top: 1px solid #666;
text-align: left;
vertical-align: top;
}
.forumheader3 {border-top: 1px solid #666; border-left: 1px solid #999; border-right: 1px solid #999; border-bottom: 1px solid #ccc; text-align: left;}
.nforumholder {border-top: 1px solid #666; border-left: 1px solid #999; border-right: 1px solid #999; border-bottom: 1px solid #ccc; padding: 5px;}
.nforumcaption {border-top: 1px solid #666; border-left: 1px solid #999; border-right: 1px solid #999; border-bottom: 1px solid #ccc; padding: 5px;}
.nforumcaption2 {border-top: 1px solid #666; border-left: 1px solid #999; border-right: 1px solid #999; border-bottom: 1px solid #ccc; padding: 5px;}
.nforumcaption3 {border-top: 1px solid #666; border-left: 1px solid #999; border-right: 1px solid #999; border-bottom: 1px solid #ccc; padding: 5px;}
.nforumcaption4 {border-top: 1px solid #666; border-left: 1px solid #999; border-right: 1px solid #999; border-bottom: 1px solid #ccc; padding: 5px;}
.nforumcaption5 {border-top: 1px solid #666; border-left: 1px solid #999; border-right: 1px solid #999; border-bottom: 1px solid #ccc; padding: 5px;}
.nforumview {border-top: 1px solid #666; border-left: 1px solid #999; border-right: 1px solid #999; border-bottom: 1px solid #ccc; padding: 5px;}
.nforumview2 {border-top: 1px solid #666; border-left: 1px solid #999; border-right: 1px solid #999; border-bottom: 1px solid #ccc; padding: 5px;}
.nforumview3 {border-top: 1px solid #666; border-left: 1px solid #999; border-right: 1px solid #999; border-bottom: 1px solid #ccc; padding: 5px;}
.nforumview4 {border-top: 1px solid #666; border-left: 1px solid #999; border-right: 1px solid #999; border-bottom: 1px solid #ccc; padding: 5px;}
.nforumview5 {border-top: 1px solid #666; border-left: 1px solid #999; border-right: 1px solid #999; border-bottom: 1px solid #ccc; padding: 5px;}
.forumheader4 {border-top: 1px solid #666; border-left: 1px solid #999; border-right: 1px solid #999; border-bottom: 1px solid #ccc; padding: 5px; background: url(img.php?img=fillblock) repeat;}
/* general admin area stuff */
.forumheader5 {white-space:nowrap} .td {white-space:nowrap} .caption * { line-height: .2;} .item div table td {text-align:left}

.captiontext { color: #999; font-weight: bold; white-space:nowrap }

#CenterColumn {vertical-align: top;}
#CenterColumn .indent, .code, .quote, blockquote {padding: 10px;}
#CenterColumn .fborder  {margin-top: 10px;}
#CenterColumn td.forumheader3 {padding: 10px; text-align: left; padding-top: 5px;}
#CenterColumn b {color: #000; font-weight: bold;}
#CenterColumn a.forumlink {color: #333; font-weight: bold; text-decoration: none;}
#CenterColumn a.forumlink:hover {color: #999; font-weight: bold;}
#CenterColumn .forumheader {color: #333; border-top: 1px solid #666; border-left: 1px solid #999; border-right: 1px solid #999; border-bottom: 1px solid #ccc; background: transparent url(images/tbox.jpg) repeat-x; padding: 5px;}
#CenterColumn .forumheader2 {border-top: 1px solid #666; border-left: 1px solid #999; border-right: 1px solid #999; border-bottom: 1px solid #ccc; padding: 5px; padding-top: 10px;}
#CenterColumn .forumheader3 {border-top: 1px solid #666; border-left: 1px solid #999; border-right: 1px solid #999; border-bottom: 1px solid #ccc; text-align: left; padding: 5px;}

#LeftMenu .indent, #RightMenu .indent { background: url(images/f.png) repeat;}
#LeftMenu .indent a, #RightMenu .indent a {color: #333;}
#LeftMenu .forumheader, #RightMenu .forumheader { background: url(images/tbox.jpg) bottom repeat; color: #000;}
#LeftMenu .forumheader .smalltext, #RightMenu .forumheader .smalltext {color: #000;}

.default table td {text-align: left;} 
#update {}
#main {}
#theme {}
#theme2 {}
#yop_ShowDocs {}
#yop_ShowAdminFunctions {}
#yop_PluginManagement {}

.button a, .button a:hover {display:block;width:100%}

html, body 	{
font-size: 13px; font-family: "Trebuchet MS", "Bitstream Vera Sans", verdana, lucida, arial, helvetica, sans-serif; }

.xsmalltext { font-size: 10px; }
.xsmalltext a { font-size: 10px; }
.xsmalltext a:hover { font-size: 10px; }
.smalltext { font-size: 10px; }
.smalltext a, h3 { font-size: 10px; }
.smalltext a:hover { font-size: 10px; }
.smallblacktext { font-size: 13px; }
.mediumtext { font-size: 13px; }
.captiontext, h1, h2 { font-size: 16px; }
.t a.nav { padding: 3px 3px; }
.tbox { font-size: 13px; }
.button { font-size: 10px; }
#a, #aa, #aaa, #menu, { font-size: 10px; }
h1 {text-align: center; }
h3 { font-size: 13px; }
p.jobb { text-align: right; }
p.center { text-align: center; }
em {
color: #801500;
font-style: normal;
}
} /* EOF */