/* CSS Document */
/*RESET*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-weight: inherit;
font-style: inherit;
font-size: 100%;
font-family: inherit;
vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
outline: 0;
}
body {
line-height: 1;
color: black;
background: white;
}
ol, ul {
list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
border-collapse: separate;
border-spacing: 0;
}
caption, th, td {
text-align: left;
font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: "";
}
blockquote, q {
quotes: "" "";
}
/*END OF RESET*/

/*LAYOUT*/
body {
	padding-top:3px;
	background-color:#373737;
	}
#maincontainer{
width: 840px;
margin: 0 auto; /*Center container on page*/
background-color:#fff;
border: 1px solid #6f6f6f;
}
#topsection{
height:105px;
border-bottom:1px solid #6f6f6f;
}
#undertop {
	height:30px;
	background:url('pics/underpic.gif')
	no-repeat;
	}
#contentwrapper{
float: left;
width: 100%;
}
#contentcolumn{
margin: 0 190px 0 180px; /*Margins for content column. Should be "0 RightColumnWidth 0 LeftColumnWidth*/
}
#contentcolumn2{
margin: 0 100px 0 200px; /*Margins for content column. Should be "0 RightColumnWidth 0 LeftColumnWidth*/
border-left:1px dotted #6f6f6f;
padding-left:20px;
}
#leftcolumn{
float: left;
width: 170px; /*Width of left column in pixel*/
margin-left: -840px; /*Set margin to that of -(MainContainerWidth)*/
padding-left:9px;
border-right:1px dotted #6f6f6f;
}
#leftcolumn2{
float: left;
width: 200px; /*Width of left column in pixel*/
margin-left: -840px; /*Set margin to that of -(MainContainerWidth)*/
padding-left:30px;
}
#rightcolumn{
float: left;
width: 189px; /*Width of right column*/
margin-left: -190px; /*Set left margin to -(RightColumnWidth)*/
text-align:center;
border-left:1px dotted #6f6f6f;
}
#rightcolumn2{
float: left;
width: 99px; /*Width of right column*/
margin-left: -100px; /*Set left margin to -(RightColumnWidth)*/
text-align:center;
}
#footer{
clear: left;
width: 100%;
background:url('pics/underpic.gif')
	no-repeat;
margin-top:100px;
text-align:right;
padding:0 0 5px 0;
}
.innertube{
margin:10px; /*Margins for inner DIV inside each column (to provide padding)*/
margin-top:10px;
}
/*END OF LAYOUT*/
/*PRESENTATION*/
p .pmembers {
    font:bold 8pt arial, helvetica, sans-serif;
    margin:10px 5px 7px 5px;
    color:#777;
    text-align:left;   
    }
.member {
	font-weight:600;
	color:#373737;
	text-decoration:underline solid #777;
	}
p {
    font:8pt arial, helvetica, sans-serif;
    margin:10px 5px 7px 5px;
    color:#777;
    text-align:justify;
	} 
.last {
	font:8pt arial, helvetica, sans-serif;
    margin:10px 5px 30px 5px;
    color:#777;
    text-align:justify;
 	}	
h1 {
    font:bold 12pt arial, helvetica, sans-serif;
    margin:10px 0 10px 0;
    color:#000;
    }
ul {   
    padding:0 5px 0 25px;
    list-style:square
    }
ul li {
    font:8pt arial, helvetica, sans-serif;
    color:#777;   
    }
#footer span {
    font:bold 7pt arial, helvetica, sans-serif;
    color:#fff;
    margin:0 3px 5px 0;
    }
.columnstrip {
	font:600 10pt arial, helvetica, sans-serif;
	color:#fff;
	borders:1px solid black;
	height:29px;
	text-align:left;
	padding-left:5px;
	}
#rightcolumn .columnstrip, #three {
	background:url('pics/colorstrip189.gif')
	no-repeat;
	}
#contentcolumn .columnstrip, #two {
	background:url('pics/colorstrip500.gif')
	no-repeat;
	}
#leftcolumn .columnstrip, #one {
	background:url('pics/colorstrip162.gif')
	no-repeat;
	margin-top:10px;
	}
#contentcolumn2 span {
	font:bold 8pt arial, helvetica, sans-serif;
	color:#777;
	}
.memodiv {
	border-bottom:1px dotted #777;
	}
