body,td,th {font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #FFF;}

body {background-color: #265b9f; margin: 0px; background-image: url('../img/back.jpg'); background-repeat: repeat-x;}

a, a:link, a:visited, a:hover, a:active {color: #FFF;}

h1, h1 a, h1 a:link, h1 a:visited, h1 a:hover, h1 a:active { font-size:18px; color:#f5d000; margin:0; padding:0; text-decoration:none;}

.alert{ font-size:12px; color:#000; margin:0; padding:0; text-decoration:none;}

p {text-align:justify;}

div#header { width:960px; display:table; height:95px; background-image:url('../img/header2.jpg'); background-repeat:no-repeat;}

div#logo {width:220px; float:left; text-align:center; padding-top:20px;}

.upnupp{ float:left; padding:10px 14px 7px 14px;}

.upnupp:hover {background-color:#265b9f;}

div#upmenu {padding-top:6px; width:490px; float:left;}

div#upmenu a {font-size:14px; font-weight:bold; text-decoration:none;}

div#otsing {width:200px; float:left; padding:32px 0 0 12px;}

div#rightmenu { background-image:url('../img/rmenub.png'); background-repeat:no-repeat; background-position:top; background-color:#4d4d4d; width:220px; float:left; overflow:hidden; display:table;}

div#rightmenu ul, div#rightmenu li {
    list-style:none;
    margin:0;
    padding:0;
    
}





.drawers-wrapper {position: relative; width: 188px; float:left; padding:0 12px;}
.drawer {color:#FFF; font-size:11px; }
.drawer-handle {color:#fff; cursor:hand; font-size:12px; cursor:pointer; width:100%; padding:0px 4px 6px 4px; height:16px; border-bottom:1px solid #666;}
.drawer-handle.open {background-color:#000; color:#e5c200; cursor:default; font-size:12px; width:100%; padding:6px 4px; height:16px;}
.drawers a {color:#ccc; text-decoration:none; margin-left:8px; line-height:18px; }
.drawers a:hover {color:#e5c200;}

.Menu-wrapper {position: relative; width: 188px; float:left; padding:0 12px; }
.head {color:#FFF; font-size:11px; }

.head-handle {
    color:#fff;
    font-size:13px;
    padding:0px 4px 6px 4px;
    border-bottom:1px solid #666;
    
}

.head-handle.open {background-color:#000; color:#e5c200; cursor:default; font-size:12px; width:100%; padding:6px 4px; height:16px;}

.head a {color:#ccc; text-decoration:none; margin-left:8px; line-height:18px; }
.head a:hover {color:#e5c200;}
	

.news {background-color:#000; padding:6px;}

div#NewsBody img {margin:5px;}




/* These hieghts and widths should be edited to your images */	
ul#pikame{
	padding-left:0;
	width:450px;
	margin:0 auto;}
.pika_main{
	width:500px;
	padding-right:20px;
	margin:0 auto;}
#pikame li{
	margin:5px;
	float: left;
	border:2px solid #222;}

/* thats all you NEED to edit. But continue if you'd like. */
ul#pikame li img{position:relative;cursor:pointer;}
.pika_main img{border:5px solid #222;}
.pika_main{position: relative;margin:0 auto;}
.pikachoose li{float:left;position:relative;overflow:hidden;list-style:none;}
.pika_play{position:absolute;top:10px;right:20px;z-index:1;}
.pika_play a{position:relative;margin-left:auto;cursor:pointer;}
.pika_play img{border:none !important;}
.pika_caption{width:100%;height:30px;text-align:center;}
.pika_navigation a{font-size: 12px;color:white;text-decoration: none;}
.pika_navigation a:hover{text-decoration: underline;}
.pika_navigation{padding-top:10px;clear:both;text-align:center;}



.slideshowThumbnail {
	outline: none;
}

#thumbnails {
	width: 700px;
	float: left;
}

#Picture {
   border:1px dotted #CCCCCC;
   float:left;
   height:160px;
   margin:5px;
   padding:5px;
   text-align:center;
   width:150px;
}


#YonexBody{
    width:960px;
    text-align:left;
    display:table;
    background-image:url('../img/sb.png');
    background-repeat:repeat-y;
}

#YonexOther{
    width:960px;
    text-align:left;
    display:table;
    background-color:#333;
}

.slideshow img { margin-left: 20px;margin-top: 20px; margin-bottom: 20px }