
body{
background: #fff;
/* background-image: url("image/stripe2.png");
background-repeat: repeat; */
margin:0;
padding:0;
line-height: 1.5em;
}
a.lcbox:link {color:#FFFFFF; text-decoration: none;}      /* unvisited link */
a.lcbox:visited {color:#FFFFFF; text-decoration: none;}  /* visited link */
a.lcbox:hover {color:#FF0000; text-decoration: none;}  /* mouse over link */
a.lcbox:active {color:#FFFFFF; text-decoration: none;}  /* selected link */

a.lcprod:link {color:#18529b; text-decoration: none;}      /* unvisited link */
a.lcprod:visited {color:#18529b; text-decoration: none;}  /* visited link */
a.lcprod:hover {color:#FF0000; text-decoration: none;}  /* mouse over link */
a.lcprod:active {color:#18529b; text-decoration: none;}  /* selected link */


b{font-size: 110%;}
em{color: red;}

#maincontainer{
background: #ddd;
width: 840px; /*Width of main container*/
margin: 0 auto; /*Center container on page*/
}

#topsection{
height: 150px; /*Height of top section*/
width: 840px;
background: white;
margin: 0 auto;
}

#null{
background: url(image/null.gif) repeat;
height: 30px; /*Height of top section*/
width: 200px;
margin: 0 auto;
}


#topsection_sx_top{
height: 50px; /*Height of top section*/
width: 600px;
/*
background-image: url("image/header.jpg");
background-repeat: no-repeat;
*/
}

#topsection_sx_bottom{
height: 100px; /*Height of top section*/
width: 600px;
}


#topsection h1{
margin: 0;
padding-top: 15px;
}

#contentwrapper{
float: left;
width: 100%;
margin: 0px;
}

#contentcolumn{
margin-left: 200px; /*Set left margin to LeftColumnWidth*/
margin-top: 0px;
top : 0px;
bottom: 0px;
margin-bottom: 0px;
background: white;
}

#leftcolumn{
float: left;
width: 200px; /*Width of left column*/
margin-left: -840px; /*Set left margin to -(MainContainerWidth)*/
height: 370px;
}

#promo{
clear: both;
top :0px;
width: 840px;
height: 120px;
background: #ddd;
color: #FFF;
padding: 4px 0;
font: bold 13px Verdana;
}


#footer{
clear: left;
width: 100%;
background: black;
color: #FFF;
text-align: center;
padding: 4px 0;
font: bold 13px Verdana;
}

#footer a{
color: #FFFF80;
}

.innertube{
margin: 10px; /*Margins for inner DIV inside each column (to provide padding)*/
margin-top: 0;
}
/* ----------------------------------------------------
START MENU */

.sidebarmenu ul{
margin: 0;
padding: 0;
list-style-type: none;
font: bold 13px Verdana;
width: 200px; /* Main Menu Item widths */
border-bottom: 1px solid #ddd;
}
 
.sidebarmenu ul li{
position: relative;
background-color: #18529b;
}

/* Top level menu links style */
.sidebarmenu ul li a{
display: block;
overflow: auto; /*force hasLayout in IE7 */
color: white;
text-decoration: none;
padding: 9px;
border-bottom: 1px solid #778;
/*border-right: 1px solid #778;*/
}

.sidebarmenu ul li a:link, .sidebarmenu ul li a:visited, .sidebarmenu ul li a:active{
/* background-color: #012D58; /*background of tabs (default state)*/
background-color: #18529b;
}

.sidebarmenu ul li a:visited{
color: white;
}


.sidebarmenu ul li a:hover{
background-color: black;
}

/*Sub level menu items */
.sidebarmenu ul li ul{
position: absolute;
width: 170px; /*Sub Menu Items width */
top: 0;
visibility: hidden;
}

.sidebarmenu a.subfolderstyle{
background: url(image/right.gif) no-repeat 97% 50%;
}

 
/* Holly Hack for IE \*/
* html .sidebarmenu ul li { float: left; height: 1%; }
* html .sidebarmenu ul li a { height: 1%; }
/* End */

/* ----------------------------------------------------
END MENU */


/* slideshow */

td.ppt {
	position: relative;
	margin:0px;
	font: 13px Verdana, Helvetica, sans-serif;
}

