body {
	background-color: #ffffff; text-decoration:none; font-size:10px; font-family: Helvetica, sans-serif; font-color: #000000;  background-image: url(../images/newbg.png); background-position:top; background-repeat:no-repeat; 
}

body, td, th, 
 {
	color: #FFFFFF; font-family: Verdana, Helvetica, sans-serif; 
}

 h2, h4, h5, h6 {
  color: #FFFFFF; font-size:11px;
}

h1 {
	
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	color:#ffffff;
}

tabs { background-color:#ffffff; text-decoration:none; }

contact { font-weight:bold; }

a {
	 color: #FFFFFF; text-decoration:none; font-size:16px;
}
 
a:hover {color:#CCC; text-decoration:underline; font-size:16px; }
 
a:visited { 

text-decoration:none;
color:#CCC;

}
 
h3 { font-family: Verdana, Helvetica, sans serif; font-size:16px; font-weight:strong; }


#leftdiv {
	float:left;
	width:100%;
	background-color:#000;
}
	

#rightdiv {
	float:right;
	width:100%;
	background-color:#000;
}
	




#maintable {

    width: 859px; 
	color: #ffffff; font-size:11px; font-family:Helvetica, sans-serif;
	text-align:justify;
  
  padding: 10px;
  padding-right: 10px;
  margin-top: 62px;
  margin-left: 0px;
  margin-bottom: 8px;
  margin-right: 0px;
  vertical-align:middle;
  text-align:center;
	}
	
#maintext {
	font-family:Helvetica, sans-serif;
	color:#ffffff;
	font-size:16px;
	width: 840px;
	height:439px;
	vertical-align:middle;
	text-align:justify;
	padding-left:10px;
	padding-right:10px;
	background-image:url(../images/newbgblack.png);
	
}


#links {
	margin-left:0px;
	background-image:url(../images/menubar.png);
	background-repeat:no-repeat;
	height:50px;
	padding-top:10px;
}

#bottom {
	vertical-align:bottom;
}

#bottom img {
	margin:10px;
	padding:2px;
}





#prjct {
	float:left;
	width:210px;
	height:250px;
	margin-left:10px;
	margin-right:10px;
}
#menubody {
margin: 0;
padding: 0;
background: white;
font: 80% verdana, arial, sans-serif;
}
dl, dt, dd, ul, li {
margin: 0;
padding: 0;
list-style-type: none;
width: 90px;
}
#menu {
position:absolute; /* Menu position that can be changed at will */
top: -4%;
left: 80%;
}
#menu {
width: 15em;
}
#menu dt {
cursor: pointer;
margin: 2px 0;;
height: 20px;
line-height: 20px;
text-align: center;
font-weight: bold;
border: 1px solid gray;
background: #3a4a7e;
color:#FFFFFF;
}
#menu dd {
border: 1px solid gray;
}
#menu li {
text-align: center;
background: #fff;
filter:alpha(opacity=40);
-moz-opacity:.40;
opacity:.40;
}
#menu li a, #menu dt a {
color: #000;
text-decoration: none;
display: block;
border: 0 none;
height: 100%;
}
#menu li a:hover, #menu dt a:hover {
background: #eee;
}

#leftmenu {
position:absolute
text-align:center;
vertical-align:middle;
height:34px;

}



a#headerchange {

background:url(/Styles/mensilvmid.gif);
background-position:middle left; 
background-repeat:no-repeat;

}

#rightmenu {

background:url(../Styles/mensilvright.gif);
background-position:top left; 
background-repeat:no-repeat;
height:50px;
width:40px;

}



/*CSS rollover styles*/


a#homenavlnk:hover  {

background:url(../images/homenew.png);
background-repeat:no-repeat;
background-position:top left;
width:152px;
height:34px;

}




.homenav
{
position:relative;
font-family: tahoma, helvetica, sans-serif;
white-space: nowrap;
display: block;
width: 152px;
height: 34px;
margin: 0;
padding: 0;
float: left;
left:14%;
}

.homenav a
{
	background-image:url(../images/homenew.png)
display: block;
font-size: 16px;
width: 152px;
height: 34px;
display:block;
float: left;
color: #ffffff;
text-decoration: none;
}

.homenav img
{
width: 64px;
height: 25px;
border: 0
}

* html a:hover
{
visibility:visible
}

.homenav a:hover img
{
visibility:hidden

}


#td1 {

background-color:transparent;

}


a#backnavlnk:hover  {

background:url(../Styles/sky/back2.gif);
background-repeat:no-repeat;
background-position:top left;
width:64px;
height:25px;

}

.backnav
{
position:relative;
font-family: tahoma, helvetica, sans-serif;
background: url(../Styles/sky/back1.gif) no-repeat;
white-space: nowrap;
display: block;
width: 152px;
height: 34px;
margin: 0;
padding: 0;
float: left;
left:4%;
}

.backnav a
{
display: block;
font-size: 16px;
width: 64px;
height: 25px;
display:block;
float: left;
color: #ffffff;
text-decoration: none;
}

.backnav img
{
width: 64px;
height: 25px;
border: 0
}

