/* CSS Document */

body{
	font-family: Arial,sans-serif;
	text-align: left;
	color: #000000;
	line-height: 1.166;	
	margin: 0px;
	padding: 0px;
	background: #646871;
	
	
SCROLLBAR-FACE-COLOR: #373636; 
SCROLLBAR-HIGHLIGHT-COLOR: #fff; 
SCROLLBAR-SHADOW-COLOR: #fff; 
SCROLLBAR-3DLIGHT-COLOR: #c8b0a8; 
SCROLLBAR-ARROW-COLOR: #000; 
SCROLLBAR-TRACK-COLOR: #373636; 
SCROLLBAR-DARKSHADOW-COLOR: #000000	
}

/***********************************************/
/* Layout Divs                                 */
/***********************************************/




#logo{
	position: absolute;
	left: 152px;
	top: 5px;
	width: 338px;
	height:62px;
	padding: 0px 0px 0px 0px;
	z-index: 1;
}

#java-roll{
	position: absolute;
	left: 72px;
	top: 68px;
	width: 517px;
	height:49px;
	z-index: 100;

}



#home-txt{
	position: absolute;
	left: 460px;
	top: 135px;
	width: 463px;
	height:54px;
	z-index: 10;

}

#slideshow-home{
	position: absolute;
	left: 50px;
	top: 100px;
	width: 450px;
	height: 445px;
	z-index: 1;

}

#menu{
	position: absolute;
	left: 0px;
	top: 15px;
	width: 248px;
	height: 109px;
	padding: 20px 0px 0px 20px;
	background: #373636;

}

#imenu{
	position: absolute;
	left: 700px;
	top: 14px;
	width: 250px;
	height: 522px;
	
	

}


#navlist
{
padding-left: 0;
margin-left: 0;
border-bottom: 1px dashed #000;
width: 140px;
}

#navlist li
{
list-style: none;
margin: 0;
padding: 0.25em;
border-top: 1px dashed #000;
}

#navlist li a { text-decoration: none; }


#menu2{
	position: absolute;
	left: 130px;
	top: 15px;
    width: 150px;
	height: 109px;
	padding: 20px 0px 0px 20px;
	

}

#navlist2
{
padding-left: 0;
margin-left: 0;
border-bottom: 1px dashed #000;
width: 100px;
}

#navlist2 li
{
list-style: none;
margin: 0;
padding: 0.25em;
border-top: 1px dashed #000;
}

#navlist2 li a { text-decoration: none; }


#nav-image
{
position: absolute;
	left: 10px;
	top: 230px;
    width: 216px;
	height: 104px;
}


#side-text{
	position: absolute;
	left: 0px;
	top: 148px;
	padding: 10px 5px 5px 10px;
	width: 253px;
	height:360px;
	background: #373636;
	
}

#content-body{
	position: absolute;
	left: 70px;
	top: 140px;
	width: 550px;
	height: 445px;
	z-index: 1;

}


/************** #pic code popup **************/


#pic {
		 background-color: #FFFFFF;
		 left: 10px;
		 position: relative;
		 top: 10px;
		 width: 194px;
}

#pic a .large {
		 border: 0px;
		 display: block;
		 height: 1px;
		 left: -1px;
		 position: absolute;
		 top: -1px;
		 width: 1px;
}

#pic a img {
		 border: 0;
}

#pic a.p1, #pic a.p1:visited {
		
		
		 display: block;
		 height: 289px;
		 left: 0;
		 text-decoration: none;
		 top: 0;
		 width: 194px;
}

#pic a.p1:hover {
		 background-color: #8C97A3;
		 color: #d11a24;
		 text-decoration: none;
}

#pic a.p1:hover .large {
		 
		 display: block;
		 height: 600px;
		 left: 150px;
		 position: absolute;
		 top: -50px;
		 width: 400px;
}



/************** #pic code popup **************/


#pic2 {
		 background-color: #FFFFFF;
		 left: 10px;
		 position: relative;
		 top: 10px;
		 width: 250px;
}

#pic2 a .large {
		 border: 0px;
		 display: block;
		 height: 1px;
		 left: -1px;
		 position: absolute;
		 top: -1px;
		 width: 1px;
}

#pic2 a img {
		 border: 0;
}

#pic2 a.p1, #pic2 a.p1:visited {
		
		
		 display: block;
		 height: 167px;
		 left: 0;
		 text-decoration: none;
		 top: 0;
		 width: 250px;
}

#pic2 a.p1:hover {
		 background-color: #8C97A3;
		 color: #d11a24;
		 text-decoration: none;
}

#pic2 a.p1:hover .large {
		 
		 display: block;
		 height: 400px;
		 left: 150px;
		 position: absolute;
		 top: -50px;
		 width: 600px;
}

/************** #end of new styles **************/


.menu {
	font-family: Trebuchet MS, arial, verdana, sans-serif;
	font-size:0.80em;
	color:#d8d6d6;
}

.title {
	font-family: Trebuchet MS, arial, verdana, sans-serif;
	font-size:0.94em;
	color:#767676;
}

.main {
	font-family: Trebuchet MS, arial, verdana, sans-serif;
	font-size:0.74em;
	color:#fff;
}

.small {
	font-family: arial, verdana, sans-serif;
	font-size:0.74em;
	color:#000000;
}

.printer {
	font-family: arial, verdana, sans-serif;
	font-size:0.70em;
	color:#000000;
}

.smallwhite {
	font-family: arial, verdana, sans-serif;
	font-size:0.70em;
	color:#fff;
}

.mainred {
	font-family: arial, verdana, sans-serif;
	font-size:0.84em;
	color:#cb151d;

}

.mainwhite {
	font-family: arial, verdana, sans-serif;
	font-size:0.84em;
	color:#fff;

}

h1 {font-family:Trebuchet MS, arial, verdana, sans-serif;
	font-weight:bold;
	font-size:1.5em;
	line-height:1.2em;
	color:#000;
}
.sml {
	font-family:verdana, arial, sans-serif;
	font-size:0.70em;
}
.smlf {
	font-family:verdana, arial, sans-serif;
	font-size:0.60em;
}
.xsml {
	font-family:verdana, arial, sans-serif;
	font-size:0.55em;
}


a:active {
	color:#fff;
	background-color:#c8b0a8
}
a.set1:link {
	color:#fff;
	text-decoration:none
}
a.set1:visited {
	color:#a1a4aa;
	text-decoration:none 
}

a.set2:link {
	color:#d8d6d6;
	text-decoration:none
}
a.set2:visited {
	color:#a1a4aa;
	text-decoration:none
}
a.set2:hover {
	color:#a1a4aa;
	text-decoration:overline
}

a.set3:link {
	color:#fff;
	text-decoration:none
}
a.set3:visited {
	color:#000;
	text-decoration:none
}
a.set3:hover {
	color:#000;
	text-decoration:overline
}

a.set3:link,a.set3:visited {
	text-decoration:none
}
a.set4:link,a.set4:visited,a.set4:hover {
	color:#000000;
}
a.set4:link,a.set4:visited {
	text-decoration:none
}
a.set1:hover,a.set2:hover,a.set3:hover,a.set4:hover {
	text-decoration:underline
}

a.top:link, a.top:visited {
	color:#333399
}
