/* ---------Kodenkan website media screen settings --------- */

* {
		margin: 0;
		padding: 0;
		}

body {
		
		font: small Verdana, Arial, sans-serif;
		background: #f4f4f4 url(_img/bg.gif) center repeat-y;
		
		
			
		}
		
/*  --------- 2. structure  --------- */
img {border:none;}
ul{list-style:none;}
.hide{display:none;}



#wrapper {
		width: 699px;
		margin: 0 auto;
		background: #ffffff;
		padding: 10px;
		}
		
#masthead {
		background:#fff;
		height: 130px;
		width:650px;
		padding: 0 0 15px 0;
		border:none;
		width:100%;
		}
	
#content {
		padding-bottom: 10px;
		}




/* The gallery heading postioning . */
#galleryHeading {
    
	
}

/* The containing box for the gallery. */
#container {
	background: #fff url(_img/back.jpg) 75px 10px no-repeat;
    position:relative;
	width:670px; 
    height:396px; 
    margin:20px auto 0 auto; 
    border:1px solid #aaa; 

    }
	
/* Removing the list bullets and indentation */
#container ul {
    padding:0; 
    margin:0; 
    list-style-type:none; 
    }

/* Remove the images and text from sight */
#container a.gallery span {
    position:absolute; 
    width:1px; 
    height:1px; 
    top:5px; 
    left:5px; 
    overflow:hidden; 
    background:#fff;
    }

/* Adding the thumbnail images */
#container a.gallery, #container a.gallery:visited {
    display:block; 
    color:#000; 
    text-decoration:none; 
    border:1px solid #000; 
    margin:1px 2px 1px 2px; 
    text-align:left; 
    cursor:default;
    }
#container a.slidea {
    background:url(_img/gallery/p1_t.jpg);  
    height:93px; 
    width:60px;
    }
#container a.slideb {
    background:url(_img/gallery/p2_t.jpg); 
    height:93px; 
    width:60px;
    }
#container a.slidec {
    background:url(_img/gallery/p3_t.jpg);
    height:93px; 
    width:60px;
    }
#container a.slided {
    background:url(_img/gallery/p4_t.jpg); 
    height:60px; 
    width:93px;
    }
* html #container a.slided {
    width:91px; 
    w\idth:93px;
    }
#container a.slidee {
    background:url(_img/gallery/p5_t.jpg); 
    height:60px; 
    width:93px;
    }
#container a.slidef {
    background:url(_img/gallery/p6_t.jpg); 
    height:60px; 
    width:93px;
    }
* html #container a.slidef {
    width:91px; 
    w\idth:93px;
    }
#container a.slideg {
    background:url(_img/gallery/p7_t.jpg); 
    height:60px; 
    width:93px;
    }
#container a.slideh {
    background:url(_img/gallery/p8_t.jpg); 
    height:93px; 
    width:60px;
    }
#container a.slidei {
    background:url(_img/gallery/p9_t.jpg);  
    height:93px; 
    width:60px;
    }
#container a.slidej {
    background:url(_img/gallery/p10_t.jpg);
    height:93px; 
    width:60px;
    }
#container a.slidek {
    background:url(_img/gallery/p11_t.jpg); 
    height:60px; 
    width:93px;
    }
* html #container a.slidek {
    width:91px; 
    w\idth:93px;
    }
#container a.slidel {
  background:url(_img/gallery/p12_t.jpg); 
    height:60px; 
    width:93px;
    }

/* set the size of the unordered list to neatly house the thumbnails */
#container ul {
    width:198px; 
    height:386px;
    }
#container li {
    float:left;
    }

/* move the thumbnails into the correct position */
#container ul {
    margin:5px; 
    float:right;
    }

/* change the thumbnail border color */
#container a.gallery:hover {
    border:1px solid #fff; 
    }

/* styling the :hover span */
#container a.gallery:hover span {
    position:absolute; 
    width:390px; 
    height:372px; 
    top:10px; 
    left:55px; 
    color:#000; 
    background:#fff;
    }

#container a.gallery:hover img {
    border:1px solid #fff; 
    float:left; 
    margin-right:5px;
    }

#container a.slideb:hover img, #container a.slidei:hover img {
    float:right;
    }





/* Text alignment of Second Header in chosen pages*/
#secondHeader{
	text-align:center;
}

/* Text alignment of  Sub contents in chosen pages*/
#subContents{
	text-align:center;
}


