* {
    padding: 0;
    margin: 0;
} 

body {
font-family: Verdana, Arial, Helvetica, sans-serif;
background: url('../images/fade.jpg') repeat-x;
font-size: 17px;
line-height: 18px;
color: #333333;
border: none;
}
.align-right { float:right; margin: 0 0 15px 15px; }
.align-left { float:left; margin: 0 15px 15px 0; }
.frame { padding: 5px; border: 1px solid #aaa; }

img { border: 0px;}
a { color: #3000FF; text-decoration: none; }
a:hover { text-decoration: underline; color : #000; }

div#wrap {
width: 1000px;
margin: 0px auto;
/*background-color: #ffffff;*/
border: 0px #000000 solid ;
}


div#header {
display:block;
height:90px;
width: 1000px;
margin: 0px auto;
border: 0px solid #ede2fd;
}

div#header h1 {
padding: 17px 0 5px 10px;
font-size: 14px;
letter-spacing: -2px;
}
div#header h1 a {
color: #000;
text-decoration: none;
}
div#header h1 a:hover {
text-decoration: none;
color: #666;
}
div#header h2 {
padding-left: 0px;
font-size: 15px;
color: #3000FF;
font-weight: 100;
}
div#header img {
margin-left: 5px;
}
div#headermenu {
height:12px;
width: 890px;
margin: 0px auto;
border-top: 1px solid #ede2fd;
background-imge:url(bg_menu.gif); background-repeat:repeat-x;
}
div#headermenu input{ float:right; }

.transparent_class {
	filter:alpha(opacity=50);
	-moz-opacity:0.5;
	-khtml-opacity: 0.5;
	opacity: 0.5;
}
.smallwhitetext {
	font: 0.7em Tahoma, sans-serif;
	font-size: 13px;
	font-weight:bold;
	color: #3000ff;
}
.smallwhitetext a{
	font: 0.7em Tahoma, sans-serif;
	font-size: 13px;
	font-weight:bold;
	color: #000000;
	text-decoration:none;
}
.smallwhitetext a:hover{
	text-decoration:underline;
}
div#content {
font:small Arial, Verdana,Geneva,Helvetica,sans-serif;
font-size: 120%;
color: #000000;
float: left;
width: 750px;
text-align: justify;
padding: 10px 20px 10px 40px;
border-left: 1px solid #aaa;
min-height: 600px;
height:auto !important;
height:600px;
}

div#searchform {
height: 30px;
	width: 380px;
/*float: right;*/
	clear:both;
	margin-top: 10px;
	padding-right: 12px;
}
div#searchform input{ float:right; }
div#searchform p {
padding-top: 0.4em;
padding-right: 0pt;
padding-bottom: 0.4em;
padding-left: 1em;
width: 200px
}
div#tubeconten {
font:small Arial, Verdana,Geneva,Helvetica,sans-serif;
font-size: 120%;
color: #000000;
float: left;
width: 600px;
text-align: justify;
padding: 5px 20px 10px 40px;
border-left: 0px solid #aaa;
min-height: 700px;
height:auto !important;
height:700px;
}
div#tubecontent p {
width:500px;
}

div#content h1 {
text-align: left;
font-family: Verdana,Arial,Helvetica,sans-serif;
font-size: 12px;
color: #b82619;
}
div#content li {
margin-left: 20px;
}

div#content h2 {
font-size: 120%;
display: block;
color: #FF0000;
font-weight: 100;
/*padding : 5px 0 5px 0;*/
padding-left: 5px;
border-top: 1px #edef2d solid;
border-bottom: 1px #edef2d solid;
background-color: #ffffcc;
}
div#content h2 a {

}
div#content h2 a:hover {

}


div#left {
background-color: #ffffde;
font-size: 30px;
border-left: 1px solid #ede2fd;
border-right: 1px solid #ede2fd;
float: left;
width: 150px;
/*padding: 20px 0px 10px 0px;*/
min-height: 800px;
height:auto !important;
height:800px;
}
div#left h2 {
font-size: 18px;
color: #222;
padding: 5px 0 2px 10px;
}
div#left ul {
list-style-type: none;
padding: 5px 0 10px 5px;
}
div#left ul li {
padding: 2px 20px;
}

div#left ul li a {
border-left: none;
border-top: #ddd 2px dotted;
font-size: 14px;
display: block;
color: #3000FF;
}
div#left ul li a:hover {
text-decoration:none;
color: #ff0000;
background: #eee;
}