* html a:hover
{
visibility:visible
}

.backnav a:hover img
{
visibility:hidden

}

a#contactnavlnk:hover  {

background:url(../images/contactnew.png);
background-repeat:no-repeat;
background-position:top left;
width:152px;
height:34px;

}

.contactnav
{
position:relative;
font-family: tahoma, helvetica, sans-serif;
white-space: nowrap;
display: block;
width: 152px;
height: 34px;
margin: 0;
padding: 0;
float: left;
left:11%;
}

.contactnav a
{
display: block;
font-size: 16px;
width: 152px;
height: 34px;
display:block;
float: left;
color: #ffffff;
text-decoration: none;
}

.contactnav img
{
width: 64px;
height: 25px;
border: 0
}

* html a:hover
{
visibility:visible
}

.contactnav a:hover img
{
visibility:hidden

}

a#gallerynavlnk:hover  {

background:url(../images/gallerynew.png);
background-repeat:no-repeat;
background-position:top left;
width:152px;
height:34px;

}
.gallerynav
{
position:relative;
font-family: tahoma, helvetica, sans-serif;
white-space: nowrap;
display: block;
width: 152px;
height: 34px;
margin: 0;
padding: 0;
float: left;
left:12.5%;
}

.gallerynav a
{
display: block;
font-size: 16px;
width: 64px;
height: 25px;
display:block;
float: left;
color: #ffffff;
text-decoration: none;
}

.gallerynav img
{
width: 64px;
height: 25px;
border: 0
}

* html a:hover
{
visibility:visible
}

.gallerynav a:hover img
{
visibility:hidden

}

a#webnavlnk:hover  {

background:url(../images/projectsnew.png);
background-repeat:no-repeat;
background-position:top left;
width:152px;
height:34px;

}
.webnav
{
position:relative;
font-family: tahoma, helvetica, sans-serif;
white-space: nowrap;
display: block;
width: 152px;
height: 34px;
margin: 0;
padding: 0;
float: left;
left:12%;
}

.webnav a
{
display: block;
font-size: 16px;
width: 152px;
height: 34px;
display:block;
float: left;
color: #ffffff;
text-decoration: none;
}

.webnav img
{
width: 64px;
height: 25px;
border: 0
}

* html a:hover
{
visibility:visible
}

.webnav a:hover img
{
visibility:hidden

}

#javanavlnk:hover  {

background:url(../Styles/sky/javascript2.gif);
background-repeat:no-repeat;
background-position:top left;
width:64px;
height:25px;

}
.javanav
{
position:relative;
font-family: tahoma, helvetica, sans-serif;
background: url(../Styles/sky/javascript1.gif) no-repeat;
white-space: nowrap;
display: block;
width: 64px;
height: 25px;
margin: 0;
padding: 0;
float: left;
left:25%;
}

.javanav a
{
display: block;
font-size: 16px;
width: 64px;
height: 25px;
display:block;
float: left;
color: #ffffff;
text-decoration: none;
}

.javanav img
{
width: 64px;
height: 25px;
border: 0
}

* html a:hover
{
visibility:visible
}

.javanav a:hover img
{
visibility:hidden

}

#pos {
position:relative;
}

.jsdes1 {
text-align:justify;
filter:alpha(opacity=40);
-moz-opacity:.40;
opacity:.40;
background-color:#000000;

}

.jsdes2 {
text-align:justify;
filter:alpha(opacity=40);
-moz-opacity:.40;
opacity:.40;
background-color:#666666;

}

.opctext {
color:#000000;
}

.opctextalt {
color:#333333;
background-color:#FFFFFF;
}

.opctext2 {
color:#ffffff;
}

.jstry1 {
filter:alpha(opacity=25);-moz-opacity:.25;opacity:.25;background:#ffffff;
color:#000000;
}

table#maintablejs {
    background-image:url(../images/lightbg.png);
    border: solid #000 0px;
    width: 800px; 
	color: #9494B5; font-size:11px; font-family:Verdana, Helvetica, sans-serif;
	text-align:justify;
	background-color: transparent;
}

.accent {
color:#000000;
background-color:#999999;

}


#thumbBox{ /*Outermost DIV for thumbnail viewer*/
position: absolute;
left: 0;
top: 0;
width: auto;
padding: 10px;
padding-bottom: 0;
background: #313131;
visibility: hidden;
z-index: 10;
cursor: hand;
cursor: pointer;
}

#thumbBox .footerbar{ /*Footer DIV of thumbbox that contains "close" link */
font: bold 16px Tahoma;
letter-spacing: 5px;
line-height: 1.1em;
color: white;
padding: 5px 0;
text-align: right;
}


#thumbBox #thumbImage{ /*DIV within thumbbox that holds the enlarged image */
background-color: white;
}

#thumbLoading{ /*DIV for showing "loading" status while thumbbox is being generated*/
position: absolute;
visibility: hidden;
border: 1px solid black;
background-color: #EFEFEF;
padding: 5px;
z-index: 5;
}

#surround {
/*border:double;
border-width: 4px;
border-color: #688ed1;*/
width: 849px;
}