#footer{
		clear:both;
		margin:0 auto;
		padding:10px 10px 20px 10px;
		border-top:4px solid #f0f0f0;
		width:90%;
		text-align:center;
		color:#808080;
		font-size:0.7em;
		}

#mainColumn{
		float: left;
		padding: 10px;
		background: #fff;
		text-align:center;
		width:200px;
		
		}

#extraColumn {
		float: left;
		padding: 10px;
		background: #eeeeee;
		text-align:left;
		}
.twoColumnPage #sidebar {
		width: 229px;
		margin-right: 10px;
		}

.twoColumnPage #mainColumn {
		width: 420px;
		
		}

.twoColumnPage #extraColumn {
		display: none
		}

.threeColumnPage #sidebar {
		width: 159px;
		margin-right: 10px;
		}

.threeColumnPage #mainColumn {
		width: 340px;
		margin-right: 10px;
		border:0;
		}

.threeColumnPage #extraColumn {
		width: 145px;
		margin:0 0 10px 0;
		border:0;
		
		}

.entrancePage #sidebar {
		width: 324px;
		margin-right: 10px;
		}

.entrancePage #mainColumn {
		width: 324px;
		}

.entrancePage #extraColumn {
		display: none
		}

.separator {
		clear: both;
		}
/* ---------- 3. links and navigation ---------- */
/*---   tab skip nav and links above the logo----- */
#links
{ margin-left: auto; 
  margin-right: auto;
  padding: 9px 25px 3px 19px;
  width: 90%;
  text-align: right;
  height: 22px;
  border: 1px solid;
  background: #fff;
  color:#999999;
  border:0;
}


#links a, #links a:hover
{text-decoration:none;
 background-color: transparent;
 color: #5F4F53;
}

#links a:hover, a:hover
{ background-color: transparent;
  color:#FF0000;
}  

/* ----sitelinks------ */


#sitelinks ul li
{ margin: 1em 0 0 2em;
  padding-left:8px;
  text-align:left;
  color:#999999;
  list-style-type: disc;
  width:10em;
  text-decoration:none;
 
}


#sitelinks ul li a, #sitelinks ul li a:hover
{text-decoration:none;
 color: #5F4F53;
 
}


#sitelinks ul li  a:hover, a:hover
{ text-decoration:none;
  color:#FF0000;
  
} 
  


/* ----sidemenu------ */

#sidemenu{
clear:left;
float:left;
width:150px;
margin:0 0 10px 0;
padding:0 10px 0 0;
font-size:0.9em;
}

#sidemenu ul{	
list-style:none;
width:150px;
margin:0 0 20px 0;
padding:0;
font-size:1.1em;
}	

#sidemenu li{
margin-bottom:4px;
}

#sidemenu li a{
font-weight:bold;
height:20px;
text-decoration:none;
color:#505050;
display:block;
padding:6px 0 0 10px;
background:#f4f4f4;
border-left:4px solid #cccccc;
}	
	
#sidemenu li a:hover{
background:#eaeaea;
color:#286ea0;
border-left:4px solid #286ea0;
}



#navigation {
		background-color:#fff;
		font: bold 14px Arial, sans-serif;
		height: 29px;
		margin-bottom: 10px;
		}

#navigation ul {
		list-style-type:none;
		}

#navigation li {
		display: inline;
		float: left;
		}

#navigation a {
		display: block;
		width: 231px;
		text-align: center;
		line-height: 29px;
		background: #000066;
		text-decoration: none;
		color: #ffffff;
		}
	
#navigation a:hover {
		background: #69C;
		color:#000000
		}

.interviewsPage #interviews {
		background: #fcd753;
		color: #f35619;
		}

/* ---------- 4. fonts ---------- */

h1, h2, h3, h4, p, ul {
		}

h1 {
		font: bold 125% Arial, sans-serif;
		text-transform: uppercase;
		margin-bottom: 5px;
		}

p {
		font-size: 93%;
		line-height: 1.3em;
		margin-bottom: 1em;
		}

.twoColumnPage #sidebar, .threeColumnPage #sidebar {
		font-size: 92%;
		}
		
		
.threeColumnPage #extraColumn h1 {
		font-size: 77%;
		}
		
.threeColumnPage #extraColumn p {
		font-size: 84%;
		}
		
/*footer*/

#footer a{
		color:#808080;
		text-decoration:none;
		}

#footer a:hover{
text-decoration:none;
color:#FF0000;
}