*{margin:0; padding:0}

fieldset, img{border:0}
 
a:focus{outline:none}

ul{padding-left:16px;list-style-type:none;display:inline;}
li {display:inline;}

 
html{height:100%; margin-bottom:1px}

a:link, a:visited{text-decoration:none}
a:hover{text-decoration:underline}

h1, h2, h3, h4, h5, h6{font-weight:bold; line-height:100%}

h1{font-size:300%}
h2{font-size:250%}
h3{font-size:200%}
h4{font-size:175%}
h5{font-size:150%}
h6{font-size:125%}

body{font-family:'MS Sans Serif', Geneva, sans-serif; font-size:14px; line-height:150%; color:#646464; background:#F5F5F5 url(../images/bg.gif) repeat-y 50%}
a:link, a:visited{color:#3BA0BC}

a:hover{color:#2F7D93}
h1, h2, h3, h4, h5, h6{font-family:Arial,Helvetica,sans-serif}

h1{font-weight:normal; color:#7887A0}

h2{color:#b4b4be}

h3{color:#646478}

h4{font-weight:normal; color:#7887A0}

h5{color:#878796}

h6{color:#7887A0}
.inside-right{padding:0 20px 0 0}
.inside{padding:8px}
.clear{clear:both}
.gap{height:8px; display:block; clear:both}

#wrap{padding:0; width:960px!important; margin:0 auto; text-align:left; position:relative; background:#fff}
#header{
  float:left; color:#fff; width:100%; 
  /*height:100px;  */
  position:relative
}
#logo{width:299px; height:138px; float:left; background:url(../images/logo.gif) no-repeat}
#top-menu{width:auto; height:auto; position:absolute; right:8px; top:5px}

#koan{width:auto; height:auto; float:left; left:8px; top:5px}
#top-image{width:auto; height:auto; float:left; left:8px; top:5px}
#main-logo-wrap {
  float:left;
  /* background:red; */
  width: 200px;
  height:200px;
  margin:16px;
}


#date{background:url(/images/M_images/orologio.gif) no-repeat left center; padding-left:15px; width:auto; height:auto; position:absolute; right:16px; top:25px; color:#C8C8C8; font-size:9px; width:auto}
#container{margin:0; width:auto; height:auto; background:#fff; border-left:1px solid #e3e3e3; border-right:1px solid #e3e3e3}
#top-m{width:100%; height:5px; background:url(../images/top-m.gif) repeat-x}
#top-lt{width:100%; height:5px; background:url(../images/top-lt.gif) no-repeat left}
#top-rt{width:100%; height:5px; background:url(../images/top-rt.gif) no-repeat right}
#bottom-m{width:100%; height:5px; background:url(../images/bottom-m.gif) repeat-x}
#bottom-lt{width:100%; height:5px; background:url(../images/bottom-lt.gif) no-repeat left}
#bottom-rt{width:100%; height:5px; background:url(../images/bottom-rt.gif) no-repeat right}

#right{float:right; width:100; overflow:hidden; background:none}

#content80{float:left; width:68%; overflow:hidden}
#content100{float:left; width:100%; overflow:hidden}
#user{width:auto; height:auto; }
#user1, #user2, #user3, #user4, #user5{height:auto; float:left;}
#user1 a {font-family:Helvetica,Arial,sans-serif;color:#191970; }
#user2 a {font-family:Helvetica,Arial,sans-serif;color:#D2691E; }
#user3 a {font-family:Helvetica,Arial,sans-serif;color:#008B00; }
#user4 a {font-family:Helvetica,Arial,sans-serif;color:#2F2F4F; }
#user5 a {font-family:Helvetica,Arial,sans-serif;color:#551A8B; }

#user2{width:15%; !important;}
#user5{margin-left:20px;width:15%; !important;}
#user h2{font-family:Helvetica,Arial,sans-serif; font-weight:bold; color:#59B5EB; font-size:12px; text-transform:uppercase}
.imgborder{border:1px solid #DDD; background:#fff; padding:4px; margin:0 10px 10px 0}
.usertop-inside{padding:16px 16px 0 16px}
.userpadding{padding:10px 20px 10px 10px}
#footer{background:#fff url(../images/footer_bg.gif) no-repeat;text-align:left; clear:both; height:104px}
#copyright{height:auto; width:auto; padding:5px 10px; font-size:10px; color:#808080; float:left}
#footer-nav{width:auto; height:45px; line-height:45px; margin:0; padding:0; }

#login_area, 
#login{ height:32px; line-height:32px; font-size:10px}
#login{display:none}
#login_area .inside, #login .inside{padding:0 16px}
#login_area a{background:url('../images/button_left.png') no-repeat 0 50%; color:#FFF; padding:4px 3px; margin-right:1px}
#login_area  a span{background:url('../images/button_right.png') no-repeat 100% 50%; padding:4px 7px 4px 4px}
#login_area a:hover{}

#search{width:auto; height:auto; float:right}
.search{margin-top:5px}
.search input{border:1px solid #e1e1e1; padding:3px 2px; color:#c0c0c0; width:215px}
.search input:focus{color:#000}
.search .button, 
.logout input.button, #login .button{color:#fff; border:none; width:auto; height:19px; padding:0 0 1px; margin-left:3px; background:#3CA2BE; cursor:pointer}

#login li{float:left; background:none; padding:3px 6px 0 0; line-height:30px; border:none; list-style-type:none; font-size:12px}
#login label{color:#666; font-size:12px; margin-right:4px}
input#modlogin_username, 
input#modlogin_passwd{border:1px solid #E1E1E1; color:#C0C0C0; padding:3px 2px; width:117px}
.main-inside{padding:10px 16px}

.slide-padding{
  padding:16px 16px 0 16px;
  margin-left:200px;
}
#slide-wrap{padding:20px 40px; background:#f1f1f1; position:relative; -moz-border-radius:5px; -webkit-border-radius:5px}
#slide-box{position:absolute}
#slide-box p{font-size:12px; line-height:18px; color:#8C8C8C}
#slide-box h1{color:#666; font-size:20px; line-height:120%}
#slide-box .inner{width:650px; height:180px; display:block; float:left}
.bg-img{border:1px solid #DDD; background:#fff; padding:4px; margin:0 20px 0 0}

.slide-box{position:relative; width:650px; height:180px; overflow:hidden}

.button-left{width:20px; height:100%; position:absolute; top:0; left:0; background:url(../images/left-button.png) no-repeat 0 50%; opacity:0.4; filter:alpha(opacity=40); z-index:1024; cursor:pointer}
.button-right{width:20px; height:100%; position:absolute; top:0; right:0; background:url(../images/right-button.png) no-repeat 100% 50%; opacity:0.4; filter:alpha(opacity=40); z-index:1024; cursor:pointer}
.button-left:hover{opacity:1; filter:alpha(opacity=100)}
.button-right:hover{opacity:1; filter:alpha(opacity=100)}




/* sliding boxes*/
.boxgrid{
	width: 325px;
	height: 260px;
	margin:10px;
	float:left;
	background:#161613;
	border: solid 2px #8399AF;
	overflow: hidden;
	position: relative;
}
.boxgrid img{
	position: absolute;
	top: 0;
	left: 0;
	border: 0;
}
.boxcaption{
	float: left;
	position: absolute;
	background: #000;
	height: 100px;
	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: 220;
 	left: 0;
 }
