A {font-family: "Arial"; }

A.extra {
	font-size: 90%; 
	}

A:link {
	text-decoration: none; 
	color: #EEEEEE;
	}

A:visited {
	text-decoration: none; 
	color: #EEEEEE;
	}

A:active {
	text-decoration: 
	none; color: #EEEEEE;
	}

A:hover {
	text-decoration: 
	none; color: #AAAAAA;
	}


body {
	background-color : #888888;
	text-align : left;
	margin-top : 0px;
	font-size : 70% ;
	margin: auto;
	text-decoration: none; 
	}

p {
	font-family: "Arial"; 
	color: #EEEEEE; 
	}	
	

table {
	font-family: "Arial"; 
	color: #EEEEEE; 
	background-color: #666666;
	margin-bottom: 15px;

	}

h1 {
	font-family: "Arial"; 
	font-weight: bold; 
	font-size: 120%; 
	color: #EEEEEE;
	}

h2 {
	font-family: "Arial"; 
	font-size: 120%
	}
	
h3 {
	font-family: "Arial"; 
	font-size: 80%
	}
h4 {
	font-family: "Arial"; 
	font-weight: bold; 
	font-size: 120%; 
	color: #FAFAD2;
	}	
	
h5 {
	font-family: "Arial"; 
	font-size: 110%; 
	color: #282828 ;
	text-align : center;
	}

.specialImageClass {
	border: 0;
	}

span {
	margin-left: 2ex;
	}

div.float {
	float: left; 
	border-right: #888888 15px solid;
	border-top: #888888 5px solid;
	border-bottom: #888888 5px solid;
	/*border: #888888 10px solid; */
	}
	
div.float img{
	border: #EEEEEE 1px solid; 
	}	
  
div.float p 
	{
	text-align: center;
	}

div.displayed {
    display: block;
    margin-left: auto;
    margin-right: auto 
    }
  
div#wn	{
	position:relative;
	width:650px; height:450px; 
	overflow:hidden;	
	}
	
div#wnabout	{
	position:relative;
	width:465px; height:450px; 
	overflow:hidden;	
	}	
	
div#wncv {
	position:relative;
	width:775px; height:450px; 
	overflow:hidden;	
	}		
	
div#wn1	{
	position:relative;
	width:687px; height:450px; 
	overflow:hidden;	
	}	
	
div#wnnews	{
	position:relative;
	width:465px; height:425px; 
	overflow:hidden;	
	}
	
div#scrollbar {
    display:block; /* initially display:none; to hide from incapable */
    }

/* so no gap or misplacement due to image vertical alignment
font-size:1px in scrollbar has same effect (less likely to be removed, resulting in support issues) */
    
div#scrollbar { 
  position:relative;
  width:11px; height:450px; 
  font-size:1px;  /* for image vertical alignment issue */
  }
div#track { 
  position:absolute; left:0; top:0px;
  width:15px; height:428px;
  background: #666666;
  }
div#dragBar {
  position:absolute; left:1px; top:0px;
  width:13px; height:50px;
  background-color:#AAAAAA;
  }  
div#up { position:absolute; left:0; top:0; }  
div#down { position:absolute; left:0; bottom:0; }

/* for safari, to prevent selection problem  */
div#scrollbar, div#track, div#dragBar, div#up, div#down {
    -moz-user-select: none;
    -khtml-user-select: none;
}

/* so no gap or misplacement due to image vertical alignment [1]*/
div#scrollbar img {
    display:block; 
    } 

div.container {
  border: 2px dashed #FFFFFF;
  background-color: #ffe;
  }

div.spacer {
  clear: both;
  }

hr{height: 1px; border:1px solid #FAFAD2;} 

div { border: #FFFFFF 0px dashed; }

#container { width: 950px; margin: 25px auto; }

#header { width: 950px; float: left; border-bottom: 10px; border-color: #888888;}

#main-holder { width: 670px; float: left; }

#main { width: 665px; 
		height: 475px;
float: left; }
#mainscroll { width: 12px; float: right; }

/* ABOUT SECTION */

#main-holderabout { width: 950px; float: left; }
#mainabout1 { width: 300px; float: left; }
#mainabout2 { width: 645px; float: right; }

/* ALLWORK */

#mainwork { width: 950px; height: 450px; float: left; }

/* FRONT PAGE - INDEX */

#mainindex { width: 650px; float: left; }
#mainindexnews { width: 290px; height 470px; float: right; }
#mainindexrecent { width: 290px; float: right; }

/* LINKS */

#main-holderlinks { width: 950px; float: left; }
#mainlinks1 { width: 250px; float: left; border-right: #888888 25px solid; }
#mainlinks2 { width: auto; float: left; border-right: #888888 25px solid; }
#mainlinks3 { width: 250px; float: left; border-right: #888888 25px solid; }
#mainlinks4 { width: 250px; float: left; border-right: #888888 25px solid; }

/* CONTACT */

#maincontact { width: 250px; float: left; }
#maincontact2 { width: 690px; float: right; }


#extra { 
	width: 270px; 
	height: 450px; 
	float : right; 
	}
#extra1 { 
	width: 270px; 
	height: 15px; 
	float : right; 
	}	

												/* CV */
.datecol {
	width: 40px;
	}
	
th {
	text-align: left;
	line-height: 1.5;
	}


#footer { width: 950px; float: left; font-size: 100%; font-family: "Arial"; color: #777777;
}

/* FLEXCROLL */

/* Scroll Bar Master Styling Starts Here */
/* All comments can be freely removed from the css */



.scrollgeneric {

line-height: 1px;
font-size: 1px;
position: absolute;

top: 0; left: 0;
}



.vscrollerbase {

width: 11px;

background-color: #CCCCCC;
}

.vscrollerbar {

width: 11px;

background-color: #666666;

}

.hscrollerbase {

height: 10px;

background-color: white;
}
.hscrollerbar {

height: 10px;

background-color: black;

}



.scrollerjogbox {

width: 10px;
height: 10px;

top: auto; left: auto;
bottom: 0px; right: 0px;
background-color: gray;
}