div#footer
{
clear: both;
padding: .5em 1em;
border-top: 1px solid #999;
text-align: center;
width: 1000px;
margin: 0px auto;
background-color: #ffffff;
}
		
div#footer ul
		{
			padding: 0;
			margin: 0;
			list-style-type: none;
		}
		
div#footer li
		{
			display: inline;
			margin-right: 1em;
		}

#slider {
    width: 410px; /* important to be same as image width */
    height: 300px; /* important to be same as image height */
    position: relative; /* important */
	overflow: hidden; /* important */
	margin-left: auto ;
    margin-right: auto ;
}
#sliderContent {
    width: 410px; /* important to be same as image width or wider */
    position: absolute;
	top: 0;
	margin-left: 0;
}
.sliderImage {
    float: left;
    position: relative;
	display: none;
 
}
.sliderImage span {
    position: absolute;
	font: 10px/15px Arial, Helvetica, sans-serif;
    padding: 10px 13px;
    width: 384px;
    background-color: #000;
    filter: alpha(opacity=70);
    opacity: 0.7;
    color: #fff;
    display: none;
}
.clear {
	clear: both;
}
.sliderImage span strong {
    font-size: 14px;
}
.top {
	top: 0;
	left: 0;
}
.bottom {
	bottom: 0;
    left: 0;
}
ul { list-style-type: none;}


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

.gallerycontainer{
position: relative;
/*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;
background-color: lightyellow;
padding: 5px;
left: -1000px;
border: 1px dashed gray;
visibility: hidden;
color: black;
text-decoration: none;
}

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

.thumbnail:hover span{ /*CSS for enlarged image*/
visibility: visible;
top: 0;
left: 230px; /*position where enlarged image should offset horizontally */
z-index: 50;
}

#smcontainer{
	margin:0 auto;
        float:left;
	width:520px;
	background:#fff;
	padding-bottom:20px;
	color: #3000FF;
}
/*#smcontent{margin:0 20px;}*/

#gallery {width:728px; height:550px; padding:10px; border:0px solid #333; background: #fff; position:relative; margin-bottom:20px;}
#gallery b.default {position:absolute; left:10px; top:10px; width:548px; height:380px; text-align:center;}
#gallery b.default img {display:block; margin:0 auto 10px auto; border:1px solid #eee; border-color:#555 #ddd #eee #333;}
#gallery b.default span {display:block; color:#fff; font-family:verdana, arial, sans-serif; font-weight:normal; font-size:11px; width:350px; margin:0 auto;}
 
#gallery ul {list-style:none; padding:0; margin:0; width:180px; position:relative; float:right;}
#gallery ul li {display:inline; width:52px; height:52px; float:left; margin:0 0 5px 5px;}
#gallery ul li a {display:block; width:50px; height:50px; text-decoration:none; border:1px solid #000; border-color:#eee #555 #333 #ddd;}
#gallery ul li a span {display:none;}
#gallery ul li a img {display:block; width:50px; height:50px; border:0;}
#gallery ul li a:hover {white-space:normal; border-color:#555 #ddd #eee #333; background:#fff;}
#gallery ul li a:hover b {position:absolute; left:-548px; top:0; width:548px; height:380px; text-align:center; background:#fff; z-index:20;}
#gallery ul li a:hover span {display:block; color:#fff; font-family:verdana, arial, sans-serif; font-weight:normal; font-size:11px; width:350px; margin:0 auto;}
#gallery ul li a:hover img {margin:0 auto 10px auto; width:auto; height:auto; border:1px solid #eee; border-color:#555 #ddd #eee #333;}
 
#gallery ul li a:active, #gallery ul li a:focus {white-space:normal; border-color:#555 #ddd #eee #333; background:#777;}
#gallery ul li a:active b, #gallery ul li a:focus b {position:absolute; left:-548px; top:0; width:548px; height:380px; text-align:center; background:#888; z-index:10;}
#gallery ul li a:active span, #gallery ul li a:focus span {display:block; color:#fff; font-family:verdana, arial, sans-serif; font-weight:normal; font-size:11px; width:350px; margin:0 auto;}
#gallery ul li a:active img, #gallery ul li a:focus img{margin:0 auto 10px auto; width:auto; height:auto; border:1px solid #eee; border-color:#555 #ddd #eee #333;}