@charset "UTF-8";
/* CSS Document */

body
{
background-image:url(../images/blue_bg.jpg);
background-repeat:no-repeat;
margin:0;
padding:0;
text-align:center;
}

.wrapper
{
width:1213px;
height:904px;
margin:auto;
}

#container
{   
width:100%;
height:100%;       
background-image:url(../images/bg_picture.png);
background-repeat:no-repeat;
text-align:left;
}

#content
{
float:left;
width:75%;
height:625px;
margin-top:20%;
margin-left:8.5%;
}

#sidepanel
{
float:right;
width:12%;
margin-top:25%;
margin-right:4%;
text-align:center;
}

#sidepanel ul
{
padding:0;
list-style:none;
}

#sidepanel li
{
padding-bottom:6%;
}

img
{
border:none;
}

#sidepanel li a
{
border:none;
}

#header
{
width:100%;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:0.8em;
margin-left:4%;
margin-top:1.7%;
}

#submenu
{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:0.9em;
text-align:center;
padding-bottom:2%;
}

h1
{
background-image:url(../images/title_KNI3.jpg);
background-repeat:no-repeat;
height:15px;
}

h2
{
background-image:url(../images/comingsoon.jpg);
background-repeat:no-repeat;
height:25px;
}

h4
{
font-size:0.9em;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-weight:bold;
}

h5
{
font-size:1em;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-weight:bold;
}

h1 span, h2 span, h3, h4 span
{
display:none;
}

#contentbox
{
margin-top:10%;
height:505px;
}

#contentbox p
{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:0.75em;
line-height:1.1em;
}

#contentbox .one_col
{
width:90%;
height:480px;
float:left;
text-align:left;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:1em;
color:#000000;overflow:auto;
margin-left:5%;
padding-right:1%;
}

#contentbox .eventsleft_leftalign
{
width:40%;
height:420px;
overflow:auto;
float:left;
text-align:left;
margin-left:5%;
}

#contentbox .colleft_centeralign
{
width:40%;
float:left;
text-align:center;
}

#contentbox .colleft_leftalign
{
width:90%;
float:left;
text-align:left;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:0.8em;
color:#000000;
}

#contentbox .colleft_leftalign ul
{
list-style:none;
}

#contentbox .colleft_leftalign li
{
padding:1%;
}

#contentbox .colleft_leftalign li a
{
color:#000000;
text-decoration:none;
}

#contentbox .colleft_leftalign li a:hover, a:active
{
color:#000000;
text-decoration:underline;
}

.list_color
{
background-color:#FFFFFF; 
}

#contentbox .colright
{
width:50%;
float:left;
}

#contentbox .events_colright
{
width:45%;
height:420px;
float:left;
padding-left:5%;
overflow:auto;
}

#contentbox .one_col2
{
width:90%;
height:430px;
float:left;
text-align:left;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:1em;
color:#000000;overflow:auto;
margin-left:5%;
padding-right:1%;
}

#contentbox .one_col2 li
{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:0.8em;
list-style-type:decimal;
}

.wallpaper_icon
{
width:22%;
float:left;
}

#contentbox .fourcolright1
{
padding-left:2%;
width:5%;
float:left;
margin-top:17%;
}

#contentbox .fourcolright2
{
padding-left:4%;
width:25%;
float:left;
}

#contentbox .fourcolright2 table
{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:0.8em;
margin-top:3%;
}

#contentbox .fourcolright3
{
width:52%;
float:left;
}

#contentbox .fourcolright3_scroll
{
width:51%;
float:left;
height:400px;
overflow:auto;
padding-right:1%;
}

#contentbox .fourcolright4
{
padding-left:3%;
width:5%;
float:left;
margin-top:17%;
}

#contentbox .fourcolright3 .smaller_font
{
font-size:0.6em;
}

#contentbox .threecolright
{
width:74%;
height:445px;
float:left;
margin-left:6%;
padding-right:1%;
background-color:#CCCCCC;
text-align:center;
}

.main_image img
{
height: 380px;
}

.image_thumb ul 
{
padding-top:2%;
padding-bottom:1%;
margin:0;
list-style:none;	
}

.image_thumb ul li 
{
display:inline;
}

#footer
{
text-align:center;
}

#footer ul
{
list-style:none;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:0.6em;
}

#footer li
{
display:inline;
color:#000000;
}

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

#footer li a:hover
{
color:#36388b;
text-decoration:underline;
}

a.standardlink
{
font-family:Verdana, Arial, Helvetica, sans-serif;
}

a.standardlink:link 
{	
color: #36388b;	
text-decoration: none;
}

a.standardlink:visited 
{	
color: #36388b;	
text-decoration: none;
}

a.standardlink:hover 
{
color: #66c7e4;
text-decoration: underline;
}

a.standardlink:active 
{	
color: #36388b;	
text-decoration: none;
}

.floatleft
{
float:left;
padding:2% 2% 2% 0;
}

/*======================================================
			event's photo page
========================================================*/
#contentbox .events_colright_top
{
width:47%;
height:320px;
float:left;
padding-left:3%;
overflow:auto;
}

#contentbox .events_colright_bottom
{
width:47%;
height:100px;
text-align:center;
float:left;
padding-left:3%;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:0.7em;
}

/*======================================================
			author page
========================================================*/
#contentbox .authors_col
{
width:95%;
float:left;
text-align:left;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:1em;
margin-left:4%;
}

/* Portfolio Filter Stylesheet */
div#author_container 
{ 
width:95%;
height:420px;
margin: auto 0;
position: relative; 
overflow: auto;
overflow-x: hidden;
}

ul#filter { list-style: none; width: 100%; }
ul#filter li { 
	border-right: 1px solid #36388b;
	float: left;
	margin-right: 10px;
	padding-right: 10px;
}
ul#filter li:last-child { border-right: none; margin-right: 0; padding-right: 0; }
ul#filter a { color: #36388b; text-decoration: none; }
ul#filter li.current a, ul#filter a:hover { color: #66c7e4; text-decoration: underline; }
ul#filter li.current a { color: #36388b; font-weight: bold; }

ul#portfolio { float: left; list-style: none; margin: 0; padding:0; width: 100%; }
ul#portfolio li { 
	float: left; 
	margin: 0 0 30px 40px; 
	padding: 0;	
}
ul#portfolio a { display: block; width: 100%; }
ul#portfolio a:hover { text-decoration: none; }
ul#portfolio img { display: block; padding-bottom: 5px; }

/* img Stylesheet */
h6
{
margin: 5px 10px 0 10px;
color:#FFF;
font:0.8em Verdana, Arial, Helvetica, sans-serif;
letter-spacing:-1px;
}
			
.boxgrid
{ 
width: 150px; 
height: 225px; 
float:left; 
overflow: hidden; 
position: relative;
}

.boxgrid img
{ 
position: absolute; 
top: 0; 
left: 0; 
border: 0; 
}
				
.boxcaption
{
bottom:0;
float: left; 
position: absolute; 
background: #000; 
height: 40px; 
width: 100%; 
opacity: .8; 
/* For IE 5-7 */
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
/* For IE 8 */
-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
}

.captionfull .boxcaption 
{
top: 260;
left: 0;
}

.caption .boxcaption 
{
top: 200;
left: 0;
}