/* CSS RESET */
html{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym {border:0;font-variant:normal;}sup {vertical-align:text-top;}sub {vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}legend{color:#000;}

body { font-size:14px; font-family: Helvetica Neue;}
table{font-size:inherit;font-size:100%; padding: 10px;}
.workshop td {padding: 5px;}
pre,code,kbd,samp,tt{ font-size:12px; font-family: Helvetica Neue, sans-serif;line-height:100%;}
/* CSS */


body {
	text-align:center;
	color:#3d3d3d;
       font-weight: 100; font-size:15px; font-family: Helvetica Neue, sans-serif;
}
a {
	text-decoration:none;
	color:#3d3d3d
}
a:hover {
	text-decoration: underline;
}
#wrap {
	width:900px;
	text-align:left;
	margin:0 auto;
}

.fl{ float:left}
.fr{ float:right}
.clearfix{ clear:both}


li ul {
    background: none; 
    display: none;}

li ul:hover{
color: #000;}

li:hover ul a{color:  black;}


li:hover  ul {
display: block;
list-style: none;
width:11px;
}



/* header */
#header { background:url(images/hd22.jpg); height: 303px; position:relative; font-size:14px;}
#header h1 {
       font-weight: 100; font-size:14px; font-family: Helvetica Neue, sans-serif;
	position:absolute;
	left:0px;
	top:20px;
	color:#3d3d3d;
}
h7 {
        font-weight: 120; font-size:17px; font-family: Helvetica Neue, sans-serif;
	color:#3d3d3d;
}

h1{
font-size: 12px;
}

h3 {
color:#3d3d3d; 
font-weight: 120; font-size:17px; font-family: Helvetica Neue, sans-serif;
}

h8 {
color:#3d3d3d; 
font-weight: 200; font-size:18px; font-family: Helvetica Neue, sans-serif;
	text-align:center;

}

h2 {
{font-size:140%; font-weight: 120; font-family: Helvetica Neue, sans-serif; line-height:130%; margin:0; }
}

h3 a{color:#3d3d3d;}

.sc{background:url(images/s.gif) no-repeat;height:38px;  width:230px; position:absolute; right:70px; top:20px}
.q { border:#1D7E9F 1px solid;width:165px; height:25px; position: absolute; top:8px; right:55px; background:#1D7E9F }
.submit {background:url(images/go.gif) no-repeat; height:39px; width:39px; border:0; position: absolute; top:0px; right:5px; }

#header li{ float:left; padding:0 6px; line-height:2.1em;
}
#header li:hover{ background:#a5cfe7;}
#header a:hover{ color:#c15200;}
#header a{ color:#c15200;}
#nav a{ text-decoration: none; color:#3d3d3d;}
#nav{
font-weight: bold;
font-weight: 120; font-family: Helvetica Neue, sans-serif;
	position:absolute;
	right:18px;
	top:272px;
	font-size:16px;
}

#bar { background: url(images/backbutton.jpg) no-repeat; padding-left: 10px; padding-top: 0px; width: 661px; height: 60px;
	 }


#bar a:hover 
{ padding:30px 0px 0px 0px;
 filter:alpha(opaci30px 0pxty=100); 
font-family: Helvetica Neue, sans-serif;
color: blue;  
background: #fb741b; }
#bar img {margin-bottom: -5px; margin-left: 0px;   filter:alpha(opacity=60);
  /* CSS3 standard */
  opacity:0.6; }