td.ppt #title{
	font: bold 16px Verdana, Helvetica, sans-serif;
	color: red;
	height: 60px;
	width: 380px;
	text-align: right;
}
td.ppt #container{
	font: 13px Verdana, Helvetica, sans-serif;
	width: 630px;
	padding: 0px;
	text-align: justify;
}
td.content{
	font: 13px Verdana, Helvetica, sans-serif;
	width: 400px;
	padding-top: 0px;
	padding-left: 10px;
	padding-right: 10px;
	text-align: justify;
}
td.form{
	font: 13px Verdana, Helvetica, sans-serif;
	width: 550px;
	height: 330px;
	padding-top: 0px;
	padding-left: 30px;
	padding-right: 10px;
	text-align: center;
}
td.ref{
	font: 13px Verdana, Helvetica, sans-serif;
	width: 140px;
	height: 110px;
	padding-right: 5px;
	padding-left: 5px;
	text-align: center;
}
img.ref{
	width: 130px;
}
td.photo{
	font: 13px Verdana, Helvetica, sans-serif;
	width: 220px;
	padding-top: 40px;
	text-align: center;
}




ul.ppt {
	position: relative;
	margin: 0px;
	padding-top: 15px;
	padding-bottom:390px;
}

.ppt li {
	list-style-type: none;
	position: absolute;
	top: 0;
	left: 0;
}

.ppt img {
    border: 0px;
	/*border: 1px solid #e7e7e7;
	padding: 5px;
	background-color: #ececec;*/
}

/* promo and news box */
/* set millions of background images */
.rbroundbox { background: url(box/nt.gif) repeat; }
.rbtop div { background: url(box/tl.gif) no-repeat top left; }
.rbtop { background: url(box/tr.gif) no-repeat top right; }
.rbbot div { background: url(box/bl.gif) no-repeat bottom left; }
.rbbot { background: url(box/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: 0 4px; text-align:center;font: 14px Verdana, Helvetica, sans-serif;}
.rbroundbox { width: 225px; margin: 1em auto; }

/* LC */

/* promo and news box */
/* set millions of background images */
.rbroundbox_w { background: url(box_back_white/nt.gif) repeat;}
.rbtop_w div { background: url(box_back_white/tl.gif) no-repeat top left; }
.rbtop_w { background: url(box_back_white/tr.gif) no-repeat top right; }
.rbbot_w div { background: url(box_back_white/bl.gif) no-repeat bottom left; }
.rbbot_w { background: url(box_back_white/br.gif) no-repeat bottom right; }

/* height and width stuff, width not really nessisary. */
.rbtop_w div, .rbtop_w, .rbbot_w div, .rbbot_w {
width: 100%;
height: 7px;
font-size: 1px;
}
.rbcontent_w { margin: 0 4px; color: #fff;}
.rbroundbox_w { width: 455px; margin: 1em auto; }



.glossymenu{
margin: 0px 0;
padding: 5px 0 0 0;
width: 200px; /*width of menu*/
border: 0px solid #9A9A9A;
border-bottom-width: 0;
background: #18529b;
}

.glossymenu a.menuitem{
background: black url(image/glossyback.gif) repeat-x bottom left;
font: bold 13px Verdana, Helvetica, sans-serif;
color: white;
display: block;
position: relative; /*To help in the anchoring of the ".statusicon" icon image*/
width: auto;
padding: 7px 0 7px 7px; /*31px is left indentation of header text*/
text-decoration: none;
}


.glossymenu a.menuitem:visited, .glossymenu .menuitem:active{
color: white;
}

.glossymenu a.menuitem .statusicon{ /*CSS for icon image that gets dynamically added to headers*/
position: absolute;
top: 0px;
right: 5px;
border: none;
}

.glossymenu a.menuitem:hover{
background-image: url(image/glossyback2.gif);
}

.glossymenu div.submenu{ /*DIV that contains each sub menu*/
background: #ddd;
}

.glossymenu div.submenu ul{ /*UL of each sub menu*/
list-style-type: none;
margin: 0;
padding: 0;
}

.glossymenu div.submenu ul li{
border-bottom: 1px solid #ccc;
}

.glossymenu div.submenu ul li a{
display: block;
font: normal 13px Verdana, Helvetica, sans-serif;
color: black;
text-decoration: none;
padding: 2px 0;
padding-left: 10px;
}

.glossymenu div.submenu ul li a:hover{
background: #acbacc;
colorz: white;
}

/* FORM */

form#login {
 color: #fff;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 13px;
 text-align: left;
}

form#contact {
 color: #fff;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 13px;
 text-align: left;
}


#login .text {
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 13px;
 width: 150px;
 margin-right: 6px;

}

#contact .text {
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 13px;
 width: 220px;
 margin-right: 6px;

}

#contact .antispam {
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 13px;
 width: 60px;
 margin-right: 6px;

}


#contact .textarea {
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 13px;
 width: 400px;
 height: 100px;
 margin-right: 6px;

}
