/* CSS Document */

body{
	background: url(imgs/alternatebackground.jpg) fixed no-repeat;
	background-position: top center;
    margin: 0px;
    padding: 0px;
	background-color:#CCCCCC;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 100%;
    text-align: center;
}

/*child selector*/
body>div#container{
	height: auto;
	min-height: 100%;
}

/*container*/
div#container{
	position: relative;
	height: 100%;
	background: url(imgs/backgroundstrip.jpg);
	margin-left: auto;
	margin-right: auto;
	width: 780px;
	z-index:0;
	text-align: left;
	font-size: 0.8em;
}

div#logo
{
position:absolute; 
width:86px; 
height:47px; 
z-index:1; 
left: 3px; 
top: 7px;
background-image:url(imgs/tegal.gif)
}

div#navBar
{
position:absolute; 
width:750px; 
height:40px; 
z-index:2; 
left: 142px; 
top: 10px;
background-image:url(imgs/thenavbar.jpg);
background-repeat:no-repeat;
}

div#header 
{
position:absolute; 
width:790px; 
height:33px; 
z-index:1; 
background-image: url(imgs/theheader.jpg);
background-repeat:no-repeat;
left: 0px; 
top: 67px;
}
 

#bodywrap {
    margin-top:100px;
    position: absolute;
    padding: 0px;
}
 
#maincol {
 	width:780px;
	min-height:400px;
    background-color:#FFFFFF;
    margin-bottom: 20px;
	padding:10px 3px 0px 3px;
	border-width:thin;
	border-style:solid;
	border-color:#CCCCCC;
	margin-left: auto;
	margin-right: auto;
	
}


 

/* fonts & standard HTML */
h1
{
	font: bold 110% Arial,sans-serif;
	color: #ffffff;
	margin: 0px;
	padding: 0px;
	text-indent:10px;
	padding-top:8px;
}

h2
{
	font: bold 105% Arial,sans-serif;
	color:#333333;
	margin: 0px;
	padding: 0px;
	padding-top:4px;
}

h3
{
	font: bold 100% Arial,sans-serif;
	color:#333333;
	margin: 0px;
	padding: 0px;
	padding-top:4px;
}


/************** .feature styles ***************/

.feature{
	padding: 0px 40px 0px 40px;
	line-height:160%;
	text-align:justify;
	font-size:100%;
}

.boxLinks{
	padding: 2px 15px 2px 15px;
	text-align:left;
	font-size:85%;

}

.feature h4{
	font: bold Arial,sans-serif;
	margin: 0px;
	padding: 0px;
	padding-top:4px;
}

.blue
{
color:#000066;
font-size:120%;

}
.feature h3{
	padding: 30px 0px 5px 0px;
	text-align: center;
}

.bluefancy
{
color:#000066;
font-size:160%;
}
.blueq
{
color:#000066;
font-size:200%;
}

.copyright 
{
font-size: x-small;
padding:0px 0px 0px 0px;
}

#smallparentbox

{
position:relative; 
float:right;
margin:0px 5px 5px 5px;
}

#smallheader1

{
position:relative; 
width:210px; 
height:32px; 
z-index:3; 
background-image:url(imgs/thesmallheader.jpg);
clear:both;


}


#smallbox1

{
	position:relative; 
	width:206px;
	z-index:3;
	border-width:thin;
	border-style:solid;
	border-color:#CCCCCC;
	height: 150px;
	overflow: auto;
}

#vslilogo
{
position:relative;
width:150px; 
height:141px; 
z-index:1; 
background-repeat:no-repeat;
clear:both;
margin-left:30px;
}

			
/* adjust margins to change separation between the feature image and text flowing around it */

/************* footer styles ****************/

#footer {
    width:790px;
    height:30px;
    clear: both;
    padding: 7px 0px 0px 0px;
    text-align: center;
    color: #000000;
	background-color:none;
	margin-left: auto;
	margin-right: auto;
	background-image:url(imgs/thefooter.jpg);
	background-repeat:repeat-x;
	vertical-align:bottom;

}

div#footer a {
text-decoration: none;
padding: 10px 10px;
margin-top:10px;
color: #FFF;
}

div#footer a:link 
{
color:#FFFFFF
}

div#footer a:visited 
{
color:#FFFFFF
}

div#footer a:hover {
color: #FFF;

}
/*********** #navlist styles ***********/

div#navlist{
position:absolute;
left: 8px; 
top: 7px;
height: 30px;
width: 100%;

}
div#navlist ul {
margin: 0px;
padding: 0px;
font-family: Arial, Helvetica, sans-serif;
font-size: small;
color: #FFF;
line-height: 24px;
white-space: nowrap;
}
div#navlist li {
list-style-type: none;
display: inline;
}
div#navlist li a {
text-decoration: none;
padding: 2px 10px;
color: #FFF;
}
div#navlist li a:link 
{
color:#FFFFFF;
background-color: #A4A4A4;
}
div#navlist li a:visited 
{
color:#FFFFFF;
background-color: #A4A4A4;
}
div#navlist li a:hover {
color: #FFF;
background-color: #FF9900;
}
a:link
{
font-size:100%;
text-decoration: none;
color:#0000CC;
}
a:visited
{
font-size:100%;
text-decoration: none;
color:#0000CC;
}
a:hover
{

font-size:100%;
text-decoration: none;
color:#FF9900;
}

.white
{
color:#FFFFFF;
}

.guestbookblue
{
color: #0000CC;
font-size:12px;
}