/* STRUCTURE */

* { margin: 0; padding: 0; outline: none; }

body { background: #999; margin: 16px 0; padding: 0; }

#maincontainer { background: #D6D6D6 url(images/stripes.png) repeat-x 0 60px; margin: 0 auto; padding-bottom: 1px; width: 960px; }

#maincontainer1 { background: #666666 url(images/stripes_1.jpg) repeat-x 0 60px; margin: 0 auto; padding-bottom: 1px; width: auto; }


#contentcolumn { background: #F5F5F5; border: 1px solid #999; margin: 0 16px 16px 232px; padding-top: 10px; }

#leftcolumn { float: left; padding-left: 16px; }

.innertube { margin: 16px; height:auto; }

/* NAVIGATION TOP/LEFT */

#menuTop { padding: 8px 0 0 24px; margin: 0 0 15px 0; background: #999; }

ul#nav { list-style-type: none; width: 100%; position: relative; height: 27px; margin: 0; padding: 11px 0 0 0; }

ul#nav li { display: block; float: left; margin: 0 0 0 4px; height: 27px; }
ul#nav li.left { margin: 0; }

ul#nav li a { background: url(images/navtop_button_OFF.png) repeat-x; font-size: 0.875em; display: block; float: left; color: #F5F5F5; line-height: 27px; text-decoration: none; padding: 0 17px 0 18px; height: 27px; }

ul#nav li a:hover { background: #333 url(images/navtop_corner.gif) no-repeat top right; }

ul#nav li a.current { color: #2E4560; background: #F5F5F5 url(images/navtop_current.gif) no-repeat top right; }

ul#nav li a.current:hover {color: #666; background: #F5F5F5 url(images/navtop_current.gif) no-repeat top right; }

#menu ul.vert1 {margin: 0; padding: 0; list-style-type: none; display: block; line-height: 1.65em; width: 200px; }

#menu ul.vert1 li { margin: 0; padding: 0; }

#menu ul.vert1 li a { font-size: 16px; display: block; text-decoration: none; color: #F5F5F5; background: #DDADAD; padding: 0 0 0 10px; width: 190px; }

#menu ul.vert2 li a { font-size: 12px; display: block; text-decoration: none; color: #F5F5F5; background: #DDADAD; padding: 0 0 0 10px; width: 190px; }

#menu ul.vert1 li a:hover { color: #F5F5F5; background: #999 url(images/navleft_arrow.gif) no-repeat top left; }

#menu ul.vert1 li a.current,ul.vert li a.current:hover { color: #666; background: #D6D6D6; }

#menu ul.vert { border: 1px solid #999; border-bottom: 0; margin: 0; padding: 0; list-style-type: none; display: block; line-height: 1.65em; width: 200px; }

#menu ul.vert li { margin: 0; padding: 0; }

#menu ul.vert li a { font-size: 0.875em; display: block; text-decoration: none; color: #F5F5F5; background: #ADADAD; padding: 0 0 0 10px; width: 190px; }

#menu ul.vert li a:hover { color: #F5F5F5; background: #999 url(images/navleft_arrow.gif) no-repeat top left; }

#menu ul.vert li a.current,ul.vert li a.current:hover { color: #666; background: #D6D6D6; }

/* GLOBAL STYLES */

body { color: #666; font: normal 102%/1.4em arial, verdana, sans-serif;  }

#menuTop h1 { background: url(images/header_bg.png) no-repeat top right; height: 35px; color: #d6d6d6; text-align: right; margin: 0; line-height: 0.875em; text-transform: uppercase; font-size: 2em; font-weight: normal; letter-spacing: 2px; } 

#contentcolumn h1 { background: url(images/view.jpg) no-repeat top left; font-size: 14px; font-family: Tahoma; color: Black; line-height:2.5em; padding-left: 32px; }

h1, h2, h3, h4, h5, h6 { font-weight: normal; letter-spacing: 1px; } 
h1 { margin: 0 0 16px 0;  }
h2 { border-top: 1px solid #D6D6D6; margin: 8px 0 8px 0; padding-top: 16px; font-size: 1.5em; }
h3 { background: #999; color: #f5f5f5; font-size: 1em; font-weight: bold; line-height: 1.6em; padding: 0 0 0 6px; margin: 8px 0 2px 0; }

p { font-size: 0.875em; margin: 0 0 16px 0; }

small,#footer { font-size: 0.875em; }

ul, ol { list-style: none; }

a, a:visited, a:active { color: #0000EE; text-decoration: none; }
a:hover { color: #0000EE; text-decoration: underline; }

p.float-right {margin-left: 114px; }
p.float-left {margin-right: 114px; }

img {
	position: relative;
	border: 0;
	margin: 0;
	width: 171;
	height: 136;
}
.img-left { float: left; margin: 6px 0; padding: 0; }
.img-right { float: right; margin: 6px 0; padding: 0; }
.img-center { display: block; margin: 8px auto 8px auto; border: 1px solid #999; padding: 7px; }

fieldset { background: #f5f5f5; border: 1px solid #999; font-size: .775em; line-height: 1.4em; width: 184px; padding: 8px; }
legend { display: none; }

blockquote { background: #D6D6D6;  border: 1px solid #999; width: auto; margin: 0 0 16px 0; padding: 8px; }
blockquote p {font-size: 0.785em; line-height: 1.4em; margin: 0 8px 0 4px; }

#footer { font-size: 0.785em; line-height: 1.4em; text-align: right; }

/* GALLERY */

/* ================================================================ 
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/slides.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
/* slides styling */

#photo {
	background: #f5f5f5;
	width:600px;
	height: 450px;
	text-align: left;
	display: block;
	float:left;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding-top: 0;
	padding-right: 20px;
	padding-bottom: 0;
	padding-left: 20px;
}

#photo ul {
	list-style: none;
	padding: 0;
	margin: 0;
	width: 210px;
	background: #d6d6d6;
	border: 1px solid #999;
	position: absolute;
	height: auto;
	top: 227px;
	left: 470px;
}

#photo ul li { display: inline; width: 200px; height: 24px; float: left; margin: 6px; }

#photo ul li a { display: block; width: 300px; height: 24px; cursor: default; background: url(images/arrow.gif) no-repeat; text-decoration: none; }

#photo ul li a b { display: none; }

#photo ul li a img { display: block; width: auto; height: auto; border: 1px solid #999; }

#photo ul li a:hover { white-space: normal; position: relative; z-index: 50; }

#photo ul li a.vert:hover img { background: #f5f5f5; position: absolute; left: -12px; top: 5px; width: auto; height: auto; border-color: #333; padding: 2px; }

#photo ul li a.hor:hover img { background: #f5f5f5; position: absolute; left: -14px; top: -12px; width: 64px; height: 48px; border-color: #333; padding: 2px;  }

#photo ul li a:active, #photo ul li a:focus { position: static; outline: 0; }

#photo ul li a:focus.vert img, #photo ul li a:active.vert img { position: absolute; left: -38px; top:-3px; width: auto; height: auto; padding: 0px; border: 1px solid #999; margin: 0 45px; }

#photo ul li a:focus.hor img, #photo ul li a:active.hor img { position: absolute; left: 279px; top:-40px; width: auto; height: auto; padding: 4px; border: 1px solid #999; margin: 45px 0; }

#photo ul li a:focus b, #photo ul li a:active b { display: block; position: absolute; width: auto; height: auto; top: 130px; left:-7px; color: #666; font-size: 0.775em; font-weight: normal; line-height: 1.4em; padding: 6px; }

#box2{
 	width:660px;
	height:400px;
	overflow:auto;
	}