*html .memodiv {
	border:0;
	}
#contentcolumn2 h3 {
	margin-left:50%;
	}
#slidesh {
	margin-bottom:700px;
	}
.more {
	text-align:right;
	}
/*END OF PRESENTATION*/
/*LINKS*/
a {
	color:blue;
	}
#footer a{
font:bold 7pt arial, helvetica, sans-serif;
color: #FFF;
margin-right:10px;
}
#linksP {
    text-align:right;
    font-variant:small-caps;
    margin:50px 20px 50px 0;
    line-height:1.2;
    }
#linksP a {
    font:600 8pt arial, helvetica, sans-serif;   
    color:#777;
    text-decoration:none;
    }
#linksP a:hover {
    text-decoration:underline;
    }
.tolink {
	font:bold 8pt arial, helvetica, sans-serif;
	color:#000;	
	}
#contentcolumn2 a:hover {
	color:#c85819;
	}
#counter {
	margin:70px 0 30px 30px;
	}
.memo {
	font:bold 8pt arial, helvetica, sans-serif;
	text-decoration:none;
	margin-top:40px;
	}
.memodiv a {
	text-decoration:none;
	}
.more a {
	font:8pt arial, helvetica, sans-serif;
	color:#777;
	}
.more a:hover {
	color:#ccc;
	}
#songs a {
	font:bold 8pt arial, helvetica, sans-serif;
	color:#777;
	text-decoration:none;
	}
#songs a:hover {
	text-decoration:underline;
	}
/*leftcolumn link*/
.mattblacktabs2 ul{
margin: 0;
padding: 0;
padding-right: 0px; /*offset of tabs relative to browser right edge*/
list-style-type: none;
}
.mattblacktabs2 li a{
float: left;
font:600 8pt arial, helvetica, sans-serif;
display: block;
text-decoration: none;
margin-top:20px;
padding: 7px 12px; /*padding inside each tab*/
border-right: 1px solid white; /*right divider between tabs*/
color: white;
background: #414141; /*background of tabs (default state)*/
}

.mattblacktabs2 li a:visited{
color: white;
}

.mattblacktabs2 li a:hover, .mattblacktabs2 li.selected a{
background: black;
}
/*End of leftcolumn link*/	
/*END OF LINKS*/
/*PICS*/
#contentcolumn img {
    margin:10px 20px 0 20px;
	float:left;
    }
#rightcolumn img {
	margin-bottom:10px;
	}
#contentcolumn #lemons {
	margin-left:100px;
	}
#leftcolumn .membpic {
	margin:0 0 10px 30px;
	}
#leftcolumn .button {
	margin:0 0 0px 10px;
	}
#leftcolumn2 .button {
	margin:0;
	}
#leftcolumn2 .buttonslide {
	margin-bottom:200px;
	}
#contentcolumn .button{
    margin:10px 20px 0 0;
    }
#vovkapic {
	float:left;
	margin:7px;
	}
#vovkapicmemo {
	float:left;
	margin:0 10px 20px 0;
	}
*html #vovkapicmemo {
	margin-top:20px;
	}
#withborder {
	border:1px solid #ccc;
	}
.histpics {
	margin:7px 0 7px 0;
	}
.more #more {
	float:none;
	margin-right:4px;
	}
/*END OF PICS*/

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

.mattblacktabs{
width: 100%;
overflow: hidden;
border-bottom: 1px solid black; /*bottom horizontal line that runs beneath tabs*/
}

.mattblacktabs ul{
margin: 0;
padding: 0;
padding-right: 0px; /*offset of tabs relative to browser right edge*/
list-style-type: none;
}

.mattblacktabs li{
display: inline;
margin: 0;
}

.mattblacktabs li a{
float: right;
font:600 8pt arial, helvetica, sans-serif;
display: block;
text-decoration: none;
margin: 0;
padding: 7px 12px; /*padding inside each tab*/
border-right: 1px solid white; /*right divider between tabs*/
color: white;
background: #414141; /*background of tabs (default state)*/
}

.mattblacktabs li a:visited{
color: white;
}

.mattblacktabs li a:hover, .mattblacktabs li.selected a{
background: black; /*background of tabs for hover state, plus tab with "selected" class assigned to its LI */
}
/*End of Menu*/