/* CSS Document */
* { margin:0; padding:0;}

.column { float:left;}
.clear { clear:both;}

html, body { height:100%; }
body {font-size:100%; line-height:0.96em; text-align:center; background:url(images/bg.gif) repeat-x top #bbc0c2}
html, input, textarea
	{ font-family:Arial; 
		color:#595959;
	}	


.vam{ vertical-align:middle}
.fl{ float:left}
.fr{ float:right}
.tac{ text-align: center}

a img{ border:0px}
img{ vertical-align:top;  }

b{color:#018eb9;}
span{color:#dddddd; font-size:1em;} 
.width{ width:100%}

a{color:#595959; text-decoration:underline} 
a:hover{text-decoration:none}
.a1{color:#e5156d; font-size:0.89em; margin-right:20px} 
.a2{color:#e5156d; font-size:1em; margin-right:20px}

ul{margin:0; padding:0; list-style:none; line-height:18px}
ul li{background:url(images/arrow2.gif)  top left no-repeat; background-position:0 7px; margin:0 0 0 21px; padding-left:12px; }
ul li a{color:#5b5b5b; text-decoration: underline; font-weight:bold; font-size:0.9em; font-family:Tahoma} 
ul li a:hover { text-decoration:none; }


.ul li a{text-decoration:none;} 
.ul li a:hover { text-decoration:none; color:#333333; }

/*header*/
#header{
	font-size:0.75em;
	width:100%;
	color:#FFFFFF;
	line-height:1.5em;
}
#header .logo{
	margin-top: 9px;
	margin-right: 517px;
	margin-bottom: 5px;
	margin-left: 0px;
}
#header .arrow1{ margin:39px 0px 66px 0px }
#header .button1{
	width: 100px;
	margin-top: 20px;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: 10px;
}
#header .word{ margin:99px 0px 0px 40px }
#header .indent{
	padding-top: 60px;
	padding-right: 0px;
	padding-bottom: 24px;
	padding-left: 0px;
}
#header .indent2{ margin:0px 18px 0px 0px }
#header .title_1{ background:url(images/title_1.gif); padding:10px 0px 17px 46px; margin-bottom:9px; color:#e9e7da}

#page7 #header{ font-size:0.75em; width:100%; color:#FFFFFF; line-height:1.2em}
#page7 #header p{ padding:10px 0px 8px 0px}
#page7 #header .title_1{ background:url(images/title_2.gif); padding:10px 0px 17px 46px; margin-bottom:9px; color:#e9e7da}

/*main_menu*/
.main_menu li {
	float:left;
	padding-left:0px;
	margin:0px;
	background-image: url(images/m.gif);
	background-repeat: repeat-x;
	background-position: top;
}
.main_menu li .current {
	background-image: url(images/m1.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
.main_menu li .last {
	padding-right:40px;
	background-image: url(images/m3.gif);
	background-repeat: repeat-x;
	background-position: right top;
}
.main_menu li a {
	display:block;
	float:left;
	color:#ccd5d7;
	font-family:Arial;
	text-decoration:none;
	padding:11px 29px 14px 31px;
	font-weight:normal;
	font-size:1em;
	background-image: url(images/m2.gif);
	background-repeat: no-repeat;
	background-position: right top;
}
.main_menu li a:hover { color:#FFFFFF; text-decoration:none;}

/*block*/
#block{
	background:url(images/bg_center.gif);
	width:100%
}
#block .top{ background:url(images/bg_top.gif) repeat-x top}
#block .bottom{ background:url(images/bg_bottom.gif) repeat-x bottom }
#block .left{ background:url(images/bg_left.gif) repeat-y left }
#block .right{ background:url(images/bg_right.gif) repeat-y right}
#block .top_left{ background:url(images/bg_top_left.gif) no-repeat top left }
#block .top_right{ background:url(images/bg_top_right.gif) no-repeat top right }
#block .bottom_left{ background:url(images/bg_bottom_left.gif) no-repeat bottom left  }
#block .bottom_right{
	background:url(images/bg_bottom_right.gif) no-repeat bottom right;
}
#block .indent1{
	padding-top: 25px;
	padding-right: 27px;
	padding-bottom: 15px;
	padding-left: 10px;
}
/*block_1*/
.block_1{
	background:url(images/bg_center_1.gif);
	width:95%
}
.block_1 .top{ background:url(images/bg_top_1.gif) repeat-x top}
.block_1 .bottom{ background:url(images/bg_bottom_1.gif) repeat-x bottom }
.block_1 .left{ background:url(images/bg_left_1.gif) repeat-y left }
.block_1 .right{ background:url(images/bg_right_1.gif) repeat-y right}
.block_1 .top_left{ background:url(images/bg_top_left_1.gif) no-repeat top left }
.block_1 .top_right{ background:url(images/bg_top_right_1.gif) no-repeat top right }
.block_1 .bottom_left{ background:url(images/bg_bottom_left_1.gif) no-repeat bottom left   }
.block_1 .bottom_right{ background:url(images/bg_bottom_right_1.gif) no-repeat bottom right }
/*block_2*/
.block_2{ background:url(images/bg_center_1.gif); width:100%}
.block_2 .top{ background:url(images/bg_top_2.gif) repeat-x top}
.block_2 .bottom{ background:url(images/bg_bottom_1.gif) repeat-x bottom }
.block_2 .left{ background:url(images/bg_left_1.gif) repeat-y left }
.block_2 .right{ background:url(images/bg_right_1.gif) repeat-y right}
.block_2 .top_left{ background:url(images/bg_top_left_2.gif) no-repeat top left }
.block_2 .top_right{ background:url(images/bg_top_right_2.gif) no-repeat top right }
.block_2 .bottom_left{ background:url(images/bg_bottom_left_1.gif) no-repeat bottom left   }
.block_2 .bottom_right{ background:url(images/bg_bottom_right_1.gif) no-repeat bottom right }
/*block_3*/
.block_3{ background:url(images/bg_center_1.gif); width:100%}
.block_3 .top{ background:url(images/bg_top_1.gif) repeat-x top}
.block_3 .bottom{ background:url(images/bg_bottom_1.gif) repeat-x bottom }
.block_3 .left{ background:url(images/bg_left_1.gif) repeat-y left }
.block_3 .right{ background:url(images/bg_right_1.gif) repeat-y right}
.block_3 .top_left{ background:url(images/bg_top_left_1.gif) no-repeat top left }
.block_3 .top_right{ background:url(images/bg_top_right_1.gif) no-repeat top right }
.block_3 .bottom_left{
	background-image: url(images/bg_bottom_left_1.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
}
.block_3 .bottom_right{ background:url(images/bg_bottom_right_1.gif) no-repeat bottom right }

/*content*/
#content{ font-size:0.75em; width:100%;}
#content .title{margin-bottom:16px}
#content p{ margin:14px 0px 14px 0px}
#content .p{ margin:0px 0px 14px 0px}
#content .more{ margin:14px 0px 0px 0px}
#content .more1{ margin:14px 0px 13px 0px}
#content .more2{ margin:4px 0px 0px 0px}
#content .pic_left{ float:left; margin:0px 10px 0px 0px}
#content .pic_left1{ float:left; margin:0px 20px 0px 0px}
#content .pic_left2{ float:left; margin:0px 20px 10px -14px}
#content .pic_left3{ float:left; margin:0px 20px 10px 0px}
#content .pic{ margin:0px -17px 15px -17px}
#content .indent_col2{padding:0px 0px 0px 21px}
#content .indent_col3{padding:0px 0px 0px 21px}
#content .indent{
	padding-top: 26px;
	padding-right: 10px;
	padding-bottom: 42px;
	padding-left: 10px;
}
#content .indent1{
	padding-top: 14px;
	padding-right: 18px;
	padding-bottom: 17px;
	padding-left: 18px;
}
#content .indent2{
	padding-top: 26px;
	padding-right: 38px;
	padding-bottom: 32px;
	padding-left: 20px;
}
#content .indent3{padding:14px 21px 25px 33px}
#content .indent4{padding:14px 21px 30px 33px}
#content .indent5{padding:26px 30px 25px 32px}
#content .pad{padding:0px 0px 0px 175px}
#content .pad1{padding:0px 20px 0px 0px; float:right}
#content h2{padding:20px 27px 15px 55px;  color:#ccd5d7; font-size:1em; font-weight:normal}


.table table{
	background:url(images/bg_1.gif) repeat-x top #c7c9cb;
	width:205px;
	color:#495355;
	font-size:0.9em;
	font-family:Tahoma;
	padding: 0px;
	margin-top: 40px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
.table td{  height:17px; border-right:1px solid #afb3b4; border-bottom:1px solid #afb3b4 }
.table b{ color:#4783c6; }
.table .corner1{ width:99px; padding-left:19px; background:url(images/corner1.gif) no-repeat top left #b5b8b9}
.table .corner2{ background:url(images/corner2.gif) no-repeat top right #b8bbbc}
.table .corner3{ width:99px; padding-left:19px; border-bottom:none;   background:url(images/corner4.gif) no-repeat bottom left #c9cacd}
.table .corner4{ background:url(images/corner3.gif) no-repeat bottom right #cbcdcf}
.table .td1{ width:99px; padding-left:19px; background:#bec1c2 }
.table .td2{ width:109px; text-align:center; border-right:none}
.table .td5{ width:99px; padding-left:19px; background:#c4c8ca; border-bottom:none }
.table .td4{ width:109px; text-align:center; border-right:none; border-bottom:none}
/*index.html*/
#page1 #content .bg{
	background-repeat: no-repeat;
	background-position: left bottom;
} 
/*index-5.html*/
#page6 #content .col3 p{ margin:10px 0px 10px 0px} 




/*footer*/
#footer { color:#ffffff; font-size:0.75em; padding:50px 0px 27px 0px; background:url(images/bot.gif) repeat-x top; font-family:Arial }
#footer a {color:#ffffff; text-decoration:underline}  
#footer a:hover {  text-decoration:none}


.h{ height:25px}
.h1{ height:17px; font-size:0.9em}
.h2{ font-size:0.9em; margin:15px 0 2px 0}
.h3{
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: small;
	text-decoration: none;
	color: #FFFFFF;
	margin-left: 80px;
 }

.button{
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0px;
	margin-left: 0px;
}
.input1{
   width:145px; height:17px;
   font-size:0.9em;
   padding-left:2px;
   margin-bottom:3px
}
.input2{
	width:145px;
	height:17px;
	font-size:0.9em;
	padding-left:2px;
	margin-bottom:3px
}
.input3{
   width:14px; height:14px;
   vertical-align:middle;
   margin:0 7px 0 9px
}
input{
   width:242px; height:20px;
   font-size:0.9em;
   padding-left:4px;
   margin-bottom:3px
}
textarea{
   width:242px; height:76px;
   font-size:0.9em;
   padding-left:4px;
   margin-bottom:11px;
   overflow:auto}
#shift {
	margin-left: 40px;	
    }
/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menu/clickgallery.html
Copyright (c) 2005-2009 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
.playbox img {border:1px solid #000; margin:5px;}

.lightbox {width:100%; height:100%; display:none; position:fixed; left:0; top:0; z-index:1000; padding:30px 0 0 0; font-family:arial, sans-serif;}
.lightbox .light {width:100%; height:100%; position:fixed; z-index:-1; top:0; left:0; background:#000; opacity:0.5; filter: alpha(opacity=50);
 text-align:center;}
/* this is for IE6 . If you want to have the lightbox scroll with the page in ALL browsers then remove the * html */
* html .lightbox {position:absolute;}
* html .lightbox .light {position:absolute; height:5000px;}

.lightbox .box {width:700px; background:#000; border:10px solid #fff; margin:0 auto; padding:10px; position:relative;
-o-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5);
-icab-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5);
-khtml-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5);
-moz-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5);
-webkit-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5);
box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5);
}
.lightbox .box img {display:block; margin:0 auto;}
.lightbox .box p {width:700px; padding:20px 0; margin:0; color:#fff; text-align:left; font-size:12px;}
.lightbox .box a.closebox {display:block; width:25px; height:30px; background:#000; color:#fff; font-weight:bold; font-size:26px; text-decoration:none; text-align:center; position:absolute; right:-1px; bottom:-1px; border:1px solid #000000;}
.lightbox .box a.closebox:hover {color:#f00;}

.lightbox .box2 {width:500px; background:#444; border:10px solid #fff; margin:0 auto; padding:10px; position:relative;
-o-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5);
-icab-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5);
-khtml-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5);
-moz-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5);
-webkit-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5);
box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5);
}
.lightbox .box2 h3 {color:#fff; font-size:22px; padding:10px 0; margin:0;}
.lightbox .box2 p {width:500px; padding:5px 0; margin:0; color:#fff; text-align:left; font-size:12px; line-height:18px;}
.lightbox .box2 a {color:#fc0;}
.lightbox .box2 a:hover {color:#ff0; text-decoration:none;}
.lightbox .box2 a.closebox {display:block; width:25px; height:30px; background:#444; color:#fff; font-weight:bold; font-size:26px; text-decoration:none; text-align:center; position:relative; right:-1px; bottom:-1px; border:1px solid #fff;}
.lightbox .box2 a.closebox:hover {color:#f00;}


#pic1:target {display:block;}
#pic2:target {display:block;}
#pic3:target {display:block;}
#pic4:target {display:block;}
#pic5:target {display:block;}
#pic6:target {display:block;}
#pic7:target {display:block;}
#pic8:target {display:block;}