#header li a:hover {}
/* content */
#content {}
.side {background:url(images/leftt.jpg) no-repeat; width: 228px;}
.siden {background:url(images/left2.jpg) no-repeat; width:380px; }
.box { background:url(images/box.png); font-size:14px; padding:16px 10px 0 6px;}
.sidel {background:url(images/left3.jpg) no-repeat; width:380px;}
.sinner {width:218px;  height:427px; margin:64px 0 0 10px; font-size:15px; }
.main {background:#ececec;  border: solid black; border-width: 0 1px 1px 0;}
#bg2{ background:url(images/bg.jpg)}

#bg2,.main {
	padding-bottom:1500px;
	margin-bottom:-1500px;
}
.main h2 {font-size:140%; font-weight: 120; font-family: Helvetica Neue, sans-serif; line-height:130%; margin:0; }
.main h3		{font-size:130%; text-align:right;float: right; font-weight: 100; font-family: Helvetica Neue, sans-serif; margin:0; }
.main h4 {font-size:120%; font-weight: 120; font-family: Helvetica Neue, sans-serif;  margin:0 0 0px 0; }
.main a  {color:#ea7335; text-decoration:none; }
.main a:hover	{color:#ea7335; text-decoration:underline;}
.mainin { padding:0px 20px 20px 20px; width: 629px}
#bg{ background:url(images/bg.jpg);}

#bg,.main {
	padding-bottom:2400px;
	margin-bottom:-2400px;
}
#copyright{ width:230px; height:50px; padding:105px 0 0 95px;}
#copyright2{ width:230px; height:50px; padding:105px 0 0 95px;}
#copyright3{ width:230px; height:50px; padding:105px 0 0 95px;}
#content  {
	overflow:hidden;
}
.mainin img { border: 10px solid #ececec; }

/* footer */
#copyright {font-size:15px; padding-bottom:40px; color: #3d3d3d;}
#copyright2 {font-size:15px; padding-bottom:40px;  color: #3d3d3d;}
#copyright3 {font-size:15px; padding-bottom:40px; color: #3d3d3d;}
#foot { background:url(images/btt.jpg); color: #3d3d3d; width:900px; height: 90px; margin: 0px auto 0px auto;}
#foot a {color:#000000; margin:0 0 10px 0; padding:0; font-size:100%; font-family: Helvetica Neue; font-weight: 100;  }

#foot2 { background:url(images/btt.jpg); color: #3d3d3d; width:900px; height: 90px; margin: 0px auto 0px auto;}

#copyright a {color: #3d3d3d; font-size:12px;}
#copyright2 a {color: #3d3d3d; font-size:12px;}
#copyright3 a {color: #3d3d3d; font-size:12px;}
.sinner a {color: #3d3d3d; font-size:12px;}

/*---Nimble Header-----*/
#headern li a:hover { text-decoration:blink}
#headern li{ float:left; padding:0 6px; line-height:1.9em;}
#headern li:hover{background:#a5cfe7;}
#headern a{text-decoration: none;color:#6d6b6e;}
#headern ul{
font-weight: bold;
font-family: Tahoma;
	position:absolute;
	right:18px;
	top:268px;
	font-size:12px;
	border: solid;
	border-width:4px 0;}

#headern { background:url(images/hd3.jpg); height:303px; position:relative}
#headern h1 {
	font-size:40px;
	font-weight:600;
	position:absolute;
	left:50px;
	top:67px;
	color:#000
}

/*---light Header-----*/
#headerl li a:hover { text-decoration:blink}
#headerl li{ float:left; padding:0 6px; line-height:1.9em;}
#headerl li:hover{background:#a5cfe7;}
#headerl a{text-decoration: none;color:#6d6b6e;}
#headerl ul{
font-weight: bold;
font-family: Tahoma;
	position:absolute;
	right:18px;
	top:268px;
	font-size:12px;
	border: #517a8c solid;
	border-width:3px 0;
}

#headerl { background:url(images/hd4.jpg); height:303px; position:relative}
#headerl h1 {
	font-size:45px;
	font-weight:600;
	position:absolute;
font-weight: 100; font-family: Helvetica Neue, sans-serif;
	left:40px;
	top:114px;
	color: white;
}

#tag {
        padding-left: 25px;	
        font-family: Tahoma;
}


/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.gallerycontainer
{
padding-left: 30px;
margin-left:-20px;
position:absolute;
width: 650px;
height:400px;
/*Add a height attribute and set to largest image's height to prevent overlaying*/
}

.thumbnail img
{
border: 1px solid white;
margin: 0 5px 5px 0;
}

.thumbnail:hover
{
background-color: transparent;
}

.thumbnail:hover img
{
border: 1px solid blue;
}

.thumbnail span
{ /*CSS for enlarged image*/
position:absolute;
padding: 0px;
left: -305px;
width: 300px;
visibility: hidden;
border: 0px solid #d3d3d3;
background: white;
color: black;
}

.thumbnail span img{ /*CSS for enlarged image*/
padding: 0px;
}

.thumbnail:hover span{ /*CSS for enlarged image*/
visibility: visible;
top: 0;
margin-left: -10px;
margin-top: -20px;
top: 20px; /*position where enlarged image should offset horizontally */
}
  
                      
                    
----------->

#nav2 {
background: url(images/backbutton.jpg) repeat;
}

.wfl {width: 100%;
}

ul#list-nav2 {
list-style:none;
padding:3px 0 0 0;
width: 100%;
background: url(../images/backbutton3.jpg);
height:25px;
}



ul#list-nav2 a {
text-decoration:none;
margin: 0px 0;
padding:4px 0 0px 0;
width: 150px;
background: url(../images/backbutton3.jpg) repeat;
color:#bdbdbd;
float:left;
text-align:center;
font-size:11px;
font-weight: 200;
}

ul#list-nav2 a:hover {
color:#fff;
}
------------->

                    a.transeffect:active {
filter:alpha(opacity=50);
-moz-opacity:0.5;
-khtml-opacity: 0.5;
opacity: 0.5;
}	
              a.transeffect:link {
filter:alpha(opacity=50);
-moz-opacity:0.5;
-khtml-opacity: 0.5;
opacity: 0.5;
}	
                    
                    a.transeffect:hover {
filter:alpha(opacity=100);
-moz-opacity:1;
-khtml-opacity: 1;
opacity:1;
}