@charset "UTF-8";
/* CSS Document */

//p {margin: 0; padding: 0;}


a {
text-decoration:none;
background-color:inherit;
color: rgb(108, 108, 108);
}

body
{
//background-color: #dddddd;
background-repeat:repeat-x;
  font-family: Verdana, Geneva, Arial, helvetica, sans-serif;
}

td {
	font-family: Verdana, Geneva, Arial, helvetica, sans-serif;
}

th {
	font-family: Verdana, Geneva, Arial, helvetica, sans-serif;
}

img {border: 0px;}


.tbFront
{
	width: 100%;
}

.tdFrontImage
{
	width: 60%;
}

#demEvent
{
display: none;
	position: absolute;
	top: 80px;
	left: 160px;
	color: rgba( 255, 102, 0, 0.6);
	font-size: 13pt;
	font-weight2: bold;
}

.demEvent
{
	color: #ff6600;
	font-size: 13pt;
	font-style: italic;
	font-weight: bold;
}

.frontItemDemEvenet
{
	text-align: right; 
	color: rgba( 255, 102, 0, 0.6);
	font-size: 13pt;
}

.frontItem
{
	text-align: right; 
	color: #6c6c6c;
	font-size: 13pt;
}

.frImg
{
	max-width: 350px;
	max-height: 350px;
border: 10px solid white;
}

.tbProj
{
	width: 100%;
}

#prjImg
{
	max-width: 350px;
	max-height: 350px;
	margin-right: 20px;
border: 10px solid white;
}



#main{
position: relative;
top: 20px;
margin: 1px auto;
width: 80%;
height: 600px;
border: 0px black;
border-spacing: 0px;
}

#tbmain
{
top: 0px;
left: 0px;
width: 100%;
height: 100%;
border: 0px solid black;
background-color: #ffffff; //#e6ffff;
border-top: 1px solid rgb(108, 108, 108);
border-bottom: 1px solid rgb(108, 108, 108);

}

#trhead
{
background-color: #e6ffff;
height: 60px;
}

#splogo
{
position: relative;
top: 20px;
left: 40px;
width: 70px;
}

.logoImage
{
    position:absolute;
    top: 25px;
	width: 70px;
	height: 70px;
	left: 70px;
}


#spcomp
{
float: right;
height: 40px;
vertical-align: bottom;
}

#tdtbar
{
height: 30px;
padding: 0px;
margin: 0px;
vertical-align: middle;
opacity: 0.8;
}

#divtbar
{
}

.menu {width: 100%; height:30px;}

#trmenu
{
background-image:url(../img/tbarRO.jpg);
background-repeat:repeat-x;

}

.menuItem {
text-align: center; 
color: #555555;
vertical-align: middle;
width: 16.6%; 
background-image:url(../img/tbarRO.jpg);
background-repeat:repeat-x;
	font-size: 10pt;
}

.menuItemOver {
text-align: center; 
color: #ffffff;
vertical-align: middle;
width: 16.6%; 
background-image: url(../img/tbarw.jpg);
background-repeat:repeat-x;
	font-size: 10pt;
}

.menuItemSel {
text-align: center; 
vertical-align: middle;
width: 16.6%; 
background-image: url(../img/tbarr.jpg);
background-repeat:repeat-x;
	font-size: 10pt;
}


#headercaption
{
left: 0px;
font-size: 20px;
color: #ff6600;
}



.leftCol
{
background-color: #ffffff;
width: 150px;
}

#rpane
{
	background-color: #e6ffff;
}


#tbsideMenu
{
background-color: #ffffff;
width: 150px;
padding-top: 2px;
padding-right: 10px;
vertical-align: top;
margin-top: 20px;
}

a.mm {text-decoration: none; color: #3399ff;letter-spacing: -0.5px; font-size:14px;}
a.mm:hover {text-decoration: none; color: #ff6633;}

.smenu {padding:0px; border: blue; border-width: 4px; }

.smenu li {list-style:none; display:block; padding:0px; margin-bottom:2px; text-align: right; color: #ff6633;letter-spacing: -0.5px; font-size:13px;
}

.smenu a {text-decoration: none; color: #999999;letter-spacing: -0.5px; font-size:13px; font-weight: normal;}
.smenu a:hover {color: #555555;}

.smenub li ul li {list-style:none; display:block; padding:0px; margin-bottom:2px; text-align: right;}

#texts
{
	letter-spacing: -0.5px; 
	font-size:10px; 
	font-weight: normal;
	color: #999999;
	vertical-align: top;
	padding-top: 40px;
}

#edittextsProj
{
	letter-spacing: -0.5px; 
	font-size:11px; 
	font-weight: normal;
	color: #6c6c6c;
	vertical-align: top;
	padding-top: 0px;	
	padding-left: 0px;
	margin-left: 0px;
	border-left: 0px;
	width: 100%;
}

#edittextsFront
{
	letter-spacing: -0.5px; 
	font-size:11px; 
	font-weight: normal;
	color: #6c6c6c;
	vertical-align: top;
	padding-top: 0px;	
	padding-left: 0px;
	margin-left: 0px;
	border-left: 0px;
	width: 100%;
}

#edittexts
{
	letter-spacing: -0.5px; 
	font-size:11px; 
	font-weight: normal;
	color: #6c6c6c;
	vertical-align: top;
	padding-top: 0px;	
	padding-left: 0px;
	margin-left: 0px;
	border-left: 0px;
	width: 450px;
}

#content
{
position: relative;
height: 100%;
font-size: 9px;
background-color: #e6ffff;
}

#tbframe
{
position: relative;
top: 0px;
left: 0px;
width: 100%;
height: 370px;
}

#tdframe
{
width: 370px;
height: 370px;
vertical-align: middle;
}

.pic
{
border: 10px solid white;
margin-top: 0px;
}







.footText
{
font-size: 9px;
vertical-align: top;
}

.orangeText
{
	color: rgb(255, 102, 51);
}

.tbProj
{
	border: 1px solid #ddd;
}

.thProj
{
	text-align: left;
}

.phead
{
	background-color: #ddd;
}

.podd
{
	background-color: #c4d3f3;
}

.phover
{
background-image: url(../img/tbarr.jpg);
background-repeat:repeat-x;
cursor: pointer;
}