/* background elements */
html { }
body { background: #000 url() repeat-x; margin: 0px auto; text-align: center;}

body /* Firefox alignment */ 
{ 
text-align: -moz-center; 
} 


/* seo */
#seo, #seo h1, #seo h2 { display: none;}

/* wrappers */
#header, #banner, #middle, #footer { width: 940px;}


/* font */
html, body, input, select, textarea, h1, h2, h3, h4, p, td, button, .c1
{ font-family: Arial,Tahoma; font-size: 12px; color:#444; line-height: 140%;}
p { line-height: 180%; }
#footer { width: 940px; height: 62px; font-family: Arial; font-size: 11px; color: #000; background: #fff url(../images/footer.gif) no-repeat; margin-top: -5px;}

/* content */
#middle p { margin: 10px 0px;  }

#subm {text-align: left; padding-top: 10px; }

/*
#content ul { margin-top: 0px; margin-bottom: 0px; list-style-type: disc; list-style-position: outside; }
#content li { margin: 10px 0px 10px -10px; }
*/

/* tables */
table { padding: 0px; border-collapse: collapse; }
tr { vertical-align: top; }
tr { vertical-align: middle; }

/* floaters */
img { border: 0px; }
img.picLeft { display: block; float: left; margin: 10px 15px 10px 5px; }
img.picRight { display: block; float: right; margin: 10px 5px 10px 15px; }
div.picsLeft { display: block; float: left; margin: 10px 15px 10px 5px; }

/* ahref */
a { color: #00f; text-decoration: none; }
a:hover { color: #00f; text-decoration: underline; }

/* clearfix */
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { display:inline-block; }  
/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */

/* set millions of background images */
.rbroundbox { background: url(../images/nt.gif) repeat; }
.rbtop div { background: url(../images/tl.gif) no-repeat top left; }
.rbtop { background: url(../images/tr.gif) no-repeat top right; }
.rbbot div { background: url(../images/bl.gif) no-repeat bottom left; }
.rbbot { background: url(../images/br.gif) no-repeat bottom right; }

/* height and width stuff, width not really nessisary. */
.rbtop div, .rbtop, .rbbot div, .rbbot { width: 100%; height: 7px; font-size: 1px; }
.rbcontent { margin: 0px 7px; }
.rbroundbox { width: 100%; margin: 0px auto; color: #666;}

/* colors */
span.green { color: #008000; }

/* general */
div.noflash { text-align: center; margin: 10px 0px;}
div.dashed { overflow:hidden; height: 10px; margin-bottom: 10px; border-bottom: 1px dashed #ccc; }

/* header */
#header { margin-bottom: 0px; background: url(../images/head_bg.jpg) repeat-x; height:98px; }
#navi { background: url(../images/navi_bg.jpg) repeat-x; height:42px; width: 940px}
#navi2 { background: url(../images/navi_bg.jpg) repeat-x; height:42px; width: 940px}
#logo { width: 150px; float: left; }

#banner { width: 940px; margin-top: -1px; }

#header td.h1 { width: 200px; }
#header td.h3 { width: 100px; }



/* content */
#middle {}
#middle h2 { font-weight: bold; margin: 0px 0px 10px 0px; }
#middle ul { }
#middle h2 span { display: none; }

#content { border-left: 1px solid #ccc; margin-left: 200px; padding: 10px 0px 10px 10px; background: #ccc;}
#content h3 { margin: 0px;}
#content p { margin: 10px; }

/* clearfix */
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { display:inline-block; }  
/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */

#bgfloater
{
	position: absolute;
	top: 0px;
	right: 0px;
	width: 519px;
	height: 516px;
	background: url(../images/bgfloater.jpg) no-repeat;
	z-index: -100;
}

#bgfloater2
{
	position: absolute;
	top: 0px;
	left: 0px;
	width: 519px;
	height: 516px;
	background: url(../images/bgfloater2.jpg) no-repeat;
	z-index: -100;
}

#maincontainer
{
	/* background: url(../images/bg-body-gradient.jpg) repeat-x; */
	margin-top:20px;
}

#body_top
{
	width: 870px;
}
/*
div.xa
{
	margin: 0px auto;
	width: 842px;
	height: 80px;
	background: url(../images/bg_body_top2.png) bottom no-repeat;
	background: blue;
}
*/

div.xc
{
	margin: 0px auto;
	width: 940px;
	height: 40px;
	background: url(../images/bg_body_bot.png) no-repeat;
}

table.xbw
{
	margin: 0px auto;
	width: 940px;
	padding: 0px;
}

table.xbw td.xbl
{
	width: 10px;
	background: url(../images/bg_body_left.png);
	border-right: 1px solid #ccc;
}

table.xbw td.xb
{
	background: #fff;
	text-align: left;
}

table.xbw td.xbr
{
	width: 10px;
	background: url(../images/bg_body_right.png);
	border-left: 1px solid #ccc;
}


body
{
	background: #000 url(../../images/bg_body4.gif);
}

div.xa
{
	background: url(../../images/bg_body_top.png) bottom no-repeat;
}

div.xc
{
	background: url(../../images/bg_body_bot.png) no-repeat;
}

table.xbw td.xbl
{
	background: url(../../images/bg_body_left.png);
}

table.xbw td.xbr
{
	background: url(../../images/bg_body_right.png);
}


/* vertical align */
html { overflow: -moz-scrollbars-vertical; }
body.va { margin: 0px auto; text-align: center; margin-top: 0px; height: 100%; }

/* clearfix */
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
/* End hide from IE-mac */

/* vertical align */
table.va { height: 100%; }
table.va td.va { text-align: center; vertical-align: middle; }

#nav { color: #333; text-decoration: none; }
#nav:hover { color: #ff6d16; text-decoration: underline; }

#nav2 { font-family: verdana; font-size: 13px; color: #fff; text-decoration: none;}
#nav2:hover { color: #e4fe07; text-decoration: underline; }